/* Grade Helper v5.1 — Soft Executive Academic Visual System */
:root{
  --vx-bg:#F3F6F8;--vx-bg-alt:#EEF2F4;--vx-surface:#FAFCFD;--vx-surface-2:#FFFFFF;--vx-surface-muted:#F0F4F6;
  --vx-ink:#182433;--vx-ink-soft:#314151;--vx-muted:#637282;--vx-line:#DCE4EA;--vx-line-strong:#C9D5DD;
  --vx-navy:#0E2942;--vx-navy-2:#173A57;--vx-blue:#4D7DB8;--vx-blue-soft:#DCE8F3;--vx-teal:#4D9698;--vx-teal-soft:#DCECEB;
  --vx-gold:#A98449;--vx-gold-soft:#F2E9D8;--vx-success:#3E8D6B;--vx-danger:#A95B63;
  --vx-shadow-xs:0 2px 8px rgba(22,43,61,.045);--vx-shadow-sm:0 8px 24px rgba(22,43,61,.07);--vx-shadow-md:0 18px 48px rgba(22,43,61,.09);--vx-shadow-lg:0 28px 72px rgba(22,43,61,.12);
  --vx-glass:rgba(250,252,253,.82);--vx-ring:rgba(77,125,184,.26);
  --navy:var(--vx-navy);--navy2:var(--vx-navy-2);--blue:var(--vx-blue);--blue2:#7398C3;--cyan:var(--vx-teal);--aqua:var(--vx-teal-soft);--gold:var(--vx-gold);--gold-soft:var(--vx-gold-soft);
  --ink:var(--vx-ink);--muted:var(--vx-muted);--bg:var(--vx-bg);--card:var(--vx-surface);--line:var(--vx-line);--success:var(--vx-success);--danger:var(--vx-danger);--shadow:var(--vx-shadow-lg);--shadow-sm:var(--vx-shadow-sm);
  --sp-navy:var(--vx-navy);--sp-navy2:var(--vx-navy-2);--sp-blue:var(--vx-blue);--sp-aqua:var(--vx-teal);--sp-gold:var(--vx-gold);--sp-ink:var(--vx-ink);--sp-muted:var(--vx-muted);--sp-line:rgba(111,135,151,.18);--sp-surface:var(--vx-surface);--sp-soft:var(--vx-surface-muted);--sp-shadow:var(--vx-shadow-md)
}
html[data-theme="dark"]{
  color-scheme:dark;--vx-bg:#101820;--vx-bg-alt:#131D25;--vx-surface:#17222C;--vx-surface-2:#1C2934;--vx-surface-muted:#1B2730;
  --vx-ink:#E6EDF2;--vx-ink-soft:#C9D4DC;--vx-muted:#A4B2BE;--vx-line:#2B3B47;--vx-line-strong:#38505F;
  --vx-navy:#E7EFF5;--vx-navy-2:#C9DAE7;--vx-blue:#80A6CF;--vx-blue-soft:#23384B;--vx-teal:#75AAA9;--vx-teal-soft:#203738;--vx-gold:#C2A46C;--vx-gold-soft:#3A3122;
  --vx-success:#67B18D;--vx-danger:#D3848B;--vx-shadow-xs:0 2px 8px rgba(0,0,0,.12);--vx-shadow-sm:0 8px 24px rgba(0,0,0,.18);--vx-shadow-md:0 18px 48px rgba(0,0,0,.24);--vx-shadow-lg:0 28px 72px rgba(0,0,0,.30);--vx-glass:rgba(23,34,44,.84);--vx-ring:rgba(128,166,207,.34);
  --navy:var(--vx-navy);--navy2:var(--vx-navy-2);--blue:var(--vx-blue);--blue2:#9AB7D5;--cyan:var(--vx-teal);--aqua:var(--vx-teal-soft);--gold:var(--vx-gold);--gold-soft:var(--vx-gold-soft);--ink:var(--vx-ink);--muted:var(--vx-muted);--bg:var(--vx-bg);--card:var(--vx-surface);--line:var(--vx-line);--success:var(--vx-success);--danger:var(--vx-danger);
  --sp-navy:var(--vx-navy);--sp-navy2:var(--vx-navy-2);--sp-blue:var(--vx-blue);--sp-aqua:var(--vx-teal);--sp-gold:var(--vx-gold);--sp-ink:var(--vx-ink);--sp-muted:var(--vx-muted);--sp-line:rgba(154,177,191,.17);--sp-surface:var(--vx-surface);--sp-soft:var(--vx-surface-muted);--sp-shadow:var(--vx-shadow-md)
}
html[data-comfort="true"]{--vx-bg:#F2F4F3;--vx-bg-alt:#ECEFEE;--vx-surface:#F9FAF9;--vx-surface-2:#FCFDFC;--vx-ink:#24313B;--vx-ink-soft:#3F4C55;--vx-muted:#6B767D;--vx-blue:#607F9C;--vx-teal:#668F8F;--vx-gold:#947B52;--vx-shadow-sm:0 7px 20px rgba(35,49,57,.045);--vx-shadow-md:0 14px 38px rgba(35,49,57,.06);--vx-shadow-lg:0 22px 52px rgba(35,49,57,.075)}
html[data-theme="dark"][data-comfort="true"]{--vx-bg:#172027;--vx-bg-alt:#19242B;--vx-surface:#1D2931;--vx-surface-2:#223039;--vx-ink:#DCE5E9;--vx-ink-soft:#C6D0D5;--vx-muted:#A7B1B6;--vx-blue:#89A4BC;--vx-teal:#7EA5A2;--vx-gold:#B7A17B}
html{background:var(--vx-bg)}
body{color:var(--vx-ink);background:radial-gradient(900px 520px at 92% -12%,rgba(77,150,152,.055),transparent 68%),radial-gradient(760px 480px at -10% 18%,rgba(77,125,184,.05),transparent 70%),var(--vx-bg)}
html[data-theme="dark"] body{background:radial-gradient(900px 520px at 92% -12%,rgba(117,170,169,.06),transparent 68%),radial-gradient(760px 480px at -10% 18%,rgba(128,166,207,.055),transparent 70%),var(--vx-bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.42;background-image:linear-gradient(rgba(74,103,122,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(74,103,122,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 76%)}
html[data-comfort="true"] body::before{opacity:.20}
.nav{background:rgba(250,252,253,.84)!important;border-bottom:1px solid rgba(202,215,224,.76)!important;box-shadow:0 6px 22px rgba(28,49,66,.045)!important;backdrop-filter:blur(18px) saturate(118%)!important}
html[data-theme="dark"] .nav{background:rgba(16,24,32,.86)!important;border-bottom-color:rgba(70,90,104,.55)!important;box-shadow:0 8px 28px rgba(0,0,0,.20)!important}
.brand-mark{background:linear-gradient(145deg,#193B59 0%,#4D7DB8 58%,#608EAA 100%)!important;box-shadow:0 9px 24px rgba(37,72,104,.18),inset 0 1px 0 rgba(255,255,255,.28)!important}.nav-links{color:var(--vx-ink-soft)!important}.nav-links a::after{background:linear-gradient(90deg,var(--vx-blue),var(--vx-teal))!important}
.btn{border-radius:13px!important;box-shadow:var(--vx-shadow-xs)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}.btn::before{opacity:.34!important}.btn:hover{transform:translateY(-1px)!important;box-shadow:var(--vx-shadow-sm)!important}.btn-primary{background:linear-gradient(135deg,#386B9F 0%,#4D7DB8 55%,#567F9B 100%)!important;border-color:rgba(50,98,143,.30)!important;box-shadow:0 10px 24px rgba(62,107,147,.18)!important}.btn-secondary,.btn-light{background:linear-gradient(180deg,var(--vx-surface-2),var(--vx-surface))!important;border-color:var(--vx-line)!important;color:var(--vx-ink)!important}
html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .btn-light{background:linear-gradient(180deg,#22313C,#1A2730)!important;border-color:#354955!important;color:var(--vx-ink)!important}
.theme-toggle,.comfort-toggle{min-height:42px;border:1px solid var(--vx-line)!important;color:var(--vx-ink)!important;background:var(--vx-glass)!important;box-shadow:var(--vx-shadow-xs)!important;backdrop-filter:blur(12px)}.comfort-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:999px;font-weight:780;font-size:.78rem;cursor:pointer}.comfort-toggle [data-comfort-icon]{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--vx-blue-soft);color:var(--vx-blue);font-size:.70rem}.comfort-toggle.active{border-color:rgba(77,150,152,.35)!important;background:color-mix(in srgb,var(--vx-teal-soft) 70%,var(--vx-surface))!important}.workspace-sidebar .comfort-toggle,.premium-admin-side .comfort-toggle{width:100%;justify-content:flex-start;color:#DDE7EE!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.11)!important}.topbar-actions .comfort-toggle{white-space:nowrap}
.hero{min-height:720px;background:radial-gradient(680px 420px at 80% 16%,rgba(77,150,152,.11),transparent 68%),radial-gradient(620px 420px at 9% 17%,rgba(77,125,184,.10),transparent 70%),linear-gradient(180deg,#F8FAFB 0%,#F1F5F7 100%)!important}html[data-theme="dark"] .hero{background:radial-gradient(680px 420px at 80% 16%,rgba(117,170,169,.08),transparent 68%),radial-gradient(620px 420px at 9% 17%,rgba(128,166,207,.08),transparent 70%),linear-gradient(180deg,#111B23 0%,#121C24 100%)!important}.hero::before{width:560px!important;height:560px!important;right:-260px!important;top:30px!important;background:radial-gradient(circle,rgba(169,132,73,.065),transparent 68%)!important}.hero::after{width:440px!important;height:440px!important;left:-220px!important;bottom:-160px!important;background:radial-gradient(circle,rgba(77,125,184,.075),transparent 70%)!important}.hero-grid{min-height:735px!important}.hero h1{color:var(--vx-navy)!important;text-shadow:none!important;letter-spacing:-.052em!important}.gradient-text{background:linear-gradient(96deg,#3F6F9E,#557FA8 48%,#4C8586 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}html[data-theme="dark"] .gradient-text{background:linear-gradient(96deg,#9DBBDA,#83ABC6 52%,#7FB5B2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}.hero-copy{color:var(--vx-muted)!important}.eyebrow{color:#426B91!important;background:#E7EEF4!important}.eyebrow::before{background:#5F85AA!important}html[data-theme="dark"] .eyebrow{color:#A9C3DA!important;background:#22313D!important}
.glow-card{background:linear-gradient(145deg,rgba(252,253,253,.95),rgba(244,248,250,.90))!important;border-color:rgba(203,216,224,.85)!important;box-shadow:0 30px 70px rgba(24,45,62,.11),0 9px 24px rgba(24,45,62,.06)!important;transform:perspective(1400px) rotateY(-2.1deg) rotateX(1.1deg)!important}.glow-card::before{background:radial-gradient(circle,rgba(77,150,152,.13),transparent 68%)!important}html[data-theme="dark"] .glow-card{background:linear-gradient(145deg,#1A2731,#15212A)!important;border-color:#324754!important;box-shadow:0 30px 70px rgba(0,0,0,.28)!important}.hero-panel{background:radial-gradient(360px 220px at 96% 2%,rgba(77,150,152,.08),transparent 70%),linear-gradient(155deg,#122D45,#173A55 58%,#1A4652)!important;box-shadow:0 12px 26px rgba(11,29,45,.16)!important}.metric,.mini-request,.float-card{transform:none!important}.float-card{background:rgba(250,252,253,.94)!important;border-color:rgba(205,217,225,.88)!important;box-shadow:0 12px 28px rgba(24,45,62,.095)!important}html[data-theme="dark"] .float-card{background:rgba(28,41,52,.95)!important;border-color:#344956!important}
.hero-system-strip{position:relative;margin-top:15px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:10px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.hero-system-strip::before{content:"";position:absolute;left:9%;right:9%;top:27px;height:1px;background:linear-gradient(90deg,rgba(133,186,210,.20),rgba(131,190,185,.42),rgba(133,186,210,.20))}.hero-flow-node{position:relative;z-index:1;text-align:center}.hero-flow-node i{width:14px;height:14px;margin:0 auto 5px;display:block;border-radius:50%;background:#7DA9C7;border:3px solid #17364E;box-shadow:0 0 0 2px rgba(125,169,199,.18)}.hero-flow-node:nth-child(4) i,.hero-flow-node:nth-child(5) i{background:#78AAA6}.hero-flow-node small{display:block;font-size:.58rem;color:#B5C7D4;font-weight:750}.hero-verification-chip{margin-top:10px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;border:1px solid rgba(146,194,190,.16);background:rgba(94,159,156,.08)}.hero-verification-chip span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(121,184,179,.16);color:#A6D2CE;font-weight:900}.hero-verification-chip strong,.hero-verification-chip small{display:block}.hero-verification-chip strong{font-size:.68rem;color:#EAF5F5}.hero-verification-chip small{font-size:.58rem;color:#AFC2CC;margin-top:1px}
.section.alt,.global-band,.saas-section{background:var(--vx-bg-alt)!important}.card,.bento-card,.country-card,.step,.saas-feature,.form-card,.faq-item,.workspace-section,.kpi-v5,.panel-v5,.analytics-card,.settings-section-v5,.portal-card,.portal-box,.pay-panel,.document-premium-card{background:linear-gradient(180deg,var(--vx-surface-2),var(--vx-surface))!important;border-color:var(--vx-line)!important;box-shadow:var(--vx-shadow-sm)!important}.card:hover,.bento-card:hover,.country-card:hover,.step:hover,.saas-feature:hover{transform:translateY(-2px)!important;box-shadow:var(--vx-shadow-md)!important}.bento-card.primary,.premium-band{background:radial-gradient(500px 280px at 88% 10%,rgba(108,161,164,.12),transparent 68%),linear-gradient(145deg,#102A42,#173A55 58%,#1B4B55)!important;box-shadow:0 24px 60px rgba(13,36,52,.18)!important}html[data-theme="dark"] .bento-card.primary,html[data-theme="dark"] .premium-band{background:radial-gradient(500px 280px at 88% 10%,rgba(117,170,169,.08),transparent 68%),linear-gradient(145deg,#102333,#17303F 58%,#173B41)!important}.logo-marquee{background:var(--vx-surface)!important;border-color:var(--vx-line)!important;box-shadow:none!important}.marquee-item{color:var(--vx-ink-soft)!important;background:var(--vx-surface-2)!important;border:1px solid var(--vx-line)!important;box-shadow:var(--vx-shadow-xs)!important}
input,select,textarea{background:var(--vx-surface-2)!important;color:var(--vx-ink)!important;border-color:var(--vx-line)!important}input:focus,select:focus,textarea:focus{border-color:#86A7C3!important;box-shadow:0 0 0 4px rgba(77,125,184,.095)!important}::placeholder{color:#89959F!important}
.workspace-body,.verify-body{background:radial-gradient(760px 430px at 92% 0%,rgba(77,150,152,.065),transparent 68%),var(--vx-bg)!important}.workspace-sidebar{background:radial-gradient(380px 280px at 20% 0%,rgba(107,155,181,.10),transparent 66%),linear-gradient(180deg,#10283D,#0E2437 65%,#102B3F)!important;box-shadow:10px 0 40px rgba(15,37,54,.055)}.workspace-reference{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.10)!important}.workspace-nav button{color:#BECBD5!important}.workspace-nav button span{background:rgba(255,255,255,.065)!important;color:#C8D6DF!important}.workspace-nav button:hover,.workspace-nav button.active{background:rgba(255,255,255,.075)!important}.workspace-nav button.active:before{background:linear-gradient(180deg,#78A8C6,#72AAA9)!important}.workspace-nav svg,.workspace-mobile-nav svg,.admin-nav-v5 svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-main{background:radial-gradient(660px 390px at 92% 2%,rgba(77,150,152,.04),transparent 70%),var(--vx-bg)!important}.next-action{overflow:hidden;position:relative;background:radial-gradient(420px 200px at 94% 10%,rgba(77,150,152,.085),transparent 70%),linear-gradient(135deg,var(--vx-surface-2),var(--vx-surface))!important;border-color:var(--vx-line)!important;box-shadow:var(--vx-shadow-md)!important}.next-action::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--vx-blue),var(--vx-teal))}.next-action.attention::before{background:linear-gradient(180deg,#B18D57,#9F7651)}.next-action.success::before{background:linear-gradient(180deg,#4F9B76,#4B8E83)}.workspace-step{background:var(--vx-surface-muted)!important}.workspace-step>span{background:#DFE7EC!important;color:#596B78!important}.workspace-step.done>span{background:#D8EBE1!important;color:#356D55!important}html[data-theme="dark"] .workspace-step>span{background:#293A46!important;color:#A9B8C2!important}html[data-theme="dark"] .workspace-step.done>span{background:#284638!important;color:#A7D1BB!important}.status-chip,.reference-pill,.ops-pill{background:var(--vx-glass)!important;border-color:var(--vx-line)!important;color:var(--vx-muted)!important}.workspace-mobile-nav{background:rgba(15,39,58,.95)!important;border:1px solid rgba(255,255,255,.07)!important}
.admin-body.premium-admin{background:var(--vx-bg)!important}.premium-admin-side{background:radial-gradient(360px 240px at 14% 0%,rgba(120,166,192,.09),transparent 68%),linear-gradient(180deg,#10283D,#0F273A 72%,#112D40)!important}.admin-main-v5{background:radial-gradient(650px 400px at 92% 0%,rgba(77,150,152,.045),transparent 72%),var(--vx-bg)!important}.admin-nav-v5 button,.admin-nav-v5 a{color:#BECCD6!important}.admin-nav-v5 span{background:rgba(255,255,255,.06)!important}.admin-nav-v5 button.active,.admin-nav-v5 button:hover,.admin-nav-v5 a:hover{background:rgba(255,255,255,.075)!important}.kpi-v5{position:relative;overflow:hidden}.kpi-v5::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(77,125,184,.65),rgba(77,150,152,.45),transparent 82%)}.notification-item,.performance-grid>div,.client-profile-item,.launch-item{background:var(--vx-surface-muted)!important}.filter-chip{background:var(--vx-surface)!important;border-color:var(--vx-line)!important;color:var(--vx-muted)!important}.filter-chip.active{color:#fff!important;background:#315F85!important;border-color:#315F85!important}.kanban-col{background:rgba(91,119,136,.045)!important}.kanban-card{background:var(--vx-surface-2)!important;border-color:var(--vx-line)!important;box-shadow:var(--vx-shadow-xs)!important}.bar-track{background:#E0E7EB!important}.bar-track i{background:linear-gradient(90deg,#5F86AA,#669B9A)!important}html[data-theme="dark"] .bar-track{background:#293842!important}
.section h2,.section-head h2,.saas-feature h3,.country-card strong,.card h3,.bento-card h3,.workspace-topbar h1,.section-title h2,.admin-top-v5 h1,.panel-head-v5 h2,.analytics-card h3,.settings-section-v5 h3{color:var(--vx-ink)!important}.hero h1,.brand,.brand-name{color:var(--vx-navy)!important}html[data-theme="dark"] .brand,html[data-theme="dark"] .brand-name{color:#EDF3F6!important}.lead,.hero-copy,.card p,.bento-card p,.saas-feature p,.step p,.faq-a{color:var(--vx-muted)!important}
.workspace-nav button,.admin-nav-v5 button,.admin-nav-v5 a,.filter-chip,.status-chip,.document-premium-card,.kanban-card,.payment-method-card{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}.document-premium-card:hover,.kanban-card:hover,.payment-method-card:hover{transform:translateY(-1px)!important}
*{scrollbar-width:thin;scrollbar-color:#A7B7C2 transparent}html[data-theme="dark"] *{scrollbar-color:#526B7A transparent}.tilt-3d{transform:perspective(1200px) rotateX(calc(var(--rx,0deg) * .35)) rotateY(calc(var(--ry,0deg) * .35))!important}.tilt-3d::after{opacity:.25!important}html[data-comfort="true"] .tilt-3d{transform:none!important}html[data-comfort="true"] .tilt-3d::after{display:none!important}html[data-comfort="true"] .hero::before,html[data-comfort="true"] .hero::after{opacity:.48}html[data-comfort="true"] .float-card{box-shadow:var(--vx-shadow-xs)!important}html[data-comfort="true"] .glow-card{transform:none!important;box-shadow:var(--vx-shadow-sm)!important}html[data-comfort="true"] .premium-toast,html[data-comfort="true"] .workspace-view{animation:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--vx-ring)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.tilt-3d{transform:none!important}}
@media(max-width:760px){.nav-actions .comfort-toggle{display:none}.hero{min-height:auto}.hero-grid{min-height:auto!important}.hero-system-strip{padding:8px 6px}.hero-flow-node small{font-size:.48rem}.topbar-actions .comfort-toggle [data-comfort-label]{display:none}.topbar-actions .comfort-toggle{min-width:42px;padding:10px}}

/* v5.1 visual repairs after internal screenshot review */
.workspace-sidebar .brand,.workspace-sidebar .brand-name,.premium-admin-side .brand,.premium-admin-side .brand-name{color:#EDF3F6!important}
.workspace-sidebar .brand-name small,.premium-admin-side .brand-name small{color:#AABCC9!important}
.nav-wrap{gap:14px!important}.nav-links{gap:16px!important;font-size:.88rem!important}.nav-actions{gap:8px!important}.nav-actions .btn{white-space:nowrap;padding:11px 14px!important}.nav-actions .theme-toggle,.nav-actions .comfort-toggle{position:relative;width:42px;min-width:42px;padding:10px!important;border-radius:13px!important}.nav-actions .theme-toggle [data-theme-label],.nav-actions .comfort-toggle [data-comfort-label]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visual-control-float{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;gap:8px;align-items:center}.visual-control-float .theme-toggle-floating{position:static!important}
@media(max-width:1180px){.nav-links{gap:11px!important;font-size:.84rem!important}.nav-actions .btn-secondary{display:none}.nav-actions .btn-primary{padding:10px 12px!important}}

/* v5.1.0 release repair: premium admin drawer must be fully off-canvas when closed. */
.drawer.premium-drawer{
  right:0!important;
  transform:translateX(105%);
  transition:transform .24s ease!important;
}
.drawer.premium-drawer.open{
  right:0!important;
  transform:translateX(0);
}
@media(prefers-reduced-motion:reduce){
  .drawer.premium-drawer{transition:none!important}
}

/* v6.2.1 mobile scroll surface optimization */
@media(max-width:760px){
  html[data-mobile-scrolling="true"] .nav{background:rgba(250,252,253,.98)!important;box-shadow:0 2px 10px rgba(28,49,66,.035)!important}
  html[data-theme="dark"][data-mobile-scrolling="true"] .nav{background:rgba(16,28,38,.985)!important}
  html[data-mobile-scrolling="true"] .workspace-mobile-nav{background:rgba(15,39,58,.985)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
}
@media(max-width:760px){
  /* Fixed translucent blurs are expensive on phone GPUs while the page moves. */
  .nav{background:rgba(250,252,253,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html[data-theme="dark"] .nav{background:rgba(16,28,38,.975)!important}
  .workspace-mobile-nav{background:rgba(15,39,58,.985)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
