/* Nichoweb Control 8.1 · capa HUD: más clara, más jerarquía y una isla dinámica para navegar.
   Solo estilos: no cambia el marcado ni el funcionamiento. Usa los tokens de studio.css (tema claro y oscuro). */
:root,[data-theme="dark"]{--hud-accent:#C6F432;--hud-cyan:#2DE1C2;--hud-grid:#ffffff07;--hud-panel:linear-gradient(180deg,#ffffff06,#ffffff02) ,var(--surface);--hud-edge:#ffffff14;--hud-glow:0 0 0 1px #C6F43240,0 10px 30px -12px #C6F432aa;--hud-soft:#C6F43214;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
:root[data-theme="light"]{--hud-accent:#C6F432;--hud-cyan:#0E9F84;--hud-grid:#07120C0a;--hud-panel:var(--surface);--hud-edge:#07120C12;--hud-glow:0 0 0 1px #C6F43238,0 10px 26px -14px #C6F43288;--hud-soft:#C6F43210}

/* Fondo: rejilla técnica muy sutil y luz de acento */
body{background-color:var(--bg);background-image:linear-gradient(var(--hud-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hud-grid) 1px,transparent 1px);background-size:36px 36px;background-attachment:fixed}
body::before{background:radial-gradient(60% 50% at 88% -10%,#C6F4321c,transparent 70%),radial-gradient(40% 40% at 0% 100%,#2DE1C210,transparent 70%)}

/* Tipografía de interfaz: etiquetas técnicas y cifras tabulares */
.nav-group,.island-panel h4,th,.metric-head,.mail-status-kicker,.table-count,.bill-kpi>span:first-child,.cb-kpi>span:first-child{font-family:var(--mono)!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:10px!important;font-weight:600!important}
.metric-value,.amount,.bill-total,.island-clock,.nav-badge,.island-badge,.cb-kpi strong,.bill-kpi strong{font-variant-numeric:tabular-nums}
.page-heading h1{font-size:clamp(30px,3.2vw,40px);letter-spacing:-.045em;line-height:1.05}
.page-heading p{color:var(--muted);max-width:68ch}

/* Barra superior: cristal fijo */
.topbar{position:sticky;top:0;z-index:12;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--hud-edge)}
.studio-search-open{border:1px solid var(--hud-edge)!important;background:var(--surface)!important;border-radius:12px!important;transition:border-color .18s,box-shadow .18s}
.studio-search-open:hover{border-color:color-mix(in srgb,var(--hud-accent) 55%,var(--line))!important;box-shadow:var(--hud-glow)}

/* Menú lateral: grupos visibles y apartado activo con indicador luminoso */
.sidebar .nav-group{display:flex;align-items:center;gap:10px;color:#8b8fa6!important;margin:18px 8px 8px!important}
.sidebar .nav-group::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#ffffff1a,transparent)}
.sidebar .nav-link{position:relative;border-radius:12px;min-height:40px;transition:background-color .18s,color .18s}
.sidebar .nav-link:hover{background:#ffffff0a}
.sidebar .nav-link.active{background:linear-gradient(90deg,#C6F4322e,#C6F4320a)!important;color:#04100A!important;box-shadow:inset 0 0 0 1px #C6F43233}
.sidebar .nav-link.active::before{content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--hud-accent);box-shadow:0 0 12px var(--hud-accent)}
.sidebar .nav-link.active .nav-icon{background:var(--hud-accent)!important;color:#04100A!important;border-color:transparent!important;box-shadow:0 0 16px -2px #C6F432aa}
.nav-badge{background:var(--hud-accent)!important;color:#04100A!important;font-family:var(--mono);font-size:10px;min-width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;padding:0 6px;margin-left:auto;box-shadow:0 0 12px -2px #C6F432cc}

/* Paneles: superficie de cristal, borde fino y marca de acento */
.panel,.metric,.record-card,.studio-hero,.settings-content,.technical-panel,.mail-status,.bill-kpi,.cb-kpi,.empty-state,.site-card{border:1px solid var(--hud-edge)!important;box-shadow:0 1px 0 #ffffff08 inset,0 18px 40px -32px #000c!important}
.panel,.metric,.record-card,.bill-kpi,.cb-kpi{background:linear-gradient(var(--hud-accent),var(--hud-accent)) left 22px top -1px/26px 2px no-repeat,var(--hud-panel)!important}
.metric{transition:transform .2s var(--ease-out),border-color .2s}
@media(hover:hover) and (pointer:fine){.metric:hover,.record-card:hover{border-color:color-mix(in srgb,var(--hud-accent) 45%,var(--line))!important;transform:translateY(-2px)}}
.panel-head h2,.panel h2{letter-spacing:-.03em}

/* Botones: claros, táctiles y con luz de acento */
.button{min-height:40px;border-radius:12px!important;border:1px solid var(--hud-edge)!important;background:var(--surface)!important;color:var(--ink)!important;font-weight:600;transition:transform .16s var(--ease-out),border-color .16s,box-shadow .16s,background-color .16s!important}
.button:hover{border-color:color-mix(in srgb,var(--hud-accent) 55%,var(--line))!important;box-shadow:var(--hud-glow);transform:translateY(-1px)!important}
.button:active{transform:scale(.97)!important}
.button.primary{background:linear-gradient(180deg,#ffffff2e,#ffffff00 55%),linear-gradient(135deg,#C6F432,#2DE1C2)!important;color:#04100A!important;border-color:transparent!important;box-shadow:0 1px 0 #ffffff40 inset,0 10px 24px -12px #C6F432cc!important}
.button.primary:hover{box-shadow:0 1px 0 #ffffff40 inset,0 0 0 4px #C6F4322a,0 14px 30px -12px #C6F432ee!important}
.icon-button{border-radius:12px!important;border:1px solid var(--hud-edge);transition:transform .16s var(--ease-out),border-color .16s,background-color .16s}
.icon-button:hover{border-color:color-mix(in srgb,var(--hud-accent) 50%,var(--line));background:var(--hud-soft)}
.icon-button:active{transform:scale(.94)}
.text-button,.subtle-link,.table-action{color:var(--hud-accent)!important;font-weight:600}
.filter-button{border-radius:999px!important;border:1px solid var(--hud-edge)!important;font-weight:600;transition:background-color .16s,color .16s,border-color .16s}
.filter-button.active{background:var(--hud-accent)!important;color:#04100A!important;border-color:transparent!important;box-shadow:0 0 16px -4px #C6F432aa}

/* Etiquetas de estado con luz */
.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px!important;font-weight:600}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;box-shadow:0 0 8px currentColor}

/* Campos */
.field input,.field select,.field textarea,.record-fields input,.record-fields select,.record-fields textarea,.search input,.mail-search{border-radius:12px!important;border:1px solid var(--hud-edge)!important;background:var(--surface-2)!important;transition:border-color .16s,box-shadow .16s}
.field input:focus,.field select:focus,.field textarea:focus,.record-fields input:focus,.record-fields select:focus,.record-fields textarea:focus,.search input:focus,.mail-search:focus{outline:none;border-color:var(--hud-accent)!important;box-shadow:0 0 0 4px var(--hud-soft)}

/* Tablas: fila resaltada con barra de acento */
.record-table tbody tr,.table-wrap tbody tr{transition:background-color .14s}
.record-table tbody tr:hover,.table-wrap tbody tr:hover{background:var(--hud-soft)}
.record-table tbody tr:hover td:first-child,.table-wrap tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--hud-accent)}

/* Ventanas */
.record-dialog,.publish-dialog{border:1px solid var(--hud-edge)!important;border-radius:22px!important;box-shadow:0 40px 90px -30px #000d,0 0 0 1px #ffffff08 inset!important}
.record-dialog::backdrop,.publish-dialog::backdrop{background:#05050acc;backdrop-filter:blur(6px)}

:focus-visible{outline-color:var(--hud-accent)!important}

/* ===== Isla dinámica ===== */
.control-island{position:fixed;z-index:40;left:calc(50% + var(--sidebar-size,0px)/2);bottom:20px;transform:translateX(-50%);width:min(400px,calc(100vw - 24px));display:flex;flex-direction:column-reverse;gap:0;padding:6px;border-radius:28px;background:#050A09f2;color:#ECF6EF;border:1px solid #ffffff1c;box-shadow:0 0 0 1px #00000040,0 20px 50px -18px #000e,0 0 30px -12px #C6F43266;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);transition:width .42s cubic-bezier(.32,.72,0,1),border-radius .42s cubic-bezier(.32,.72,0,1),box-shadow .3s}
.control-island.is-open{width:min(780px,calc(100vw - 24px));border-radius:24px;box-shadow:0 0 0 1px #00000040,0 30px 80px -20px #000f,0 0 46px -14px #C6F432aa}
.control-island a{width:auto;height:auto;display:flex;border-radius:12px;transform:none!important}
.control-island a:hover{transform:none!important}
.island-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px 0 14px;border:0;border-radius:22px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}
.island-led{width:8px;height:8px;border-radius:50%;flex:none;background:#35d49a;box-shadow:0 0 0 3px #35d49a22,0 0 10px #35d49a}
.island-led.is-alert{background:#C6F432;box-shadow:0 0 0 3px #C6F4322a,0 0 12px #C6F432;animation:island-pulse 1.8s ease-in-out infinite}
@keyframes island-pulse{50%{box-shadow:0 0 0 6px #C6F43200,0 0 16px #C6F432}}
.island-current{display:flex;align-items:center;gap:8px;min-width:0}
.island-current .nav-icon{width:28px!important;height:28px!important;border-radius:9px;background:#ffffff12!important;border:0!important;display:grid;place-items:center}
.island-current b{font-size:13.5px;font-weight:650;white-space:nowrap}
.island-meta{flex:1;min-width:0;font-size:12px;color:#A3B5AA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.island-clock{font-family:var(--mono);font-size:11.5px;color:#C9D8CE;padding:5px 9px;border-radius:999px;background:#ffffff0d}
.island-panel{max-height:0;opacity:0;overflow:hidden;transition:max-height .42s cubic-bezier(.32,.72,0,1),opacity .2s ease}
.control-island.is-open .island-panel{max-height:min(560px,70vh);opacity:1;overflow:auto;transition:max-height .42s cubic-bezier(.32,.72,0,1),opacity .24s ease .08s}
.island-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 14px;padding:14px 12px 6px}
.island-panel h4{margin:0 0 6px 8px;color:#7F948A}
.island-groups a{position:relative;display:flex!important;align-items:center;gap:10px;padding:7px 8px;color:#e4e5ee;text-decoration:none;font-size:13px;font-weight:550;transition:background-color .14s,color .14s}
.island-groups a .nav-icon{width:28px!important;height:28px!important;border-radius:9px;background:#ffffff0d!important;border:0!important;display:grid;place-items:center;flex:none}
.island-groups a .nav-icon svg,.island-current .nav-icon svg{width:16px!important;height:16px!important;stroke-width:1.7}
.island-groups a:hover,.island-groups a:focus-visible{background:#ffffff10;color:#fff}
.island-groups a[aria-current=page]{background:#C6F43226;color:#04100A}
.island-groups a[aria-current=page] .nav-icon{background:#C6F432!important;box-shadow:0 0 14px -2px #C6F432cc}
.island-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#C6F432;color:#04100A;font-family:var(--mono);font-size:10px}
.island-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 12px;margin-top:6px;border-top:1px solid #ffffff12}
.island-actions button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid #ffffff1a;background:#ffffff08;color:#e4e5ee;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .14s,border-color .14s,transform .14s var(--ease-out)}
.island-actions button:hover{background:#ffffff14;border-color:#C6F43288}
.island-actions button:active{transform:scale(.96)}
.island-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.island-actions kbd{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:6px;background:#ffffff14;color:#C9D8CE}
.control-island :focus-visible{outline:2px solid #C6F432!important;outline-offset:2px}
.workspace-footer{padding-bottom:110px}
.toast{bottom:96px!important}
@media(max-width:760px){.control-island{left:50%;bottom:calc(12px + env(safe-area-inset-bottom))}.island-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.island-meta{display:none}}
@media(max-width:420px){.island-clock{display:none}}
/* Movimiento reducido (sistema o botón «Pausar animaciones») */
@media(prefers-reduced-motion:reduce){.control-island,.island-panel,.button,.metric,.island-led.is-alert{transition:none!important;animation:none!important}}
.calm .control-island,.calm .island-panel,.calm .button,.calm .metric{transition:none!important}.calm .island-led.is-alert{animation:none}
/* Cobros: las cinco cifras en una fila cuando caben */
@media(min-width:1200px){.cb-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}}
/* Fichas: las acciones nunca se cortan; bajan de línea si no caben */
.dialog-bottom{flex-wrap:wrap!important;justify-content:flex-end;row-gap:8px;overflow:visible!important}

/* ===== Barra superior «isla dinámica» (escritorio): sustituye al menú lateral ===== */
.nav-island{display:none}
@media(min-width:901px){
 :root{--sidebar-size:0px!important}
 .workspace{grid-template-columns:minmax(0,1fr)!important}
 .sidebar,.sidebar-backdrop,#open-sidebar{display:none!important}
 .topbar{position:sticky;min-height:78px}
 .studio-search-open span,.studio-search-open kbd{display:none!important}
 .studio-search-open{width:40px;min-width:40px;padding:0!important;justify-content:center}
 .nav-island{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:#0e0e14f2;border:1px solid #ffffff17;box-shadow:0 0 0 1px #00000030,0 16px 40px -18px #000d,0 0 26px -14px #C6F43288;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);color:#d6d8e4}
 .ni-group{position:relative}
 .ni-item{position:relative;display:flex;align-items:center;gap:0;height:44px;min-width:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s,gap .35s cubic-bezier(.32,.72,0,1),padding .35s cubic-bezier(.32,.72,0,1)}
 .ni-item .nav-icon{width:20px!important;height:20px!important;background:none!important;border:0!important;display:grid;place-items:center;flex:none}
 .ni-item .nav-icon svg{width:19px!important;height:19px!important;stroke-width:1.7}
 .ni-label,.ni-chev{max-width:0;opacity:0;overflow:hidden;transition:max-width .38s cubic-bezier(.32,.72,0,1),opacity .2s ease}
 .ni-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:0}
 .nav-island:hover .ni-item,.nav-island:has(:focus-visible) .ni-item{gap:7px;padding:0 13px}
 .nav-island:hover .ni-label,.nav-island:has(:focus-visible) .ni-label{max-width:150px;opacity:1}
 .nav-island:hover .ni-chev,.nav-island:has(:focus-visible) .ni-chev{max-width:14px;opacity:.6}
 .ni-item:hover{background:#ffffff10;color:#fff}
 .ni-home.is-active,.ni-group.is-active>.ni-item{background:linear-gradient(180deg,#ffffff30,#ffffff00 60%),var(--hud-accent,#C6F432);color:#04100A;box-shadow:0 0 0 1px #ffffff22 inset,0 0 22px -4px #C6F432cc}
 .ni-badge{position:absolute;top:5px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ff5c7a;color:#fff;font-family:var(--mono);font-size:9.5px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #0e0e14}
 .nav-island:hover .ni-item .ni-badge{position:static;margin-left:2px;box-shadow:none}
 .ni-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:250px;padding:8px;border-radius:20px;background:#0e0e14f7;border:1px solid #ffffff17;box-shadow:0 30px 70px -24px #000f,0 0 30px -16px #C6F43288;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .22s cubic-bezier(.23,1,.32,1),visibility 0s linear .22s;z-index:31}
 .ni-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
 .ni-menu-end{left:auto;right:0;transform-origin:top right}
 .ni-group:hover>.ni-menu,.ni-group.is-open>.ni-menu,.ni-group:has(:focus-visible)>.ni-menu{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .22s cubic-bezier(.23,1,.32,1),visibility 0s}
 .ni-menu-title{margin:4px 10px 6px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7F948A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .ni-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#e4e5ee;font:inherit;font-size:14px;font-weight:600;text-decoration:none;text-align:left;cursor:pointer;transition:background-color .14s,color .14s}
 .ni-link .nav-icon{width:22px!important;height:22px!important;background:none!important;border:0!important;display:grid;place-items:center;flex:none;color:var(--hud-accent,#C6F432)}
 .ni-link .nav-icon svg{width:19px!important;height:19px!important}
 .ni-link:hover,.ni-link:focus-visible{background:#ffffff0f;color:#fff}
 .ni-link[aria-current=page]{background:#C6F43222;color:#04100A}
 .ni-link .ni-badge{position:static;margin-left:auto;box-shadow:none}
 .ni-link kbd{margin-left:auto;font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:6px;background:#ffffff14;color:#C9D8CE}
 .ni-danger,.ni-danger .nav-icon{color:#ff8da1!important}
 .nav-island :focus-visible{outline:2px solid #C6F432!important;outline-offset:2px}
}
@media(min-width:901px) and (max-width:1180px){.topbar-location>span{display:none}}
@media(prefers-reduced-motion:reduce){.ni-item,.ni-label,.ni-chev,.ni-menu{transition:none!important}}
.calm .ni-item,.calm .ni-label,.calm .ni-chev,.calm .ni-menu{transition:none!important}

/* La barra expandida nunca pisa los botones de la derecha */
@media(min-width:901px) and (max-width:1360px){.topbar .environment,.topbar .small-avatar{display:none!important}}
@media(min-width:901px) and (max-width:1180px){.nav-island:hover .ni-chev,.nav-island:has(:focus-visible) .ni-chev{max-width:0;opacity:0}.ni-item{font-size:13px}}
@media(min-width:901px) and (max-width:1060px){.nav-island:hover .ni-item,.nav-island:has(:focus-visible) .ni-item{gap:6px;padding:0 10px}}
.gmail-steps{margin:6px 0 16px;padding-left:20px;display:grid;gap:6px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
/* Sin isla inferior: el pie y los avisos vuelven a su sitio */
.control-island{display:none!important}
.workspace-footer{padding-bottom:28px!important}
.toast{bottom:24px!important}

/* Tipo de plan (8.1) */
.kind-tag{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;background:color-mix(in srgb,var(--hud-accent,#C6F432) 14%,transparent);color:var(--hud-accent,#C6F432)}
.kind-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.kind-tag.is-unico{background:color-mix(in srgb,var(--good,#0e9f6e) 15%,transparent);color:var(--good,#0e9f6e)}
.detail-meta .kind-tag{margin-top:0}
td small .kind-tag{margin-top:6px}

/* Comprobar el envío y avisos de previews (8.1) */
.mail-status:has(.mail-probe){grid-template-columns:auto 1fr auto}
.mail-probe{grid-column:1/-1;display:grid;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--hud-edge,var(--line))}
.mail-probe label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted)}
.mail-probe div{display:flex;gap:8px;flex-wrap:wrap}
.mail-probe input{flex:1;min-width:200px;min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--hud-edge,var(--line));background:var(--surface-2);color:var(--ink);font:inherit}
.mail-probe p{margin:0;font-size:13px;line-height:1.5}
.mail-probe p:empty{display:none}
.mail-probe p.is-ok{color:var(--good)}
.mail-probe p.is-bad{color:var(--bad)}
.pv-alert{display:grid;gap:6px;margin:0 0 16px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);font-size:14px}
.pv-alert p{margin:0;overflow-wrap:anywhere}
.pv-alert .text-button{justify-self:start;margin-top:4px}
.pv-alert.is-bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));background:var(--bad-soft)}
.pv-alert.is-ok{border-color:color-mix(in srgb,var(--good) 45%,var(--line));background:var(--good-soft)}

/* ===================== Tema «Campo» (10.0): lima y aguamarina sobre verde casi negro ===================== */
:root,:root[data-theme="dark"]{
  --bg:#050A09;--bg-2:#0A1411;--paper:#0A1411;--surface:#0B1512;--surface-2:#0F1B16;--ink:#ECF6EF;--ink-2:#C3D2C8;--muted:#A3B5AA;--dim:#7F948A;--line:#1A2A23;
  --sage:#C6F432;--sage-soft:#C6F43224;--sage-tint:#C6F43224;--accent:#C6F432;--accent-ink:#04100A;--dark:#050A09;--on-dark:#ECF6EF;--tile-a:#15241D;--tile-b:#07100D;
  --glass:#0A1411cc;--glass-strong:#0A1411ee;--glass-line:#C6F4320f;--glass-edge:#ffffff09;--good:#3DDC97;--good-soft:#3DDC971f;--warn:#FFB547;--warn-soft:#FFB5471f;--bad:#FF6B5B;--bad-soft:#FF6B5B1f;--blue:#3AA8FF;
  --hud-accent:#C6F432;--hud-cyan:#2DE1C2;--hud-grid:#C6F4320a;--hud-edge:#C6F43214;--hud-glow:0 0 0 1px #C6F43240,0 10px 30px -12px #C6F43288;--hud-soft:#C6F43214;color-scheme:dark}
:root[data-theme="light"]{
  --bg:#F3F8F4;--bg-2:#F7FAF8;--paper:#fff;--surface:#fff;--surface-2:#F7FAF8;--ink:#07120C;--ink-2:#3E5248;--muted:#5E7268;--dim:#5E7268;--line:#DDE8E1;
  --sage:#4E8C0B;--sage-soft:#EEF7E0;--sage-tint:#EEF7E0;--accent:#4E8C0B;--accent-ink:#fff;--tile-a:#EEF7E0;--tile-b:#CFDCD3;
  --good:#0E9F6E;--warn:#B26200;--bad:#D23B2A;--blue:#1A73D9;
  --hud-accent:#4E8C0B;--hud-cyan:#0E9F84;--hud-grid:#07120C0a;--hud-edge:#07120C12;--hud-glow:0 0 0 1px #4E8C0B38,0 10px 26px -14px #4E8C0B88;--hud-soft:#4E8C0B12;color-scheme:light}
body{background:radial-gradient(1100px 700px at 85% -10%,color-mix(in srgb,var(--hud-cyan) 9%,transparent),transparent 60%),radial-gradient(900px 600px at -10% 15%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%),var(--bg);background-attachment:fixed}
.primary,.button.primary,.site-card .primary{background:linear-gradient(180deg,#D3FF45,#BFEE2A)!important;color:#04100A!important;box-shadow:inset 0 1px 0 #ffffff80,0 0 0 1px #C6F43255,0 8px 22px -12px #C6F432aa!important;font-weight:600}
.primary:hover,.button.primary:hover,.site-card .primary:hover{background:linear-gradient(180deg,#DCFF63,#C8F536)!important;color:#04100A!important}
.control-island a[aria-current="page"],.control-island a[aria-current="page"]:hover{background:#C6F432!important;color:#04100A!important;box-shadow:0 0 18px -4px #C6F432aa}
.toast{color:#04100A}
:root[data-theme="light"] #ag-root{--ag-accent:#4E8C0B;--ag-cyan:#0E9F84}
:root[data-theme="light"] .ag-tabs button.on,:root[data-theme="light"] .ag-check[aria-pressed=true]{color:#04100A}
:root[data-theme="light"] h1 em,:root[data-theme="light"] .page-heading h1 em,:root[data-theme="light"] .studio-hero h1 em,:root[data-theme="light"] .auth-story h1 em{color:#4E8C0B!important}