/* ============================================================
   Nexus Modern — the default theme since 0.9.

   A calm graphite surface (or daylight, in light mode), one accent, hairline
   borders, soft depth and real typography. It is a refinement layer: the
   workstation theme's geometry (rounded corners, 1px borders) is already on,
   because appearance.js sets data-gui="workstation", and everything here is
   keyed off data-skin="modern" so Workstation and Classic are untouched.

   Status colours carry meaning and nothing else: green up, amber degraded,
   red down, grey unknown. The accent never stands in for a status.
   ============================================================ */

/* ---------------- tokens: graphite (dark) ---------------- */
:root[data-skin="modern"]{
  --void:#0b0c0f; --panel:#121317; --panel-hi:#191a1f; --sunk:#0e0f12;
  --bevel-lt:#24262d; --bevel-dk:#08090b; --rule:#23252c;
  --text:#ecedf0; --text-2:#a4a7b1; --text-3:#70737f;
  --accent:#7c83ff; --accent-2:#7c83ff; --on-accent:#ffffff;
  --ok:#3ecf8e; --warn:#f5b544; --crit:#f2555a;
  --wc-cyan:#4fd1e0; --wc-orchid:#c084fc; --wc-amber:#f5b544;
  --wc-green:#3ecf8e; --wc-coral:#fb7a6b; --wc-blue:#5aa2ff;
  --terminal-bg:#0a0b0d; --terminal-text:#e3e5ea;
  --selection:color-mix(in srgb,var(--accent) 28%,transparent);
  --shadow:0 10px 30px rgba(0,0,0,.42);
  --glass-bg:rgba(22,23,28,.64); --glass-bg-2:rgba(30,31,38,.82);
  --glass-border:rgba(255,255,255,.09); --glass-hi:rgba(255,255,255,.07);
  --pixel:"Inter var","Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","Nexus Sans",Roboto,"Helvetica Neue",Arial,sans-serif;
  --screen:var(--pixel);
  --mono:"JetBrains Mono","SF Mono",ui-monospace,"Cascadia Code","Nexus Mono","IBM Plex Mono",Menlo,Consolas,monospace;
  --bitmap:var(--mono);
  --scan:transparent;
  color-scheme:dark;
}
/* ---------------- tokens: daylight (light) ---------------- */
:root[data-skin="modern"][data-theme="light"]{
  --void:#f6f7f9; --panel:#ffffff; --panel-hi:#f3f4f7; --sunk:#f2f3f6;
  --bevel-lt:#ffffff; --bevel-dk:#d5d8de; --rule:#e4e6eb;
  --text:#14161b; --text-2:#4a4f5c; --text-3:#7a7f8d;
  --accent:#5b61f0; --accent-2:#5b61f0; --on-accent:#ffffff;
  --ok:#14965a; --warn:#b57304; --crit:#d6383e;
  --wc-cyan:#0f8fa0; --wc-orchid:#8b4fd6; --wc-amber:#b57304;
  --wc-green:#14965a; --wc-coral:#d4513f; --wc-blue:#2f72d6;
  --terminal-bg:#14161b; --terminal-text:#e6e8ec;
  --shadow:0 10px 30px rgba(20,22,30,.10);
  --glass-bg:rgba(255,255,255,.70); --glass-bg-2:rgba(255,255,255,.88);
  --glass-border:rgba(15,17,22,.09); --glass-hi:rgba(255,255,255,.85);
  color-scheme:light;
}
/* ---------------- accents ---------------- */
:root[data-skin="modern"][data-accent="blue"]{--accent:#4c9dff;--accent-2:#4c9dff}
:root[data-skin="modern"][data-accent="teal"]{--accent:#2ec4b6;--accent-2:#2ec4b6;--on-accent:#06110f}
:root[data-skin="modern"][data-accent="emerald"]{--accent:#34c77b;--accent-2:#34c77b;--on-accent:#06110b}
:root[data-skin="modern"][data-accent="amber"]{--accent:#f0a52c;--accent-2:#f0a52c;--on-accent:#1b1407}
:root[data-skin="modern"][data-accent="rose"]{--accent:#f0567a;--accent-2:#f0567a}
:root[data-skin="modern"][data-theme="light"][data-accent="blue"]{--accent:#2f7ae5;--accent-2:#2f7ae5}
:root[data-skin="modern"][data-theme="light"][data-accent="teal"]{--accent:#0e9488;--accent-2:#0e9488;--on-accent:#fff}
:root[data-skin="modern"][data-theme="light"][data-accent="emerald"]{--accent:#16904f;--accent-2:#16904f;--on-accent:#fff}
:root[data-skin="modern"][data-theme="light"][data-accent="amber"]{--accent:#b8740a;--accent-2:#b8740a;--on-accent:#fff}
:root[data-skin="modern"][data-theme="light"][data-accent="rose"]{--accent:#d6365c;--accent-2:#d6365c}

/* ---------------- base ---------------- */
[data-skin="modern"] body{background:var(--void);color:var(--text);font-family:var(--pixel);font-size:14px;line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";text-rendering:optimizeLegibility}
[data-skin="modern"] img{image-rendering:auto}
[data-skin="modern"] ::selection{background:var(--selection);color:var(--text)}
[data-skin="modern"] :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
[data-skin="modern"] a{color:var(--accent)}
[data-skin="modern"] .hint{color:var(--text-3);font-size:13px;line-height:1.55}
[data-skin="modern"] .mono,[data-skin="modern"] code{font-family:var(--mono)}
[data-skin="modern"] #scan{display:none!important}
[data-skin="modern"] *{scrollbar-color:color-mix(in srgb,var(--text-3) 35%,transparent) transparent}
[data-skin="modern"] ::-webkit-scrollbar{width:10px;height:10px}
[data-skin="modern"] ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-3) 30%,transparent);border-radius:10px;border:3px solid transparent;background-clip:content-box}
[data-skin="modern"] ::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--text-3) 50%,transparent)}
[data-skin="modern"] ::-webkit-scrollbar-track{background:transparent}

/* ---------------- controls ---------------- */
[data-skin="modern"] .btn{
  min-height:34px;padding:0 13px;border-radius:8px;border:1px solid var(--rule);background:var(--panel);color:var(--text);
  box-shadow:0 1px 0 rgba(255,255,255,.02),0 1px 2px rgba(0,0,0,.12);
  font-family:var(--pixel);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;
  transition:background-color .14s,border-color .14s,transform .12s var(--ease),filter .14s;
}
[data-skin="modern"] .btn:hover{background:var(--panel-hi);border-color:color-mix(in srgb,var(--text-3) 45%,var(--rule))}
[data-skin="modern"] .btn:active:not(:disabled){transform:translateY(1px)}
[data-skin="modern"] .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}
[data-skin="modern"] .btn.primary:hover{filter:brightness(1.08);background:var(--accent)}
[data-skin="modern"] .btn.danger{color:var(--crit)}
[data-skin="modern"] .btn.danger:hover{border-color:color-mix(in srgb,var(--crit) 50%,var(--rule));background:color-mix(in srgb,var(--crit) 8%,var(--panel))}
[data-skin="modern"] .btn.sm{min-height:30px;padding:0 10px;font-size:12.5px}
[data-skin="modern"] .btn[disabled]{opacity:.45}

[data-skin="modern"] :is(input[type=text],input[type=password],input[type=search],input[type=number],input[type=url],input[type=time],input[type=email],textarea,select){
  background:var(--sunk);border:1px solid var(--rule);border-radius:8px;color:var(--text);font-family:var(--pixel);font-size:13.5px;
  padding:8px 11px;transition:border-color .14s,box-shadow .14s;
}
[data-skin="modern"] :is(input[type=text],input[type=password],input[type=search],input[type=number],input[type=url],input[type=time],input[type=email],select){min-height:36px}
[data-skin="modern"] :is(input,textarea,select):hover{border-color:color-mix(in srgb,var(--text-3) 45%,var(--rule))}
[data-skin="modern"] :is(input,textarea,select):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
[data-skin="modern"] select{padding-right:32px}
[data-skin="modern"] label{font-family:var(--pixel);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2)}
[data-skin="modern"] input::placeholder,[data-skin="modern"] textarea::placeholder{color:var(--text-3)}
[data-skin="modern"] input[type=checkbox]{accent-color:var(--accent)}
[data-skin="modern"] :is(input[type=checkbox],.ctxcheck .tick){border-radius:5px;border-color:var(--rule)}
[data-skin="modern"] .pill{border:0;border-radius:999px;padding:3px 9px;font-family:var(--pixel);font-size:11.5px;font-weight:600;letter-spacing:0;
  background:color-mix(in srgb,currentColor 14%,transparent)}
[data-skin="modern"] .pill .dot{width:6px;height:6px;border-radius:50%}
[data-skin="modern"] .dot{border-radius:50%}
[data-skin="modern"] .toggle{border-width:1px}
[data-skin="modern"] .toggle.on{background:var(--accent);border-color:var(--accent)}
[data-skin="modern"] .toggle.on i{background:#fff}
[data-skin="modern"] .toggle i{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
[data-skin="modern"] .toggle:not(.on) i{background:var(--text-3)}
[data-skin="modern"] .dayb{border:1px solid var(--rule);border-radius:50%;background:var(--panel);font-family:var(--pixel);font-weight:600}
[data-skin="modern"] .dayb.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-skin="modern"] .xbtn{width:32px;height:32px;border-radius:8px;border:0;color:var(--text-3);font-size:20px;display:grid;place-items:center}
[data-skin="modern"] .xbtn:hover{background:var(--panel-hi);color:var(--text)}

/* ---------------- surfaces ---------------- */
[data-skin="modern"] .section{background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:22px 24px;margin-bottom:16px;box-shadow:none}
[data-skin="modern"] .section h2{font-family:var(--pixel);font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--text);text-transform:none;
  margin:0 0 14px;padding:0;border:0}
[data-skin="modern"] .sechead{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:16px}
[data-skin="modern"] .sechead h2{margin:0}
[data-skin="modern"] .bandhead{font-family:var(--pixel);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--text-3);margin:28px 0 12px}
[data-skin="modern"] .bandhead::after{height:1px;opacity:1;background:var(--rule)}
[data-skin="modern"] .pagelead{color:var(--text-2);font-size:14px}
[data-skin="modern"] .empty{background:transparent;border:1px dashed var(--rule);border-radius:12px;font-family:var(--pixel);font-size:13px;letter-spacing:0;
  text-transform:none;color:var(--text-3);padding:36px 24px}
[data-skin="modern"] .kv dt{font-family:var(--pixel);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--text-3)}
[data-skin="modern"] .kv dd{font-size:12.5px;color:var(--text)}
[data-skin="modern"] .warnbox,[data-skin="modern"] .warnline{border-radius:10px}

/* tables */
[data-skin="modern"] .tw{background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:0 4px}
[data-skin="modern"] .section .tw{border:0;padding:0;background:none}
[data-skin="modern"] th{font-family:var(--pixel);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-3);
  padding:12px 14px;border-bottom:1px solid var(--rule)}
