/* The app shell, re-inked for the dark Overview (ui/v2/desk-next.js). Everything here applies only while
   body.desk-next-on is set, so every other page keeps its own look. */
body.desk-next-on{background:#06080d;color:#eef1f6}
.desk-next-host{display:block;min-height:100vh}
body.desk-next-on .workspace{background:#06080d;color:#eef1f6;--dk-line:rgba(255,255,255,.08)}
body.desk-next-on .workspace::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 520px at 62% -8%,rgba(198,255,61,.07),transparent 70%),radial-gradient(700px 500px at 8% 30%,rgba(61,255,198,.035),transparent 70%)}
body.desk-next-on .workspace-body{background:transparent;position:relative;z-index:1}
body.desk-next-on .workspace-content{background:transparent;padding:0;max-width:none;margin:0}

/* sidebar */
body.desk-next-on .sidebar{background:linear-gradient(180deg,#0c1018,#06080d);border-right:1px solid var(--dk-line);box-shadow:none;color:#8a93a6;font-family:"Inter Tight",system-ui,sans-serif}
body.desk-next-on .sidebar .brand{color:#eef1f6}
body.desk-next-on .sidebar .brand span{color:#eef1f6;font-family:"Inter Tight",system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}
body.desk-next-on .sidebar .eyebrow{color:#525a6b;font-family:"JetBrains Mono",monospace;letter-spacing:.18em}
body.desk-next-on .sidebar nav a{color:#8a93a6;background:transparent;border-color:transparent;box-shadow:none;border-radius:12px;font-weight:500;transition:color .25s,background .25s,transform .4s cubic-bezier(.16,1,.3,1)}
body.desk-next-on .sidebar nav a .nav-symbol,body.desk-next-on .sidebar nav a svg{color:inherit;stroke:currentColor}
body.desk-next-on .sidebar nav a:hover{color:#eef1f6;background:rgba(255,255,255,.04);transform:translateX(2px)}
body.desk-next-on .sidebar nav a.active{color:#eef1f6;background:rgba(198,255,61,.08);box-shadow:inset 3px 0 0 #c6ff3d}
body.desk-next-on .sidebar nav a.active .nav-symbol{color:#c6ff3d}
body.desk-next-on .sidebar-bottom{background:transparent;border-top:1px solid var(--dk-line);color:#8a93a6}
body.desk-next-on .sidebar-bottom p{color:#eef1f6}
body.desk-next-on .sidebar-bottom .text-link{color:#c6ff3d}
body.desk-next-on .drawer-close{color:#eef1f6;background:transparent;border-color:var(--dk-line)}

/* header */
body.desk-next-on .workspace-header{background:rgba(6,8,13,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--dk-line);box-shadow:none}
body.desk-next-on .workspace-header .search-shortcut{background:rgba(12,16,24,.8);border:1px solid var(--dk-line);color:#8a93a6;box-shadow:none;border-radius:999px;font-family:"Inter Tight",system-ui,sans-serif}
body.desk-next-on .workspace-header .search-shortcut:hover{border-color:rgba(198,255,61,.5);color:#eef1f6}
body.desk-next-on .workspace-header kbd{background:transparent;border:1px solid rgba(255,255,255,.14);color:#8a93a6}
body.desk-next-on .workspace-header .header-label{color:#525a6b;font-family:"JetBrains Mono",monospace}
body.desk-next-on .workspace-header .btn{background:#c6ff3d;color:#06080d;border-color:#c6ff3d;box-shadow:none;border-radius:999px;font-family:"Inter Tight",system-ui,sans-serif;font-weight:600}
body.desk-next-on .workspace-header .btn.secondary{background:transparent;color:#eef1f6;border:1px solid rgba(255,255,255,.14)}
body.desk-next-on .workspace-header .btn.secondary:hover{border-color:rgba(198,255,61,.5);color:#c6ff3d}
body.desk-next-on .mobile-menu{color:#eef1f6;background:transparent;border-color:var(--dk-line)}

/* footer */
body.desk-next-on .site-footer{background:transparent;border-top:1px solid var(--dk-line);color:#525a6b;font-family:"JetBrains Mono",monospace}
body.desk-next-on .site-footer p,body.desk-next-on .site-footer .small{color:#525a6b}
body.desk-next-on .site-footer a{color:#8a93a6}
body.desk-next-on .site-footer a:hover{color:#eef1f6}

/* the depth map on /walls is drawn on a canvas by walls.js, which reads these from the page root */
html:has(body.desk-next-on){--wl-card:#0c1018;--wl-muted:#8a93a6;--wl-line:rgba(255,255,255,.14);--wl-deep-b:#c6ff3d;--wl-deep-s:#ff8b9f}