/* theme: obsidian */
:root{--bg:#09090b;--chart-grid:#151517;--panel:#111113;--panel2:#18181b;--line:#27272a;--text:#f4f4f5;--muted:#9ca3af;--green:#4ade80;--green-d:#16a34a;--red:#f87171;--red-d:#dc2626;--accent:#e8b04b;--accent2:#f6d58e;--warn:#fb923c;--top-bg:linear-gradient(180deg, #121214, #0e0e10);--glow:0 0 0 1px rgba(232,176,75,.12), 0 12px 30px rgba(0,0,0,.6);--radius:10px;--page-bg:radial-gradient(900px 480px at 50% -20%, rgba(232,176,75,.08), transparent 60%), #09090b;--on-accent:#1a1306}

body{background:var(--page-bg,var(--bg));font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased}
::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
.top{background:var(--top-bg,var(--panel));border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.02),0 6px 20px rgba(0,0,0,.25);position:relative;z-index:20}
.brand{font-weight:700;letter-spacing:.01em}
.brand svg{color:var(--accent)}
.pnav{gap:4px}
.pnav a{border-radius:999px;padding:6px 12px;font-weight:500;transition:background .15s,color .15s}
.pnav a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}
.pnav a.on{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
input,select,textarea{border-radius:calc(var(--radius,10px) - 2px);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.btn{border-radius:calc(var(--radius,10px) - 1px);transition:transform .08s,filter .15s,background .15s,border-color .15s,box-shadow .15s}
.btn:active{transform:translateY(1px)}
.btn.send{background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));color:var(--on-accent,#fff);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}
.btn.send:hover{filter:brightness(1.08)}
.btn.ghost{background:color-mix(in srgb,var(--panel2) 85%,transparent)}
.btn.ghost:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel2))}
.btn.open.long{background:linear-gradient(180deg,var(--green),var(--green-d));box-shadow:0 6px 18px color-mix(in srgb,var(--green) 25%,transparent)}
.btn.open.short{background:linear-gradient(180deg,var(--red),var(--red-d));box-shadow:0 6px 18px color-mix(in srgb,var(--red) 25%,transparent)}
.ivs button,.mk-tabs button{border-radius:8px;transition:background .15s,color .15s}
.ivs button.on,.mk-tabs button.on{background:color-mix(in srgb,var(--accent) 18%,var(--panel2));color:var(--text)}
.ex-btn{border-radius:var(--radius,10px)}
.ex-menu,.user-menu{border-radius:var(--radius,10px);box-shadow:var(--glow)}
.mk-row{transition:background .1s}.mk-row.on{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 2px 0 0 var(--accent)}
.ex-tabs button.on{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 2px 0 0 var(--accent)}
.pane,.card,.box,.tile,.kpi,dialog{border-radius:var(--radius,10px)!important}
.pane,.card,.tile,.kpi{box-shadow:var(--glow)}
dialog{box-shadow:var(--glow);border:1px solid var(--line)}
dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.toast{border-radius:var(--radius,10px);box-shadow:var(--glow)}
.pill{letter-spacing:.02em}
table tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}
a{text-underline-offset:2px}
:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}

.brand svg{color:#e8b04b}