[data-skin="modern"] td{padding:11px 14px;font-size:13.5px;color:var(--text-2);border-bottom:1px solid var(--rule)}
[data-skin="modern"] td.name{color:var(--text);font-weight:500}
[data-skin="modern"] tr:hover td{background:color-mix(in srgb,var(--panel-hi) 70%,transparent)}
[data-skin="modern"] td.mono{font-size:12px}

/* modal, drawer, context menu, tooltip */
[data-skin="modern"] :is(#modal,#drawer){background:rgba(4,5,7,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
[data-skin="modern"][data-theme="light"] :is(#modal,#drawer){background:rgba(20,22,30,.28)}
[data-skin="modern"] :is(.mw,.dw){border:1px solid var(--rule);border-radius:16px;background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
[data-skin="modern"] :is(.mw-head,.dw-head){background:transparent;border-bottom:1px solid var(--rule);padding:14px 14px 14px 20px;
  font-family:var(--pixel);font-size:15px;font-weight:650;letter-spacing:-.01em;text-transform:none;color:var(--text)}
[data-skin="modern"] #mw-icon,[data-skin="modern"] #ctx-icon{display:none}
[data-skin="modern"] .mw-body{padding:20px}
[data-skin="modern"] .mw-foot{border-top:1px solid var(--rule);padding:14px 20px;background:color-mix(in srgb,var(--sunk) 50%,transparent)}
[data-skin="modern"] #modal.open .mw,[data-skin="modern"] #drawer.open .dw{animation:pop-in .24s var(--ease)}
[data-skin="modern"] .dw-body{padding:18px}
[data-skin="modern"] .card{border:1px solid var(--rule);border-radius:12px;background:var(--panel);padding:14px;transition:border-color .15s,transform .15s var(--ease)}
[data-skin="modern"] .card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule));transform:translateY(-1px);background:var(--panel)}
[data-skin="modern"] .card .ln-ico{width:22px;height:22px;color:var(--accent);margin-top:1px}
[data-skin="modern"] .card .cn{font-family:var(--pixel);font-size:14px;font-weight:600;letter-spacing:0}
[data-skin="modern"] .card .cd{font-size:12.5px}
[data-skin="modern"] .card.used{opacity:.6}
[data-skin="modern"] #ctx{border:1px solid var(--rule);border-radius:14px;background:var(--panel-hi);box-shadow:0 22px 60px rgba(0,0,0,.45);padding:4px;overflow:hidden}
[data-skin="modern"] .ctxhead{background:transparent;border-bottom:1px solid var(--rule);padding:10px 12px;font-family:var(--pixel);font-size:13px;font-weight:650;letter-spacing:0;text-transform:none}
[data-skin="modern"] .ctxlabel{font-family:var(--pixel);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-3)}
[data-skin="modern"] .ctxlabel img{display:none}
[data-skin="modern"] .ctxopt{border:1px solid var(--rule);border-radius:7px;background:var(--panel);font-family:var(--pixel);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;min-height:30px}
[data-skin="modern"] .ctxopt:hover{background:var(--panel-hi)}
[data-skin="modern"] .ctxopt.sel{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-skin="modern"] .ctxopt.swatch{border-radius:50%;width:26px;height:26px;min-height:0}
[data-skin="modern"] .ctxopt.swatch.sel{box-shadow:0 0 0 2px var(--panel-hi),0 0 0 4px var(--accent)}
[data-skin="modern"] .ctxfoot{border-top:1px solid var(--rule)}
[data-skin="modern"] .ctxfoot .ctxopt{border:0;background:none}
[data-skin="modern"] .ctxfoot .ctxopt:hover{background:var(--panel)}
[data-skin="modern"] #tip{z-index:1500;border:1px solid var(--rule);border-radius:8px;background:var(--panel-hi);color:var(--text);font-family:var(--pixel);
  font-size:12.5px;padding:6px 10px;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:opacity .12s ease-out}

