/* Liquid Glass (iOS 26 style) overlay — 2026-10-16, staging */
:root{--g-bg:rgba(22,24,32,.42);--g-bg-2:rgba(30,33,44,.55);--g-line:rgba(255,255,255,.12);--g-hi:rgba(255,255,255,.22);--g-blur:saturate(180%) blur(22px);--ease:cubic-bezier(.2,.8,.2,1)}
html,body{background:#07080c}
body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
 background:radial-gradient(38vmax 38vmax at 18% 22%,rgba(212,168,74,.22),transparent 60%),
 radial-gradient(34vmax 34vmax at 82% 30%,rgba(90,110,255,.20),transparent 60%),
 radial-gradient(40vmax 40vmax at 50% 90%,rgba(160,60,220,.16),transparent 60%);
 filter:blur(10px);animation:gDrift 28s var(--ease) infinite alternate}
@keyframes gDrift{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(3vmax,-2vmax,0) rotate(8deg)}100%{transform:translate3d(-2vmax,2vmax,0) rotate(-6deg)}}
.card,.auth,.sheetPanel,.palette,.toast,.wc,.qs{background:linear-gradient(160deg,var(--g-bg-2),var(--g-bg))!important;
 -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:1px solid var(--g-line)!important;
 box-shadow:inset 0 1px 0 var(--g-hi),inset 0 -1px 0 rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.35)!important;border-radius:22px}
