/* ═══ HOLON DEEP DECK SHELL KIT v1 — fleet-shared dark shell (extracted from Holon Admin 2026-08-12).
   Pairs with holon-deepdeck-shell-v1.js. Tools link BOTH and must NOT also link holon-shell-v1.css.
   Change here = changes every linked tool. ═══ */

/* ════════ DEEP DECK SHELL — complete standalone stylesheet (replaces holon-shell-v1.css + dashboard-kit-v1.css) ════════ */
@import url("/shared/holon-a11y-v1.css");
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%}
html{font-size:15px!important}
:root{--dd-void:#070d18;--dd-void2:#0a1322;--dd-panel:#0f1a2e;--dd-panel2:#13233c;--dd-raise:#182b49;--dd-line:#1f3458;--dd-line-soft:#182740;--dd-ink:#eaf1fb;--dd-ink2:#c3d2ea;--dd-dim:#7d90ab;--dd-faint:#54657f;--dd-blue:#5b8dff;--dd-holon:#55f934;
--h-c1:var(--hc1,#0d1f3c);--h-c2:var(--hc2,#1e3a5f);--h-c3:var(--hc3,#2a5298);--h-header:linear-gradient(135deg,var(--h-c1),var(--h-c2),var(--h-c3));--h-accent:var(--haccent,#55f934);
--bg:var(--dd-void);--s1:var(--dd-panel);--s2:var(--dd-panel2);--s3:var(--dd-raise);--s4:var(--dd-raise);--surf:var(--dd-panel);--surf1:var(--dd-panel);--surf2:var(--dd-panel2);--brd:var(--dd-line);--brd2:var(--dd-blue);--acc:var(--dd-blue);--acc2:var(--dd-blue);--acc3:var(--dd-blue);--green:#4ade80;--red:#ff6b4a;--amber:#f5b83d;--navy:var(--dd-ink);--text:var(--dd-ink);--dim:var(--dd-dim);--muted:var(--dd-faint);--r:8px}
html[data-theme="light"]{--dd-void:#eef2f8;--dd-void2:#e6ecf5;--dd-panel:#ffffff;--dd-panel2:#f6f9ff;--dd-raise:#eef3fb;--dd-line:#d3dcec;--dd-line-soft:#e4ebf5;--dd-ink:#0c1830;--dd-ink2:#243a5e;--dd-dim:#5a6c86;--dd-faint:#93a2ba;--dd-holon:#12b400}
html[data-theme="light"] body{background:radial-gradient(900px 500px at 88% -8%,rgba(42,82,152,.10),transparent 60%),radial-gradient(700px 480px at -6% 110%,rgba(18,180,0,.05),transparent 55%),var(--dd-void)}
html[data-theme="light"] .sidebar,html[data-theme="light"] .main{box-shadow:0 16px 34px -20px rgba(30,58,95,.35)}
html[data-theme="light"] .nav-btn.active{background:linear-gradient(90deg,rgba(18,180,0,.12),rgba(18,180,0,.02))}
html[data-theme="light"] .nav-btn.active::before{background:var(--dd-holon);box-shadow:0 0 10px rgba(18,180,0,.35)}
html[data-theme="light"] .topbar{background:color-mix(in srgb,#ffffff 78%,transparent);border-bottom:1px solid var(--dd-line)}
html[data-theme="light"] .dd-pal,html[data-theme="light"] .ada-pop{box-shadow:0 24px 60px -22px rgba(30,58,95,.45)}

body{font-size:15px!important;font-family:"Inter","Lato",sans-serif!important;color:var(--dd-ink);position:relative;
background:radial-gradient(900px 500px at 88% -8%,rgba(42,82,152,.28),transparent 60%),radial-gradient(700px 480px at -6% 110%,rgba(85,249,52,.07),transparent 55%),var(--dd-void)}
*,*::before,*::after{scrollbar-width:none;-ms-overflow-style:none}
::-webkit-scrollbar{display:none}
h1,h2,h3,.topbar-pill-name,.dash-hi{font-family:"Space Grotesk","Inter",sans-serif}
/* layout */
.shell{display:flex;width:100%;background:transparent;padding:14px;gap:14px}/* HOLON_SHELL_AUTOGROW_v1 */
@media(min-width:601px){.shell{min-height:880px}}
a:where(:link,:visited){color:var(--dd-blue)}
a:where(:hover){color:#8ab4ff}
.sidebar{width:220px;flex-shrink:0;background:linear-gradient(180deg,var(--dd-panel),var(--dd-void2));border:1px solid var(--dd-line);border-radius:14px;display:flex;flex-direction:column;transition:width .22s ease,opacity .18s ease;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);overflow:hidden}
.sidebar.collapsed{width:0;opacity:0;margin:0}
.main{flex:1;display:flex;flex-direction:column;min-width:0;border:1px solid var(--dd-line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);overflow:hidden;background:linear-gradient(160deg,var(--dd-panel),var(--dd-void2))}
.main-header{background:var(--h-header);min-height:52px;display:flex;align-items:center;gap:12px;padding:0 20px;flex-shrink:0}
.main-header h2,.main-header>span,.main-header .mh-title{font-size:15px;font-weight:700;color:#fff;margin:0}
.main-header .mh-sub{font-size:12px;color:rgba(255,255,255,.75);font-weight:400}
.main-header .mh-spacer{flex:1}
.content{flex:1;padding:0;border-radius:0}
/* sidebar */
.sb-header{background:rgba(42,82,152,.12);border-bottom:1px solid var(--dd-line-soft);height:52px;padding:0 18px;display:flex;justify-content:flex-start;align-items:center;flex-shrink:0}
.sb-header span{color:var(--dd-dim)!important;letter-spacing:.14em!important}
.sb-nav{flex:1;padding:6px 8px 16px}
.dd-group{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dd-faint);padding:11px 10px 5px}
.nav-btn{position:relative;display:flex;align-items:center;gap:8px;width:calc(100% - 4px);margin:1px 2px;padding:8px 12px;border:none;border-radius:9px;background:transparent;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--dd-dim);cursor:pointer;text-align:left;transition:background .14s,color .14s;white-space:nowrap}
.nav-btn:hover{background:var(--dd-panel2);color:var(--dd-ink2)}
.nav-btn.active{background:linear-gradient(90deg,rgba(85,249,52,.14),rgba(85,249,52,.02));color:var(--dd-ink);font-weight:600}
.nav-btn.active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--dd-holon);box-shadow:0 0 12px rgba(85,249,52,.5)}
.nav-btn.drag-over{border-top:2px solid var(--dd-blue)!important}
.nav-btn.dragging,.nav-btn.nav-dragging{opacity:.45}
.nav-btn-hub{display:flex;align-items:center;gap:8px;width:calc(100% - 4px);margin:1px 2px;padding:8px 12px;border:none;border-radius:9px;background:transparent;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--dd-blue);cursor:pointer;text-align:left;text-decoration:none;transition:all .12s}
.nav-btn-hub:hover{background:rgba(91,141,255,.1)}
.sb-nav .nav-btn{cursor:grab}.sb-nav .nav-btn:active{cursor:grabbing}
/* topbar */
.topbar{position:relative;z-index:100;height:54px;width:100%;background:color-mix(in srgb,var(--dd-void) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--dd-line);display:flex;align-items:center;padding:0 16px;gap:0;box-sizing:border-box}
.topbar-ham,.sb-toggle-btn,#sb-toggle-btn{width:30px!important;height:30px!important;border-radius:8px!important;border:1px solid var(--dd-line)!important;background:var(--dd-panel)!important;color:var(--dd-dim)!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;padding:0!important;margin-right:12px!important;box-shadow:none!important;transition:.15s}
.topbar-ham:hover,.sb-toggle-btn:hover,#sb-toggle-btn:hover{color:var(--dd-ink)!important;border-color:var(--dd-blue)!important;background:var(--dd-panel)!important}
.topbar-ham:focus-visible{outline:2px solid var(--dd-holon)!important;outline-offset:2px}
.topbar-pill,.topbar-logo{display:flex!important;align-items:center;gap:8px!important;line-height:1;text-decoration:none;background:var(--header-bg,var(--h-header))!important;border-radius:22px!important;padding:6px 11px 6px 9px!important}
.topbar-pill-name,.topbar-logo-text{font-weight:700!important;font-size:15px!important;color:#fff!important;letter-spacing:-.2px}
.topbar-tag{font-size:10px!important;font-weight:700!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:#06280a!important;background:var(--h-accent)!important;padding:2px 7px!important;border-radius:5px!important}
.topbar-dot{width:8px;height:8px;border-radius:50%;background:var(--h-accent);display:inline-block;flex-shrink:0;vertical-align:middle;animation:holon-dot-pulse 2.5s ease-in-out infinite}
.topbar-avatar{width:28px;height:28px;border-radius:50%;background:var(--h-header);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid var(--dd-line)}
#topbar-username{color:var(--dd-ink2)!important}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:0;position:relative}
.dd-tt,.dd-cog{width:32px;height:30px;border-radius:8px;border:1px solid var(--dd-line);background:var(--dd-panel);color:var(--dd-dim);cursor:pointer;font-size:14px;display:grid;place-items:center;font-family:inherit;transition:.15s;margin-left:6px}
.dd-tt:hover,.dd-cog:hover{color:var(--dd-holon);border-color:var(--dd-holon)}
.topbar-right .ada-pop{position:absolute;top:40px;right:0;background:var(--dd-panel);border:1px solid var(--dd-line);border-radius:10px;padding:6px;box-shadow:0 18px 40px -18px rgba(0,0,0,.75);display:none!important;gap:4px;z-index:220}
.topbar-right.open .ada-pop{display:flex!important}
.ada-size-btn{width:30px;height:28px;border-radius:6px;border:1px solid var(--dd-line)!important;background:var(--dd-panel2)!important;cursor:pointer;font-weight:700;font-size:11px;color:var(--dd-dim)!important;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}
.ada-size-btn:hover{border-color:var(--dd-blue)!important;color:var(--dd-ink)!important}
.ada-size-btn.active{background:var(--h-c3)!important;color:#fff!important;border-color:var(--h-c3)!important}
@keyframes holon-dot-pulse{0%{opacity:0;box-shadow:0 0 0 rgba(85,249,52,0)}50%{opacity:1;box-shadow:0 0 10px rgba(85,249,52,1)}100%{opacity:0;box-shadow:0 0 0 rgba(85,249,52,0)}}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-family:inherit;font-weight:700;transition:all .15s;white-space:nowrap}
.btn-p{background:var(--h-header);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.btn-p:hover{transform:translateY(-1px)}
.btn-g{background:var(--dd-panel2);color:var(--dd-dim);border:1px solid var(--dd-line)}
.btn-g:hover{background:var(--dd-raise);color:var(--dd-ink)}
.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}
.btn-outline-holon{background:transparent;color:var(--dd-ink2);border:1.5px solid var(--h-c3);font-weight:600}
.btn-outline-holon:hover{background:var(--dd-panel2);color:var(--dd-ink)}
/* dashboard kit */
.hk-hero{position:relative;overflow:hidden;background:var(--h-header);border-radius:14px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 24px rgba(0,0,0,.4);margin-bottom:20px}
.hk-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--h-c1),var(--h-c3),var(--h-accent));z-index:2;border-radius:14px 14px 0 0}
.hk-blob{position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(85,249,52,.22),transparent 70%);pointer-events:none}
.hk-avatar{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}
.hk-hero-title{font-size:19px;font-weight:800;color:#fff;margin-bottom:2px}
.hk-hero-sub{font-size:13px;color:rgba(255,255,255,.8)}
.hk-btn{position:relative;z-index:1;flex-shrink:0;height:38px;padding:0 18px;border-radius:9px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}
.hk-btn:hover{background:rgba(255,255,255,.28)}
.hk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.statcard{position:relative;background:linear-gradient(160deg,var(--dd-panel),var(--dd-void2));border:1px solid var(--dd-line);border-radius:14px;padding:18px 18px 16px;overflow:hidden;transition:transform .15s ease,border-color .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.statcard:hover{transform:translateY(-3px);border-color:var(--dd-blue)}
.statcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}
.statcard .sc-icon{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.statcard .sc-val{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--dd-ink);margin-top:2px;font-family:"Space Grotesk","Inter",sans-serif}
.statcard .sc-label{font-size:11px;color:var(--dd-dim);margin-top:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.sc-blue::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.sc-blue .sc-icon{background:linear-gradient(135deg,#2563eb,#60a5fa)}
.sc-green::before{background:linear-gradient(90deg,#16a34a,#4ade80)}.sc-green .sc-icon{background:linear-gradient(135deg,#16a34a,#4ade80)}
.sc-purple::before{background:linear-gradient(90deg,#7c3aed,#c084fc)}.sc-purple .sc-icon{background:linear-gradient(135deg,#7c3aed,#c084fc)}
.sc-amber::before{background:linear-gradient(90deg,#d97706,#fbbf24)}.sc-amber .sc-icon{background:linear-gradient(135deg,#d97706,#fbbf24)}
/* mobile */
@media(max-width:600px) and (pointer:coarse){
.shell{padding:0;gap:0;height:auto;flex-direction:column}
.sidebar{position:fixed;top:54px;left:0;bottom:0;z-index:300;width:260px!important;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 24px rgba(0,0,0,.5);border-radius:0!important}
.sidebar.mobile-open{transform:translateX(0)}
.main{border:none;box-shadow:none;border-radius:0}
.topbar{padding:0 10px;gap:8px}
.nav-btn{padding:9px 12px;font-size:14px}}
#mobile-sidebar-backdrop{display:none;position:fixed;top:54px;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);z-index:299}
#mobile-sidebar-backdrop.on{display:block}
[data-holon-resize="fixed"] .shell{height:var(--frame-h,82vh)}
[data-holon-resize="fixed"] .main{min-height:0;overflow:auto}
[data-holon-resize="fixed"] .sidebar{overflow-y:auto}
/* ── Deep Deck v2: mockup components ── */
.dd-ctx{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.dd-ctx .a{font-size:12.5px;font-weight:600;color:var(--dd-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-ctx .b{font-size:10px;color:var(--dd-faint);font-family:"JetBrains Mono",monospace;letter-spacing:.03em;text-transform:uppercase}
.dd-cmdk{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 12px;background:var(--dd-panel);border:1px solid var(--dd-line);border-radius:9px;color:var(--dd-dim);font-size:12.5px;cursor:pointer;transition:.15s;font-family:inherit;white-space:nowrap}
.dd-cmdk:hover{border-color:var(--dd-blue);color:var(--dd-ink2)}
.dd-cmdk kbd{font-family:"JetBrains Mono",monospace;font-size:10.5px;background:var(--dd-raise);border:1px solid var(--dd-line);border-radius:5px;padding:2px 5px}
.nav-ic{font-size:14px;width:18px;text-align:center;flex-shrink:0;opacity:.85}
.nav-cnt{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--dd-faint);background:var(--dd-void);border:1px solid var(--dd-line-soft);border-radius:20px;padding:1px 7px}
.sb-foot{border-top:1px solid var(--dd-line-soft);padding:11px 14px;display:flex;align-items:center;gap:9px;flex-shrink:0}
.sb-foot .fav{width:30px;height:30px;border-radius:50%;background:var(--h-header);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;font-family:"Space Grotesk",sans-serif;border:1px solid var(--dd-line);flex-shrink:0}
.sb-foot .who{font-size:12px;font-weight:600;color:var(--dd-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-foot .role{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--dd-faint)}
.main-header{background:var(--dd-panel2);border-bottom:1px solid var(--dd-line)}
.main-header h2,.main-header>span,.main-header .mh-title{font-family:"Space Grotesk","Inter",sans-serif;font-size:16px;letter-spacing:-.02em}
.dd-palbg{position:fixed;inset:0;z-index:400;background:rgba(4,9,18,.6);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding-top:14vh}
.dd-palbg.on{display:flex}
.dd-pal{width:min(560px,92vw);background:var(--dd-panel);border:1px solid var(--dd-line);border-radius:14px;box-shadow:0 30px 70px -20px rgba(0,0,0,.8);overflow:hidden}
.dd-pal input{width:100%;border:none;background:transparent;color:var(--dd-ink);font:inherit;font-size:15px;padding:16px 18px;border-bottom:1px solid var(--dd-line);outline:none}
.dd-pal input::placeholder{color:var(--dd-faint)}
.dd-pal ul{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}
.dd-pal li{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;cursor:pointer;font-size:13px;color:var(--dd-ink2)}
.dd-pal li:hover{background:var(--dd-panel2);color:var(--dd-ink)}
.dd-pal li .k{font-size:14px;width:18px;text-align:center}
#topbar-user{display:none!important}
#holon-refresh-btn{width:32px!important;height:30px!important;border:1px solid var(--dd-line)!important;border-radius:8px!important;background:var(--dd-panel)!important;color:var(--dd-dim)!important;font-size:14px!important;margin:0 0 0 6px!important;display:grid!important;place-items:center!important;transition:.15s!important}
#holon-refresh-btn:hover{color:var(--dd-holon)!important;border-color:var(--dd-holon)!important}
/* ── v2.3 dashboard legibility on dark ── */
.dash-stat-n{color:var(--dd-ink)!important;font-family:"Space Grotesk","Inter",sans-serif}
.dash-stat-l{color:var(--dd-ink2)!important}
.dash-stat-s{color:var(--dd-dim)!important}
.dash-stat{background:linear-gradient(160deg,var(--dd-panel),var(--dd-void2))!important;border-color:var(--dd-line)!important}
.tc-name{color:var(--dd-ink)!important}
.tc-blurb{color:var(--dd-dim)!important}
.tool-card{background:linear-gradient(160deg,var(--dd-panel),var(--dd-void2))!important;border-color:var(--dd-line)!important}
.tool-card:hover{border-color:var(--dd-blue)!important;transform:translateY(-2px)}
.dash-sec-l{color:var(--dd-faint)!important}
.dash-qa-btn{background:var(--dd-panel)!important;border:1px solid var(--dd-line)!important;color:var(--dd-ink2)!important}
.dash-qa-btn:hover{border-color:var(--dd-blue)!important;background:var(--dd-panel2)!important}