/* banner */
[data-skin="modern"] .wsbanner{border-radius:12px;border:1px solid color-mix(in srgb,var(--warn) 38%,var(--rule));border-left-width:1px;
  background:color-mix(in srgb,var(--warn) 7%,var(--panel));margin:0 auto 16px;max-width:1440px}
[data-skin="modern"] .wsbanner.crit{border-color:color-mix(in srgb,var(--crit) 38%,var(--rule));background:color-mix(in srgb,var(--crit) 7%,var(--panel))}

/* ---------------- dashboard widgets ---------------- */
[data-skin="modern"] .w{background:var(--wbg,var(--panel));border:1px solid var(--rule);border-radius:12px;box-shadow:none;
  transition:left .2s var(--ease),top .2s var(--ease),width .2s var(--ease),height .2s var(--ease),border-color .15s,box-shadow .15s}
[data-skin="modern"] .w:hover{border-color:color-mix(in srgb,var(--text-3) 40%,var(--rule))}
[data-skin="modern"] .w.dragging,[data-skin="modern"] .w.resizing{transition:none;box-shadow:0 20px 50px rgba(0,0,0,.4)}
[data-skin="modern"] .w-head{background:transparent;border-bottom:0;padding:12px 10px 4px 14px;gap:8px;min-height:0}
[data-skin="modern"] .w-head .w-lico{width:15px;height:15px;color:var(--wc,var(--text-3))}
[data-skin="modern"] .w-head img:not(.px-ico){width:18px;height:18px}
[data-skin="modern"] .w-head .t{font-family:var(--pixel);font-size:calc(13px * var(--ws,1));font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2)}
[data-skin="modern"] :is(.w-cfg,.w-x){width:26px;height:26px;border-radius:7px;color:var(--text-3);opacity:0;transition:opacity .15s,background-color .15s}
[data-skin="modern"] :is(.w-cfg,.w-x) .ico{width:14px;height:14px}
[data-skin="modern"] .w:hover :is(.w-cfg,.w-x),[data-skin="modern"] .w.selected :is(.w-cfg,.w-x){opacity:1}
[data-skin="modern"] :is(.w-cfg,.w-x):hover{background:var(--panel-hi);color:var(--text)}
[data-skin="modern"] .w-x:hover{color:var(--crit)}
@media(pointer:coarse){[data-skin="modern"] :is(.w-cfg,.w-x){opacity:1;width:34px;height:34px}}
[data-skin="modern"] .w-body{padding:8px 14px 14px;gap:8px}
[data-skin="modern"] .big{font-family:var(--pixel);font-size:calc(34px * var(--ws,1));font-weight:600;letter-spacing:-.035em;color:var(--text)}
[data-skin="modern"] .big .u{font-size:calc(14px * var(--ws,1));letter-spacing:0;color:var(--text-3);font-weight:400}
[data-skin="modern"] .sub{font-family:var(--pixel);font-size:calc(12.5px * var(--ws,1));color:var(--text-3)}
[data-skin="modern"] .w-rs{opacity:0;width:14px;height:14px;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--text-3) 60%,transparent) 50%);border-radius:0 0 12px 0}
[data-skin="modern"] .w:hover .w-rs{opacity:.7}
[data-skin="modern"] .meter{background:transparent;border:0;padding:0;gap:3px;height:8px}
[data-skin="modern"] .meter i{border-radius:2px;background:var(--rule)}
[data-skin="modern"] .meter i.on{background:var(--wc,var(--accent))}
[data-skin="modern"] .strack{background:var(--rule);border:0;border-radius:4px;height:6px}
[data-skin="modern"] .sfill{border-radius:4px;background:var(--wc,var(--accent))}
[data-skin="modern"] .sfill.warn{background:var(--warn)} [data-skin="modern"] .sfill.crit{background:var(--crit)}
[data-skin="modern"] .klist .k{color:var(--text-2)}
[data-skin="modern"] .nlbl{font-family:var(--pixel);font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-3)}
[data-skin="modern"] .nval{font-family:var(--pixel);font-weight:600;letter-spacing:-.01em}
[data-skin="modern"] .w.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent)}
[data-skin="modern"] .w.selected .w-head{background:transparent;border-bottom:0}
[data-skin="modern"] .wghost{border-radius:12px;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
[data-skin="modern"] .wghost.bump{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent)}
[data-skin="modern"] .wband{border-radius:8px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
[data-skin="modern"] .selbar,[data-skin="modern"] .lselbar,[data-skin="modern"] .clipbar{border:1px solid var(--rule);border-radius:12px;background:var(--panel-hi);box-shadow:var(--shadow)}
[data-skin="modern"] .selc{font-family:var(--pixel);font-weight:600;letter-spacing:0;text-transform:none}
[data-skin="modern"] .pb-card{border:1px solid var(--rule);border-radius:10px;background:var(--panel-hi);box-shadow:var(--shadow)}
[data-skin="modern"] .pb-lbl{font-family:var(--pixel);letter-spacing:0;text-transform:none}
[data-skin="modern"] .stile{border:1px solid var(--rule);border-radius:10px;background:var(--sunk)}
[data-skin="modern"] .stile .sl{font-family:var(--pixel);font-size:11px;letter-spacing:0;text-transform:none}
[data-skin="modern"] .sfind{border-radius:8px}
[data-skin="modern"] .core{border-radius:6px}
[data-skin="modern"] .ptrack{border-radius:4px;background:var(--rule)}
[data-skin="modern"] .pfill{border-radius:4px;background:var(--wc,var(--accent))}
[data-skin="modern"] .cact{border:1px solid var(--rule);border-radius:6px;font-family:var(--pixel);font-size:11.5px;letter-spacing:0;text-transform:none;padding:3px 8px;background:var(--panel)}
[data-skin="modern"] .cact:hover{background:var(--panel-hi)}
[data-skin="modern"] .cport,[data-skin="modern"] .lports{font-family:var(--mono)}
[data-skin="modern"] .clockbig{font-family:var(--pixel);font-weight:300;letter-spacing:-.04em}
[data-skin="modern"] .catwrap{background:transparent}
[data-skin="modern"] .catname{font-family:var(--pixel);letter-spacing:0;text-transform:none}

/* ---------------- containers ---------------- */
[data-skin="modern"] .cfilter{border:1px solid var(--rule);border-radius:999px;background:var(--panel);font-family:var(--pixel);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2)}
[data-skin="modern"] .cfilter.on{background:var(--text);color:var(--void);border-color:var(--text)}
[data-skin="modern"] .cfilter i{font-style:normal;opacity:.65}
[data-skin="modern"] .ccard{border:1px solid var(--rule);border-radius:12px;background:var(--panel);box-shadow:none}
[data-skin="modern"] .ccard:hover{border-color:color-mix(in srgb,var(--text-3) 50%,var(--rule));transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.18)}
[data-skin="modern"] .ccard.down{opacity:.78}
[data-skin="modern"] .ccard .cname{font-family:var(--pixel);font-weight:600;letter-spacing:-.005em}
[data-skin="modern"] .cstate.up{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}
[data-skin="modern"] .cmanaged{font-family:var(--pixel);font-size:10.5px;font-weight:600;letter-spacing:.02em;border-radius:6px}
[data-skin="modern"] .cacts{border-top:1px solid var(--rule)}

