/* RiverWorks Rinks · future look (Oct 21). Loads after app.css. Keeps the silo-blue / copper palette; adds one crisp hairline
   on everything, glass panels with an inner highlight, soft glow on the primary actions, and a lit tab bar. */
:root{--line:rgba(170,200,255,.2);--line2:rgba(170,200,255,.34);--r:16px}
.panel,.item,.ev,.deal,.mi,.kpi,.teambtn,.iss,.kbr,.mrec,.ck,.egg,.cam,.mapbox,.labq,.drnav,.audsw,.m3-stage,.logr,.dchip,.guess,.board,.notice{border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px -18px rgba(0,0,0,.75)}
.panel,.item,.ev,.deal,.mi,.kpi,.teambtn,.iss,.kbr,.mrec,.ck,.egg{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)) ,var(--panel)}
.teambtn:active,.ev:active,.deal:active,.mi:active{transform:scale(.99)}
.teambtn .lr{box-shadow:0 0 18px -6px #86b5e8,inset 0 1px 0 rgba(255,255,255,.2)}
.btn{border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px -12px rgba(0,0,0,.8);transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}
.btn:active{transform:scale(.98)}
.btn.pri,.btn.hot{border:1px solid rgba(255,255,255,.22);box-shadow:0 0 24px -8px var(--c,#86b5e8),0 8px 20px -12px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.pri{--c:#86b5e8}.btn.hot{--c:#d99c5d}
.btn.glass{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}
.cartbtn,.findbtn,.staffbtn{border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.top{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
.top .logo{filter:drop-shadow(0 0 10px rgba(134,181,232,.45))}
.tabs{border-top:1px solid rgba(170,200,255,.22);background:rgba(14,25,43,.9);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
.tabs::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(134,181,232,.9) 30%,rgba(217,156,93,.85) 70%,transparent);pointer-events:none}
.tabs nav button[aria-current=true]{text-shadow:0 0 14px rgba(134,181,232,.75)}
.search,input.search{border:1px solid var(--line2);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.search:focus,input.search:focus{outline:0;border-color:#86b5e8;box-shadow:0 0 0 3px rgba(134,181,232,.2)}
.chip{border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.chip[aria-pressed=true],.chip.on{box-shadow:0 0 16px -6px #d99c5d,inset 0 1px 0 rgba(255,255,255,.15)}
.kv>div{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}
.qa button{border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px -16px #000}
.badge{box-shadow:0 0 10px -4px currentColor}
.m3-stage{box-shadow:inset 0 0 0 1px rgba(170,200,255,.12),0 18px 44px -24px #000}
.drawer .dp{border:1px solid var(--line2);box-shadow:0 -18px 50px -20px #000,inset 0 1px 0 rgba(255,255,255,.08)}
@media (prefers-reduced-motion:reduce){.btn,.teambtn,.ev,.deal,.mi{transition:none}}