.card::after,.auth::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 70%,rgba(255,255,255,.05) 100%)}
.sidebar,.top{background:rgba(12,13,18,.45)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
.card{animation:gIn .55s var(--ease) both}
.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(n+6){animation-delay:.3s}
@keyframes gIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.card{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
@media (hover:hover){.card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--g-hi),0 16px 40px rgba(0,0,0,.45)!important}}
.btn,.qsBtn,.nav a,.nav button{transition:transform .15s var(--ease),background .2s,box-shadow .2s;border-radius:14px}
.btn:active,.qsBtn:active,.nav a:active,.nav button:active{transform:scale(.96)}
.btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
/* мотивация */
.wcMot{display:flex;gap:14px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(212,168,74,.16),rgba(255,255,255,.04));border:1px solid rgba(212,168,74,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.motRing{width:64px;height:64px;flex:none;transform:rotate(-90deg)}
.motRing circle{fill:none;stroke-width:7}.motTrack{stroke:rgba(255,255,255,.1)}
.motArc{stroke:var(--c-gold,#d4a84a);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease);filter:drop-shadow(0 0 6px rgba(212,168,74,.6))}
.motArc.done{stroke:#4ade80;filter:drop-shadow(0 0 6px rgba(74,222,128,.6))}
.motRing text{transform:rotate(90deg);transform-origin:32px 32px;fill:var(--c-text,#fff);font-size:14px;font-weight:700;text-anchor:middle}
.motTxt{min-width:0;display:flex;flex-direction:column;gap:3px}.motTxt b{font-size:16px;color:var(--c-gold-hi,#f0c86a)}.motTxt small{font-size:12px;opacity:.8;line-height:1.35}
.motBar{height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:4px}
.motBar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8862e,#f0c86a);animation:gBar 1.2s var(--ease) both}
@keyframes gBar{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card,.auth,.sheetPanel{background:rgba(24,26,34,.94)!important}}
@media (prefers-reduced-motion:reduce){body::before,.card,.motBar i{animation:none!important}.card,.motArc{transition:none!important}}
.authScene,.authPanel,.shell,main{background:transparent!important}
.authPanel{-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);background:rgba(10,11,16,.25)!important}
.authCard{background:linear-gradient(160deg,var(--g-bg-2),var(--g-bg))!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:1px solid var(--g-line)!important;box-shadow:inset 0 1px 0 var(--g-hi),0 20px 60px rgba(0,0,0,.5)!important;border-radius:28px!important;animation:gIn .6s var(--ease) both}

/* fix 2026-10-16: .sheet — полноэкранный слой, стекло только на панели; псевдоблик только у карточек */
.card,.auth{position:relative}
.sheetPanel{position:relative;z-index:1;border-radius:22px 22px 0 0}
/* fix 2026-10-16: список разделов в боковом меню прокручивается, не уходит под нижний блок */
.sideNav{flex:1 1 auto;min-height:0}
/* ===== v2 2026-10-16 ===== */
/* «Ещё»: тёмные стеклянные плитки (в тёмной теме) и нижние кнопки не под панелью вкладок */
:root:not([data-theme=light]) .sheetItem{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);color:var(--c-text-2,#cfd3dc);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root:not([data-theme=light]) .sheetItem:active{background:rgba(255,255,255,.10)}
.sheetPanel{max-height:calc(100dvh - 24px);padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
.sheetActions [data-action=logout]{grid-column:1/-1}
.rdTile{border-color:rgba(212,168,74,.45)!important;background:linear-gradient(135deg,rgba(212,168,74,.18),rgba(255,255,255,.04))!important}
/* баннер устаревших данных */
.staleBanner{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:16px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);font-size:13px}
.staleBanner .icon{color:#f59e0b;flex:none}.staleBanner span{flex:1;min-width:0}.staleBanner .btn{flex:none;padding:6px 12px;min-height:32px}
/* Радар */
.rdSummary{display:flex;gap:16px;align-items:center}
.rdCount{display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;flex:none;border-radius:50%;border:2px solid rgba(74,222,128,.5);box-shadow:0 0 24px rgba(74,222,128,.18)}
.rdCount b{font-size:28px;line-height:1}.rdCount span{font-size:11px;opacity:.75}
.rdCount.warn{border-color:rgba(245,158,11,.6);box-shadow:0 0 24px rgba(245,158,11,.2)}.rdCount.crit{border-color:rgba(239,68,68,.7);box-shadow:0 0 24px rgba(239,68,68,.25);animation:rdPulse 2.4s ease-in-out infinite}
@keyframes rdPulse{50%{box-shadow:0 0 36px rgba(239,68,68,.4)}}
.rdSumTxt p{margin:2px 0}.rdMuted{opacity:.65;font-size:12.5px;line-height:1.4;margin:8px 0 0}
.rdSigs{display:grid;gap:12px;margin:14px 0}
@media(min-width:900px){.rdSigs{grid-template-columns:repeat(2,minmax(0,1fr))}.rdGrid{grid-template-columns:1fr 1fr}}
.rdSig{position:relative;padding:14px 16px;border-radius:20px;border:1px solid var(--g-line);background:linear-gradient(160deg,var(--g-bg-2),var(--g-bg));-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border-left:4px solid #60a5fa}
.rdSig.warn{border-left-color:#f59e0b}.rdSig.crit{border-left-color:#ef4444}
.rdSigTop{display:flex;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.75}
.rdSig.crit .rdSev{color:#f87171}.rdSig.warn .rdSev{color:#fbbf24}.rdSig.info .rdSev{color:#93c5fd}
.rdSig h3{margin:6px 0 4px;font-size:16px;line-height:1.3}.rdWhy{margin:0;font-size:13px;opacity:.8;line-height:1.4}
.rdFix{display:flex;gap:6px;align-items:flex-start;margin:8px 0 10px;font-size:13.5px;color:var(--c-gold-hi,#f0c86a)}.rdFix .icon{flex:none;width:16px;height:16px;margin-top:1px}
.rdActs{display:flex;flex-wrap:wrap;gap:8px}.rdActs .btn{min-height:40px;font-size:13px}
.rdGrid{display:grid;gap:14px;margin-bottom:14px}
.rdKpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
@media(min-width:900px){.rdKpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rdKpis div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.rdKpis small{display:block;font-size:11.5px;opacity:.7}.rdKpis b{font-size:18px}.rdKpis b small{display:inline;font-size:11px}.gold{color:var(--c-gold-hi,#f0c86a)}
.card h2{display:flex;align-items:center;gap:8px}.card h2 .icon{color:var(--c-gold,#d4a84a)}
.rdSub{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin:14px 0 6px}
.rdRow{display:grid;grid-template-columns:minmax(90px,1.3fr) 1fr auto;grid-template-areas:"n b v" "n s s";column-gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}
.rdRow>span{grid-area:n;min-width:0;overflow:hidden;text-overflow:ellipsis}.rdRow>.rdBar{grid-area:b}.rdRow>b{grid-area:v;white-space:nowrap}.rdRow>small{grid-area:s;opacity:.6;font-size:11.5px;text-align:right}
.rdPay .rdRow,.rdLog .rdRow{grid-template-columns:1fr auto;grid-template-areas:"n v" "s s"}.rdPay .rdRow>small,.rdLog .rdRow>small{text-align:left}
.rdBar{height:8px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden}.rdBar i{display:block;height:100%;border-radius:inherit;background:#60a5fa;animation:gBar 1s var(--ease) both}
.rdBar.gold i{background:linear-gradient(90deg,#b8862e,#f0c86a)}.rdBar.bad i{background:#ef4444}.rdBar.ok i{background:#4ade80}
.rdShifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.rdShifts div{padding:8px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:2px}.rdShifts div.up{background:rgba(212,168,74,.12);border:1px solid rgba(212,168,74,.3)}
.rdShifts small{font-size:11px;opacity:.7}.rdShifts b{font-size:14px}
.rdEmpty{text-align:center}.rdSkel{height:64px;border-radius:16px;margin:10px 0;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:rdSk 1.3s linear infinite}.rdSkel.short{width:60%}
@keyframes rdSk{to{background-position:-200% 0}}
[data-theme=light] .rdSig,[data-theme=light] .rdKpis div,[data-theme=light] .rdShifts div{background:rgba(255,255,255,.7)}