/* ---------------- launcher ---------------- */
[data-skin="modern"] .ltile{border:1px solid var(--rule);border-radius:14px;background:var(--panel);box-shadow:none;transition:border-color .15s,transform .15s var(--ease),box-shadow .15s}
[data-skin="modern"] .ltile:hover{border-color:color-mix(in srgb,var(--text-3) 50%,var(--rule));transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.2)}
[data-skin="modern"] .ltile.on{box-shadow:0 0 0 2px var(--accent)}
[data-skin="modern"] .lico{border-radius:12px;background:var(--sunk);border:1px solid var(--rule)}
[data-skin="modern"] .lico img{image-rendering:auto}
[data-skin="modern"] .lname{font-family:var(--pixel);font-weight:600;letter-spacing:-.005em}
[data-skin="modern"] .ldesc{color:var(--text-3)}
[data-skin="modern"] .lsechead b{font-family:var(--pixel);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
[data-skin="modern"] .lseccount{font-family:var(--pixel)}
[data-skin="modern"] .ltagchip{border:1px solid var(--rule);border-radius:999px;font-family:var(--pixel);font-size:12px;letter-spacing:0;text-transform:none}
[data-skin="modern"] .ltag{border-radius:999px;border-left-width:0;font-family:var(--pixel);font-size:11px;letter-spacing:0;text-transform:none;padding:1px 8px;background:color-mix(in srgb,var(--wc,var(--accent)) 14%,transparent)}
[data-skin="modern"] .lico-letter{font-family:var(--pixel);font-weight:650;border-radius:10px}
[data-skin="modern"] .lact{border-radius:8px;border:1px solid var(--rule);background:var(--panel)}
[data-skin="modern"] .lsecempty{border:1px dashed var(--rule);border-radius:12px}

/* ---------------- files ---------------- */
[data-skin="modern"] .rootcard{border:1px solid var(--rule);border-radius:12px;background:var(--panel);box-shadow:none}
[data-skin="modern"] .rootcard.on,[data-skin="modern"] .rootcard[aria-current]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
[data-skin="modern"] .rootcard .rn{font-family:var(--pixel);font-weight:600;letter-spacing:0;text-transform:none}
[data-skin="modern"] .rootcard .rbar{height:5px;border:0;background:var(--rule);border-radius:3px}
[data-skin="modern"] .rootcard .rbar i{background:var(--accent);border-radius:3px}
[data-skin="modern"] .crumbs{font-family:var(--pixel);font-size:13px}
[data-skin="modern"] .crumbs button{text-decoration:none;color:var(--text-2);padding:3px 6px;border-radius:6px}
[data-skin="modern"] .crumbs button:hover{background:var(--panel-hi);color:var(--text)}
[data-skin="modern"] #f-table tr.sel td{background:color-mix(in srgb,var(--accent) 14%,transparent)}
[data-skin="modern"] .fname .ic{border-radius:3px}
[data-skin="modern"] #uploader{border:1px solid var(--rule);border-radius:14px;background:var(--panel-hi);box-shadow:var(--shadow)}
[data-skin="modern"] .dropcard{border:2px dashed var(--accent);border-radius:16px;background:var(--panel)}

/* ---------------- store ---------------- */
[data-skin="modern"] .appcard{border:1px solid var(--rule);border-radius:12px;background:var(--panel);transition:border-color .15s,transform .15s var(--ease)}
[data-skin="modern"] .appcard:hover{border-color:color-mix(in srgb,var(--text-3) 50%,var(--rule));transform:translateY(-2px)}
[data-skin="modern"] .appcard .nm{font-family:var(--pixel);font-weight:600;letter-spacing:0}
[data-skin="modern"] .appcard .ico{border-radius:10px;image-rendering:auto}
[data-skin="modern"] .searchwrap .si{display:none}
[data-skin="modern"] .searchwrap input{padding-left:12px}

/* ---------------- automations ---------------- */
[data-skin="modern"] .rule{border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:10px;background:var(--sunk)}
[data-skin="modern"] .rule.off{border-left-color:var(--rule)}
[data-skin="modern"] .rule .rn{font-family:var(--pixel);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none}
[data-skin="modern"] .alert{border:1px solid var(--rule);border-left:3px solid var(--text-3);border-radius:10px;background:var(--sunk)}
[data-skin="modern"] .alert.info{border-left-color:var(--ok)} [data-skin="modern"] .alert.warn{border-left-color:var(--warn)} [data-skin="modern"] .alert.crit{border-left-color:var(--crit)}
[data-skin="modern"] .alert .apill{border-radius:999px;font-family:var(--pixel);font-size:10.5px;letter-spacing:.02em;padding:2px 8px}
[data-skin="modern"] .alert .at{font-family:var(--pixel);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none}
[data-skin="modern"] .cpform h3{font-family:var(--pixel);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text);border-bottom:1px solid var(--rule)}

/* ---------------- settings: Kernel and skills ---------------- */
[data-skin="modern"] :is(.ag-prov,.ag-model,.ag-cap,.ag-check,.ag-mode){border:1px solid var(--rule);border-radius:10px;background:var(--panel)}
[data-skin="modern"] :is(.ag-prov,.ag-model,.ag-mode).on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
[data-skin="modern"] .ag-block h3,[data-skin="modern"] .ag-sub h4{font-family:var(--pixel);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text)}
[data-skin="modern"] .ag-tier{font-family:var(--pixel);letter-spacing:0;text-transform:none}
[data-skin="modern"] :is(.sk-sum,.sk-drop,.sk-item,.sk-body,.sk-mode,.sk-seed,.sk-view,.cr-item,.pz-item,.pz-save){border-radius:10px;border-width:1px;border-color:var(--rule)}
[data-skin="modern"] :is(.sk-mode,.sk-seed,.sk-tag,.sk-minitag,.sk-tab){font-family:var(--pixel);letter-spacing:0;text-transform:none}

/* ---------------- terminal ---------------- */
[data-skin="modern"] .termchrome{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--terminal-bg)}
[data-skin="modern"] .termbar{background:var(--panel);border-bottom:1px solid var(--rule);padding:8px 12px}
[data-skin="modern"] .termbar img{display:none}
[data-skin="modern"] .termbar .tt{font-family:var(--mono);font-size:12.5px;letter-spacing:0;text-transform:none}
[data-skin="modern"] #xterm-host{background:var(--terminal-bg);padding:10px 12px}

/* ---------------- login ---------------- */
[data-skin="modern"] #gate{background:
  radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--void)}
[data-skin="modern"] .gatebox{border:1px solid var(--rule);border-radius:18px;background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.4);width:min(400px,100%)}
[data-skin="modern"] .gatehead{background:transparent;border:0;padding:26px 28px 0;justify-content:center;font-family:var(--pixel);font-size:19px;font-weight:650;letter-spacing:-.015em;text-transform:none;color:var(--text)}
[data-skin="modern"] .gatebody{padding:18px 28px 28px;gap:16px}
[data-skin="modern"] .gatebody img.crt{display:none}
[data-skin="modern"] .gatemsg{font-size:13.5px;color:var(--text-3);margin:0}
[data-skin="modern"] .gateerr{font-family:var(--pixel);font-size:12.5px;letter-spacing:0;text-transform:none}
[data-skin="modern"] #g-submit{min-height:40px;font-size:14px;font-weight:600}
[data-skin="modern"] .gate-mark{width:40px;height:40px;border-radius:12px;display:block;margin:0 auto 12px;
  background:url(/assets/brand/icons/nexus-64.png) center/28px no-repeat,var(--sunk);border:1px solid var(--rule)}
[data-skin="modern"] .gatehead{flex-direction:column}
.gate-mark{display:none}
[data-skin="modern"] .gate-mark{display:block}

/* ---------------- the floating button, modern ---------------- */
[data-skin="modern"] .hbot-label{font-family:var(--pixel)}

/* ============================================================
   CLASSIC keeps its voice: the labels were written in capitals for it, and
   are written in sentence case now, so the capitals come from here.
   ============================================================ */
[data-gui="classic"] :is(.btn,.ctxopt,.pill,.cfilter,#page-title,.section h2,.nlabel,.sb-ghead,.ov-h,th,.kv dt,label,.ov-chip,.ar-row.head,.kx-who b,.tb-search span,.tb-kernel span,.ck-group){text-transform:uppercase;letter-spacing:.06em}
[data-gui="classic"] :is(.ov-stat,.ov-hero,.ov-prob,.ar-table,.ck-box,#kernel,.kx-compose,.kx-ask,.kx-status,.kx-tool,.tb-search,.tb-kernel,.ov-chip,.sb-status,.seg,.skin-choice){border-radius:0!important}