/* =====================================================================
   BW Admin — visual themes (html[data-theme]).
   Loaded after admin.css. "console" is admin.css itself (sci-fi HUD: bevels,
   corner brackets, glow, grid, tracked uppercase). Every other theme changes
   the *shapes* as well as the colours: radii, frames, shadows, type, density.
   Picked in the user menu, stored in localStorage('bw.theme').
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* shared "flat" reset for the non-HUD themes: no bevels, no brackets,  */
/* no scanlines, no grid, no glow                                       */
/* ------------------------------------------------------------------ */
html[data-theme="minimal"] *, html[data-theme="paper"] *, html[data-theme="soft"] *, html[data-theme="glass"] * { clip-path: none !important; text-shadow: none !important; }
html[data-theme="minimal"] body::after, html[data-theme="paper"] body::after, html[data-theme="soft"] body::after, html[data-theme="glass"] body::after { display: none; }
html[data-theme="minimal"] .hud::before, html[data-theme="minimal"] .panel::before, html[data-theme="minimal"] .well::before, html[data-theme="minimal"] .modal-content::before,
html[data-theme="paper"] .hud::before, html[data-theme="paper"] .panel::before, html[data-theme="paper"] .well::before, html[data-theme="paper"] .modal-content::before,
html[data-theme="soft"] .hud::before, html[data-theme="soft"] .panel::before, html[data-theme="soft"] .well::before, html[data-theme="soft"] .modal-content::before,
html[data-theme="glass"] .hud::before, html[data-theme="glass"] .panel::before, html[data-theme="glass"] .well::before, html[data-theme="glass"] .modal-content::before { display: none; }
html[data-theme="minimal"] .app-envbar, html[data-theme="paper"] .app-envbar, html[data-theme="soft"] .app-envbar, html[data-theme="glass"] .app-envbar { box-shadow: none; }
html[data-theme="minimal"] .hud, html[data-theme="minimal"] .panel, html[data-theme="minimal"] .well, html[data-theme="minimal"] .modal-content, html[data-theme="minimal"] .list-group, html[data-theme="minimal"] .ui-dialog, html[data-theme="minimal"] .dropdown-menu, html[data-theme="minimal"] .popover,
html[data-theme="paper"] .hud, html[data-theme="paper"] .panel, html[data-theme="paper"] .well, html[data-theme="paper"] .modal-content, html[data-theme="paper"] .list-group, html[data-theme="paper"] .ui-dialog, html[data-theme="paper"] .dropdown-menu, html[data-theme="paper"] .popover,
html[data-theme="soft"] .hud, html[data-theme="soft"] .panel, html[data-theme="soft"] .well, html[data-theme="soft"] .modal-content, html[data-theme="soft"] .list-group, html[data-theme="soft"] .ui-dialog, html[data-theme="soft"] .dropdown-menu, html[data-theme="soft"] .popover,
html[data-theme="glass"] .hud, html[data-theme="glass"] .panel, html[data-theme="glass"] .well, html[data-theme="glass"] .modal-content, html[data-theme="glass"] .list-group, html[data-theme="glass"] .ui-dialog, html[data-theme="glass"] .dropdown-menu, html[data-theme="glass"] .popover {
  border-radius: var(--r); box-shadow: var(--panel-shadow); background-color: var(--panel);
}
html[data-theme="minimal"] .btn, html[data-theme="paper"] .btn, html[data-theme="soft"] .btn, html[data-theme="glass"] .btn,
html[data-theme="minimal"] button, html[data-theme="paper"] button, html[data-theme="soft"] button, html[data-theme="glass"] button,
html[data-theme="minimal"] input, html[data-theme="paper"] input, html[data-theme="soft"] input, html[data-theme="glass"] input,
html[data-theme="minimal"] select, html[data-theme="paper"] select, html[data-theme="soft"] select, html[data-theme="glass"] select,
html[data-theme="minimal"] textarea, html[data-theme="paper"] textarea, html[data-theme="soft"] textarea, html[data-theme="glass"] textarea,
html[data-theme="minimal"] .form-control, html[data-theme="paper"] .form-control, html[data-theme="soft"] .form-control, html[data-theme="glass"] .form-control,
html[data-theme="minimal"] .label, html[data-theme="paper"] .label, html[data-theme="soft"] .label, html[data-theme="glass"] .label,
html[data-theme="minimal"] .badge, html[data-theme="paper"] .badge, html[data-theme="soft"] .badge, html[data-theme="glass"] .badge,
html[data-theme="minimal"] .seg, html[data-theme="paper"] .seg, html[data-theme="soft"] .seg, html[data-theme="glass"] .seg,
html[data-theme="minimal"] .app-search, html[data-theme="paper"] .app-search, html[data-theme="soft"] .app-search, html[data-theme="glass"] .app-search,
html[data-theme="minimal"] .bw-pick-btn, html[data-theme="paper"] .bw-pick-btn, html[data-theme="soft"] .bw-pick-btn, html[data-theme="glass"] .bw-pick-btn,
html[data-theme="minimal"] .bw-pick-menu, html[data-theme="paper"] .bw-pick-menu, html[data-theme="soft"] .bw-pick-menu, html[data-theme="glass"] .bw-pick-menu,
html[data-theme="minimal"] .bw-toast, html[data-theme="paper"] .bw-toast, html[data-theme="soft"] .bw-toast, html[data-theme="glass"] .bw-toast,
html[data-theme="minimal"] .bw-dlg, html[data-theme="paper"] .bw-dlg, html[data-theme="soft"] .bw-dlg, html[data-theme="glass"] .bw-dlg,
html[data-theme="minimal"] .hc, html[data-theme="paper"] .hc, html[data-theme="soft"] .hc, html[data-theme="glass"] .hc,
html[data-theme="minimal"] .sk, html[data-theme="paper"] .sk, html[data-theme="soft"] .sk, html[data-theme="glass"] .sk,
html[data-theme="minimal"] .hc-pic, html[data-theme="paper"] .hc-pic, html[data-theme="soft"] .hc-pic, html[data-theme="glass"] .hc-pic,
html[data-theme="minimal"] .sk-ico, html[data-theme="paper"] .sk-ico, html[data-theme="soft"] .sk-ico, html[data-theme="glass"] .sk-ico,
html[data-theme="minimal"] .bp-step, html[data-theme="paper"] .bp-step, html[data-theme="soft"] .bp-step, html[data-theme="glass"] .bp-step,
html[data-theme="minimal"] .app-brand-mark, html[data-theme="paper"] .app-brand-mark, html[data-theme="soft"] .app-brand-mark, html[data-theme="glass"] .app-brand-mark,
html[data-theme="minimal"] pre, html[data-theme="paper"] pre, html[data-theme="soft"] pre, html[data-theme="glass"] pre { border-radius: var(--r-sm); }
html[data-theme="minimal"] .app-avatar, html[data-theme="paper"] .app-avatar, html[data-theme="soft"] .app-avatar, html[data-theme="glass"] .app-avatar,
html[data-theme="minimal"] .pw-avatar, html[data-theme="paper"] .pw-avatar, html[data-theme="soft"] .pw-avatar, html[data-theme="glass"] .pw-avatar { border-radius: 50%; }
html[data-theme="minimal"] .bw-dlg::before, html[data-theme="paper"] .bw-dlg::before, html[data-theme="soft"] .bw-dlg::before, html[data-theme="glass"] .bw-dlg::before { display: none; }
html[data-theme="minimal"] .btn-primary, html[data-theme="paper"] .btn-primary, html[data-theme="soft"] .btn-primary, html[data-theme="glass"] .btn-primary { background: var(--glow); border-color: var(--glow); color: var(--on-accent); }
html[data-theme="minimal"] .btn-primary:hover, html[data-theme="paper"] .btn-primary:hover, html[data-theme="soft"] .btn-primary:hover, html[data-theme="glass"] .btn-primary:hover { background: var(--btn-2); border-color: var(--btn-2); }
html[data-theme="minimal"] a:hover, html[data-theme="paper"] a:hover, html[data-theme="soft"] a:hover, html[data-theme="glass"] a:hover { color: var(--btn-2); text-decoration: underline; }
html[data-theme="minimal"] code, html[data-theme="paper"] code, html[data-theme="soft"] code, html[data-theme="glass"] code { color: var(--glow); }
html[data-theme="minimal"] .pw-name, html[data-theme="paper"] .pw-name, html[data-theme="soft"] .pw-name, html[data-theme="glass"] .pw-name { color: var(--head); }
html[data-theme="minimal"] .app-sidebar, html[data-theme="paper"] .app-sidebar, html[data-theme="soft"] .app-sidebar, html[data-theme="glass"] .app-sidebar { background: var(--sidebar); box-shadow: none; }
html[data-theme="minimal"] .app-brand, html[data-theme="paper"] .app-brand, html[data-theme="soft"] .app-brand, html[data-theme="glass"] .app-brand { background: none; }
html[data-theme="minimal"] .app-topbar, html[data-theme="paper"] .app-topbar, html[data-theme="soft"] .app-topbar, html[data-theme="glass"] .app-topbar { background: var(--topbar); backdrop-filter: none; }
html[data-theme="minimal"] .app-nav-group-title .glyphicon:first-child, html[data-theme="paper"] .app-nav-group-title .glyphicon:first-child, html[data-theme="soft"] .app-nav-group-title .glyphicon:first-child, html[data-theme="glass"] .app-nav-group-title .glyphicon:first-child { color: var(--text-mute); }
html[data-theme="minimal"] .app-nav-items a.active, html[data-theme="paper"] .app-nav-items a.active, html[data-theme="soft"] .app-nav-items a.active, html[data-theme="glass"] .app-nav-items a.active { background: var(--glow-faint); color: var(--glow); border-radius: var(--r-sm); box-shadow: none; }
html[data-theme="minimal"] .app-nav-items a.active::before, html[data-theme="paper"] .app-nav-items a.active::before, html[data-theme="soft"] .app-nav-items a.active::before, html[data-theme="glass"] .app-nav-items a.active::before { display: none; }
html[data-theme="minimal"] .app-nav-items a, html[data-theme="paper"] .app-nav-items a, html[data-theme="soft"] .app-nav-items a, html[data-theme="glass"] .app-nav-items a { margin: 1px 8px; border-radius: var(--r-sm); }
html[data-theme="minimal"] .kpi, html[data-theme="paper"] .kpi, html[data-theme="soft"] .kpi, html[data-theme="glass"] .kpi { background-image: none; }
html[data-theme="minimal"] .kpi::after, html[data-theme="paper"] .kpi::after, html[data-theme="soft"] .kpi::after, html[data-theme="glass"] .kpi::after { display: none; }
html[data-theme="minimal"] .kpi-value, html[data-theme="paper"] .kpi-value, html[data-theme="soft"] .kpi-value, html[data-theme="glass"] .kpi-value { color: var(--head); }
html[data-theme="minimal"] .table > thead > tr > th, html[data-theme="paper"] .table > thead > tr > th, html[data-theme="soft"] .table > thead > tr > th, html[data-theme="glass"] .table > thead > tr > th,
html[data-theme="minimal"] table.tablesorter thead tr th, html[data-theme="paper"] table.tablesorter thead tr th, html[data-theme="soft"] table.tablesorter thead tr th, html[data-theme="glass"] table.tablesorter thead tr th { background: var(--thead); color: var(--text-dim); border-bottom: 1px solid var(--line); }
html[data-theme="minimal"] .bw-pick-btn img, html[data-theme="paper"] .bw-pick-btn img, html[data-theme="soft"] .bw-pick-btn img, html[data-theme="glass"] .bw-pick-btn img,
html[data-theme="minimal"] .bw-pick-menu img, html[data-theme="paper"] .bw-pick-menu img, html[data-theme="soft"] .bw-pick-menu img, html[data-theme="glass"] .bw-pick-menu img { border-radius: var(--r-sm); }

/* no tracked uppercase in the "quiet" themes */
html[data-theme="minimal"] h4, html[data-theme="minimal"] h5, html[data-theme="minimal"] .hud-head h3, html[data-theme="minimal"] .kpi-label, html[data-theme="minimal"] .app-nav-group-title, html[data-theme="minimal"] .app-brand-text, html[data-theme="minimal"] .btn, html[data-theme="minimal"] label, html[data-theme="minimal"] .pw-grp > h4, html[data-theme="minimal"] .pw-nav .sub, html[data-theme="minimal"] .bw-dlg-head h4, html[data-theme="minimal"] .sk-h4, html[data-theme="minimal"] .hc-rows small, html[data-theme="minimal"] .sk-rows small, html[data-theme="minimal"] .bp-form label, html[data-theme="minimal"] .lg-filters label, html[data-theme="minimal"] .dash-head h1, html[data-theme="minimal"] .app-title, html[data-theme="minimal"] .dropdown-header, html[data-theme="minimal"] .bp-sub h5, html[data-theme="minimal"] .kv > div:nth-child(odd),
html[data-theme="paper"] h4, html[data-theme="paper"] h5, html[data-theme="paper"] .hud-head h3, html[data-theme="paper"] .kpi-label, html[data-theme="paper"] .app-nav-group-title, html[data-theme="paper"] .app-brand-text, html[data-theme="paper"] .btn, html[data-theme="paper"] label, html[data-theme="paper"] .pw-grp > h4, html[data-theme="paper"] .pw-nav .sub, html[data-theme="paper"] .bw-dlg-head h4, html[data-theme="paper"] .sk-h4, html[data-theme="paper"] .hc-rows small, html[data-theme="paper"] .sk-rows small, html[data-theme="paper"] .bp-form label, html[data-theme="paper"] .lg-filters label, html[data-theme="paper"] .dash-head h1, html[data-theme="paper"] .app-title, html[data-theme="paper"] .dropdown-header, html[data-theme="paper"] .bp-sub h5, html[data-theme="paper"] .kv > div:nth-child(odd),
html[data-theme="soft"] h4, html[data-theme="soft"] h5, html[data-theme="soft"] .hud-head h3, html[data-theme="soft"] .kpi-label, html[data-theme="soft"] .app-nav-group-title, html[data-theme="soft"] .app-brand-text, html[data-theme="soft"] .btn, html[data-theme="soft"] label, html[data-theme="soft"] .pw-grp > h4, html[data-theme="soft"] .pw-nav .sub, html[data-theme="soft"] .bw-dlg-head h4, html[data-theme="soft"] .sk-h4, html[data-theme="soft"] .hc-rows small, html[data-theme="soft"] .sk-rows small, html[data-theme="soft"] .bp-form label, html[data-theme="soft"] .lg-filters label, html[data-theme="soft"] .dash-head h1, html[data-theme="soft"] .app-title, html[data-theme="soft"] .dropdown-header, html[data-theme="soft"] .bp-sub h5, html[data-theme="soft"] .kv > div:nth-child(odd) {
  text-transform: none; letter-spacing: 0;
}
html[data-theme="minimal"] .hud-head h3, html[data-theme="paper"] .hud-head h3, html[data-theme="soft"] .hud-head h3 { font-size: 14px; }
html[data-theme="minimal"] h4, html[data-theme="paper"] h4, html[data-theme="soft"] h4 { color: var(--head); }
html[data-theme="minimal"] .kpi-label, html[data-theme="paper"] .kpi-label, html[data-theme="soft"] .kpi-label { font-size: 12px; }
html[data-theme="minimal"] .app-brand-text small, html[data-theme="paper"] .app-brand-text small, html[data-theme="soft"] .app-brand-text small { letter-spacing: .08em; }

/* ================================================================== */
/* MINIMAL — flat graphite, hairline borders, 4px radii, no decoration */
/* ================================================================== */
html[data-theme="minimal"] {
  --r: 4px; --r-sm: 3px; --panel-shadow: none; --on-accent: #0b0d11;
  --bg-0: #0f1115; --bg-1: #13161b; --bg-2: #1a1e25;
  --panel: #151920; --panel-solid: #151920; --panel-hi: #1e232c;
  --sidebar: #111419; --topbar: #0f1115; --thead: #13161b;
  --line: #262b34; --line-hi: #3a4250; --glow: #8ab4f8; --glow-rgb: 138,180,248;
  --glow-soft: rgba(138,180,248,.25); --glow-faint: rgba(138,180,248,.10);
  --text: #d5d9e0; --text-dim: #8b93a1; --text-mute: #5c6472; --head: #f3f5f8; --accent: #8ab4f8;
  --line-rgb: 38,43,52; --bg-rgb: 15,17,21; --panel-rgb: 21,25,32; --panel2-rgb: 30,35,44; --panel3-rgb: 21,25,32; --panelhi-rgb: 30,35,44;
  --steel-rgb: 80,88,100; --card-rgb: 26,30,37; --card2-rgb: 19,22,27; --card: #1a1e25; --card2: #13161b;
  --aura1-rgb: 0,0,0; --aura2-rgb: 0,0,0; --btn-1: #6f9ff0; --btn-2: #a3c4ff; --btn-3: #2f4a78;
  --font-ui: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --gold: #e3b341; --info: #9ecbff;
}
html[data-theme="minimal"] body { background-image: none; }
html[data-theme="minimal"] .hud, html[data-theme="minimal"] .panel, html[data-theme="minimal"] .well, html[data-theme="minimal"] .hc, html[data-theme="minimal"] .sk { background: var(--panel); border-color: var(--line); }
html[data-theme="minimal"] .hc, html[data-theme="minimal"] .sk, html[data-theme="minimal"] .hc-add, html[data-theme="minimal"] .sk-add { background-image: none; }
html[data-theme="minimal"] .btn, html[data-theme="minimal"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn) { background: var(--bg-2); border: 1px solid var(--line-hi); box-shadow: none; color: var(--text); font-weight: 500; }
html[data-theme="minimal"] .btn:hover, html[data-theme="minimal"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn):hover { background: var(--panel-hi); border-color: var(--text-mute); }
html[data-theme="minimal"] .btn-danger { background: transparent; border-color: var(--danger); color: var(--danger); }
html[data-theme="minimal"] .btn-danger:hover { background: var(--danger); color: #fff; }
html[data-theme="minimal"] input:not([type]), html[data-theme="minimal"] input[type=text], html[data-theme="minimal"] input[type=number], html[data-theme="minimal"] input[type=search], html[data-theme="minimal"] input[type=date], html[data-theme="minimal"] input[type=password], html[data-theme="minimal"] select, html[data-theme="minimal"] textarea, html[data-theme="minimal"] .form-control { background: var(--bg-0) !important; border: 1px solid var(--line-hi); box-shadow: none; }
html[data-theme="minimal"] .app-nav-filter input, html[data-theme="minimal"] .app-search input { background: var(--bg-2) !important; }
html[data-theme="minimal"] .hud-head { border-bottom: 1px solid var(--line); }
html[data-theme="minimal"] .kpi-value { font-weight: 600; }
html[data-theme="minimal"] .table > tbody > tr > td { border-color: var(--line); }
html[data-theme="minimal"] .label { font-weight: 500; border-radius: 3px; }
html[data-theme="minimal"] .app-footer { color: var(--text-mute); }

/* ================================================================== */
/* PAPER — light, flat, blue accent, soft 8px radii                     */
/* ================================================================== */
html[data-theme="paper"] {
  --bright: #0f172a;
  --r: 8px; --r-sm: 6px; --panel-shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08); --on-accent: #ffffff;
  --bg-0: #f4f6f9; --bg-1: #ffffff; --bg-2: #eef1f5;
  --panel: #ffffff; --panel-solid: #ffffff; --panel-hi: #f3f5f8;
  --sidebar: #ffffff; --topbar: rgba(255,255,255,.92); --thead: #f6f8fb;
  --line: #e2e7ee; --line-hi: #c8d1dc; --glow: #2563eb; --glow-rgb: 37,99,235;
  --glow-soft: rgba(37,99,235,.25); --glow-faint: rgba(37,99,235,.08);
  --text: #1f2937; --text-dim: #6b7280; --text-mute: #9aa3b2; --head: #0f172a; --accent: #2563eb;
  --line-rgb: 226,231,238; --bg-rgb: 244,246,249; --panel-rgb: 255,255,255; --panel2-rgb: 243,245,248; --panel3-rgb: 255,255,255; --panelhi-rgb: 238,241,245;
  --steel-rgb: 200,209,220; --card-rgb: 255,255,255; --card2-rgb: 248,250,252; --card: #ffffff; --card2: #f8fafc;
  --aura1-rgb: 0,0,0; --aura2-rgb: 0,0,0; --btn-1: #2563eb; --btn-2: #1d4ed8; --btn-3: #1e40af;
  --font-ui: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --success: #15803d; --warning: #b45309; --danger: #dc2626; --info: #0369a1; --gold: #b7791f;
}
html[data-theme="paper"] body { background-image: none; color: var(--text); }
html[data-theme="paper"] ::selection { background: rgba(37,99,235,.2); color: var(--head); }
html[data-theme="paper"] .hud, html[data-theme="paper"] .panel, html[data-theme="paper"] .well, html[data-theme="paper"] .hc, html[data-theme="paper"] .sk, html[data-theme="paper"] .bp-step, html[data-theme="paper"] .hc-pic, html[data-theme="paper"] .sk-ico, html[data-theme="paper"] .bw-pick-menu, html[data-theme="paper"] .bw-toast, html[data-theme="paper"] .bw-dlg, html[data-theme="paper"] .dropdown-menu, html[data-theme="paper"] .modal-content { background: #fff; border-color: var(--line); color: var(--text); }
html[data-theme="paper"] .hc, html[data-theme="paper"] .sk, html[data-theme="paper"] .hc-add, html[data-theme="paper"] .sk-add, html[data-theme="paper"] .kpi, html[data-theme="paper"] .bw-dlg, html[data-theme="paper"] .bw-toast { background-image: none; box-shadow: var(--panel-shadow); }
html[data-theme="paper"] .btn, html[data-theme="paper"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn) { background: #fff; border: 1px solid var(--line-hi); box-shadow: 0 1px 1px rgba(16,24,40,.05); color: var(--text); font-weight: 500; }
html[data-theme="paper"] .btn:hover, html[data-theme="paper"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn):hover { background: var(--bg-2); color: var(--head); }
html[data-theme="paper"] .btn.btn-danger, html[data-theme="paper"] .btn-danger.btn-xs { background: var(--danger); border-color: var(--danger); color: #fff; }
html[data-theme="paper"] .btn.btn-primary { background: var(--glow); border-color: var(--glow); color: #fff; }
html[data-theme="paper"] .btn-default.btn-xs, html[data-theme="paper"] .btn-xs { background: #fff; }
html[data-theme="paper"] input:not([type]), html[data-theme="paper"] input[type=text], html[data-theme="paper"] input[type=number], html[data-theme="paper"] input[type=search], html[data-theme="paper"] input[type=date], html[data-theme="paper"] input[type=password], html[data-theme="paper"] select, html[data-theme="paper"] textarea, html[data-theme="paper"] .form-control, html[data-theme="paper"] .app-nav-filter input, html[data-theme="paper"] .app-search input, html[data-theme="paper"] .bw-pick-btn, html[data-theme="paper"] .bw-pick-filter { background: #fff !important; border: 1px solid var(--line-hi); color: var(--text); box-shadow: none; }
html[data-theme="paper"] input:focus, html[data-theme="paper"] select:focus, html[data-theme="paper"] .form-control:focus { border-color: var(--glow); box-shadow: 0 0 0 3px var(--glow-faint); }
html[data-theme="paper"] ::placeholder { color: var(--text-mute); }
html[data-theme="paper"] .table > thead > tr > th, html[data-theme="paper"] table.tablesorter thead tr th { color: var(--text-dim); }
html[data-theme="paper"] .table > tbody > tr > td, html[data-theme="paper"] table.tablesorter tbody td { border-color: var(--line); color: var(--text); }
html[data-theme="paper"] .table-striped > tbody > tr:nth-of-type(odd), html[data-theme="paper"] table.tablesorter tbody tr.odd td { background-color: #fafbfd; }
html[data-theme="paper"] .table > tbody > tr:hover > td { background-color: #f1f5fb; }
html[data-theme="paper"] .label-default, html[data-theme="paper"] .badge { background: var(--bg-2); color: var(--text-dim); border: 1px solid var(--line); }
html[data-theme="paper"] .label-primary, html[data-theme="paper"] .label-info { background: var(--glow-faint); color: var(--glow); border: 1px solid rgba(37,99,235,.25); }
html[data-theme="paper"] .label-success { background: rgba(21,128,61,.1); color: var(--success); border: 1px solid rgba(21,128,61,.3); }
html[data-theme="paper"] .label-warning { background: rgba(180,83,9,.1); color: var(--warning); border: 1px solid rgba(180,83,9,.3); }
html[data-theme="paper"] .label-danger { background: rgba(220,38,38,.1); color: var(--danger); border: 1px solid rgba(220,38,38,.3); }
html[data-theme="paper"] .app-sidebar { border-right: 1px solid var(--line); }
html[data-theme="paper"] .app-brand-mark { color: #fff; box-shadow: none; }
html[data-theme="paper"] .app-topbar { border-bottom: 1px solid var(--line); }
html[data-theme="paper"] .app-avatar { background: var(--glow); color: #fff; box-shadow: none; }
html[data-theme="paper"] .env-badge { background: var(--bg-2); border-color: var(--line-hi); }
html[data-theme="paper"] .kv > div:nth-child(odd) { color: var(--text-dim); }
html[data-theme="paper"] .kv > div:nth-child(even) { color: var(--text); }
html[data-theme="paper"] .kv > div, html[data-theme="paper"] .pw-grp, html[data-theme="paper"] .pw-side, html[data-theme="paper"] .pw-top, html[data-theme="paper"] .pw-foot { border-color: var(--line); }
html[data-theme="paper"] .pw-side, html[data-theme="paper"] .pw-top { background: #fff; }
html[data-theme="paper"] .pw-body { background: var(--bg-0); }
html[data-theme="paper"] .modal-dialog.pw-dialog .modal-content { background: var(--bg-0); }
html[data-theme="paper"] .pw-nav > li > a { color: var(--text-dim); }
html[data-theme="paper"] .pw-nav > li.active > a, html[data-theme="paper"] .pw-nav > li > a:hover { color: var(--glow); background: var(--glow-faint); }
html[data-theme="paper"] .pw-nav .sub { color: var(--text-mute); }
html[data-theme="paper"] .hud-head { border-bottom: 1px solid var(--line); background: none; }
html[data-theme="paper"] .hud-head h3, html[data-theme="paper"] .pw-grp > h4, html[data-theme="paper"] h4 { color: var(--head); }
html[data-theme="paper"] pre, html[data-theme="paper"] .bw-json, html[data-theme="paper"] .pw-raw { background: #f6f8fb; color: #1f2937; border-color: var(--line); }
html[data-theme="paper"] code { background: #eef2ff; color: #3730a3; }
html[data-theme="paper"] kbd { background: #fff; border-color: var(--line-hi); color: var(--text-dim); }
html[data-theme="paper"] .dropdown-menu > li > a { color: var(--text); }
html[data-theme="paper"] .dropdown-menu > li > a:hover { background: var(--bg-2); color: var(--head); }
html[data-theme="paper"] .modal-backdrop.in { background: #0f172a; opacity: .4; }
html[data-theme="paper"] .bw-dlg-wrap { background: rgba(15,23,42,.45); }
html[data-theme="paper"] .bw-pick-menu a { color: var(--text); border-color: var(--line); }
html[data-theme="paper"] .bw-pick-menu a:hover, html[data-theme="paper"] .bw-pick-menu a.sel { background: var(--glow-faint); color: var(--glow); }
html[data-theme="paper"] .bw-pick-btn.has, html[data-theme="paper"] .bw-toast-body, html[data-theme="paper"] .bw-dlg-body { color: var(--text); }
html[data-theme="paper"] .bars .track { background: var(--bg-2); }
html[data-theme="paper"] .bars .fill, html[data-theme="paper"] .progress-bar, html[data-theme="paper"] .bp-progress i, html[data-theme="paper"] .bp-tasks .bar i { background: var(--glow); box-shadow: none; }
html[data-theme="paper"] .bp-progress, html[data-theme="paper"] .bp-tasks .bar, html[data-theme="paper"] .sk-ico, html[data-theme="paper"] .hc-pic { background: var(--bg-2); }
html[data-theme="paper"] .hc-rows div > b, html[data-theme="paper"] .sk-rows div > b, html[data-theme="paper"] .bp-step .r span, html[data-theme="paper"] .lg-settings td { color: var(--text); }
html[data-theme="paper"] ::-webkit-scrollbar-track { background: var(--bg-0); }
html[data-theme="paper"] ::-webkit-scrollbar-thumb { background: #cbd5e1; border-color: var(--bg-0); }
html[data-theme="paper"] .wait-please, html[data-theme="paper"] .blockUI.blockMsg { color: var(--text); }
html[data-theme="paper"] .feed-row a, html[data-theme="paper"] .quick a { color: var(--text); }
html[data-theme="paper"] .quick a b { color: var(--head); }
html[data-theme="paper"] .seg > button.on { background: var(--glow); color: #fff; }
html[data-theme="paper"] .alert-danger { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
html[data-theme="paper"] .app-nav-items > li > a { color: var(--text-dim); }
html[data-theme="paper"] .app-nav-items > li > a:hover { color: var(--head); background: var(--bg-2); }
html[data-theme="paper"] .app-nav-group-title { color: var(--text-mute); }

/* ================================================================== */
/* SOFT — rounded cards (16px), pill buttons, soft shadows, calm navy   */
/* ================================================================== */
html[data-theme="soft"] {
  --r: 16px; --r-sm: 10px; --panel-shadow: 0 10px 30px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.04) inset; --on-accent: #0b1220;
  --bg-0: #0e1420; --bg-1: #121a29; --bg-2: #192235;
  --panel: #161f31; --panel-solid: #161f31; --panel-hi: #1e293f;
  --sidebar: #121a29; --topbar: rgba(14,20,32,.9); --thead: transparent;
  --line: #243049; --line-hi: #34445f; --glow: #7dd3fc; --glow-rgb: 125,211,252;
  --glow-soft: rgba(125,211,252,.3); --glow-faint: rgba(125,211,252,.10);
  --text: #d7e0ee; --text-dim: #8e9bb3; --text-mute: #5f6c85; --head: #f1f5fb; --accent: #7dd3fc;
  --line-rgb: 36,48,73; --bg-rgb: 14,20,32; --panel-rgb: 22,31,49; --panel2-rgb: 30,41,63; --panel3-rgb: 22,31,49; --panelhi-rgb: 30,41,63;
  --steel-rgb: 70,90,130; --card-rgb: 25,34,53; --card2-rgb: 18,26,41; --card: #192235; --card2: #121a29;
  --aura1-rgb: 56,120,220; --aura2-rgb: 120,70,200; --btn-1: #38bdf8; --btn-2: #a5e3ff; --btn-3: #1b4a6b;
  --font-ui: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --gold: #fbbf24; --info: #a5e3ff;
}
html[data-theme="soft"] body {
  background-image: radial-gradient(900px 500px at 80% -10%, rgba(var(--aura1-rgb),.18), transparent 60%), radial-gradient(700px 400px at -10% 100%, rgba(var(--aura2-rgb),.14), transparent 60%);
}
html[data-theme="soft"] .hud, html[data-theme="soft"] .panel, html[data-theme="soft"] .well, html[data-theme="soft"] .hc, html[data-theme="soft"] .sk { border-color: rgba(255,255,255,.06); background: linear-gradient(180deg, #18223a, #141c2e); }
html[data-theme="soft"] .hc, html[data-theme="soft"] .sk { box-shadow: var(--panel-shadow); }
html[data-theme="soft"] .hc-add, html[data-theme="soft"] .sk-add { background: transparent; box-shadow: none; border-style: dashed; }
html[data-theme="soft"] .btn, html[data-theme="soft"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn), html[data-theme="soft"] .bw-pick-btn, html[data-theme="soft"] input:not([type]), html[data-theme="soft"] input[type=text], html[data-theme="soft"] input[type=number], html[data-theme="soft"] input[type=search], html[data-theme="soft"] input[type=date], html[data-theme="soft"] input[type=password], html[data-theme="soft"] select, html[data-theme="soft"] .form-control { border-radius: 999px !important; }
html[data-theme="soft"] textarea, html[data-theme="soft"] .bw-pick-menu, html[data-theme="soft"] pre { border-radius: var(--r-sm) !important; }
html[data-theme="soft"] .btn, html[data-theme="soft"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn) { background: var(--panel-hi); border: 1px solid transparent; box-shadow: 0 2px 8px rgba(0,0,0,.25); padding-left: 14px; padding-right: 14px; color: var(--text); font-weight: 500; }
html[data-theme="soft"] .btn-xs { padding-left: 10px; padding-right: 10px; }
html[data-theme="soft"] .btn:hover, html[data-theme="soft"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn):hover { background: #26324c; color: var(--head); }
html[data-theme="soft"] .btn-danger { background: rgba(255,75,92,.18); color: #ff8a96; }
html[data-theme="soft"] .btn-danger:hover { background: var(--danger); color: #fff; }
html[data-theme="soft"] input:not([type]), html[data-theme="soft"] input[type=text], html[data-theme="soft"] input[type=number], html[data-theme="soft"] input[type=search], html[data-theme="soft"] input[type=date], html[data-theme="soft"] input[type=password], html[data-theme="soft"] select, html[data-theme="soft"] textarea, html[data-theme="soft"] .form-control, html[data-theme="soft"] .app-nav-filter input, html[data-theme="soft"] .app-search input, html[data-theme="soft"] .bw-pick-btn { background: var(--bg-0) !important; border: 1px solid var(--line); padding-left: 12px; padding-right: 12px; box-shadow: none; }
html[data-theme="soft"] input:focus, html[data-theme="soft"] select:focus { border-color: var(--glow); box-shadow: 0 0 0 3px var(--glow-faint); }
html[data-theme="soft"] .label, html[data-theme="soft"] .badge { border-radius: 999px; padding: 3px 9px; font-weight: 500; }
html[data-theme="soft"] .hud-head { border-bottom: 1px solid rgba(255,255,255,.05); padding-top: 14px; padding-bottom: 12px; }
html[data-theme="soft"] .hud-head h3, html[data-theme="soft"] .pw-grp > h4 { font-weight: 600; }
html[data-theme="soft"] .kpi-value { font-weight: 700; }
html[data-theme="soft"] .table > tbody > tr > td { border-color: rgba(255,255,255,.05); padding-top: 8px; padding-bottom: 8px; }
html[data-theme="soft"] .table > tbody > tr:hover > td { background: rgba(255,255,255,.03); }
html[data-theme="soft"] .app-nav-items a { margin: 2px 10px; padding-top: 7px; padding-bottom: 7px; border-radius: 999px; }
html[data-theme="soft"] .app-nav-items a.active { border-radius: 999px; background: var(--glow-faint); }
html[data-theme="soft"] .app-sidebar { border-right: 1px solid rgba(255,255,255,.05); }
html[data-theme="soft"] .app-brand-mark { border-radius: 10px; box-shadow: 0 6px 16px rgba(56,189,248,.35); }
html[data-theme="soft"] .pw-nav > li > a { border-radius: 999px; margin: 1px 8px; }
html[data-theme="soft"] .pw-nav > li.active > a { background: var(--glow-faint); }
html[data-theme="soft"] .bars .fill, html[data-theme="soft"] .progress-bar, html[data-theme="soft"] .bp-progress i, html[data-theme="soft"] .bp-progress, html[data-theme="soft"] .bars .track, html[data-theme="soft"] .bp-tasks .bar, html[data-theme="soft"] .bp-tasks .bar i { border-radius: 999px; }
html[data-theme="soft"] .bw-toast, html[data-theme="soft"] .bw-dlg { border-color: rgba(255,255,255,.08); box-shadow: 0 20px 60px rgba(0,0,0,.5); }
html[data-theme="soft"] .bw-toast i, html[data-theme="soft"] .bw-dlg-head i { border-radius: 50%; transform: none; }
html[data-theme="soft"] .seg { padding: 3px; }
html[data-theme="soft"] .seg > button { border-radius: 999px; }
html[data-theme="soft"] .seg > button.on { background: var(--glow); color: var(--on-accent); }
html[data-theme="soft"] .quick a { border-radius: var(--r-sm); }
html[data-theme="soft"] .hc-pic, html[data-theme="soft"] .sk-ico { border-radius: 12px; }

/* ================================================================== */
/* GLASS — frosted translucent panels over an aurora, thin light rims  */
/* ================================================================== */
html[data-theme="glass"] {
  --r: 14px; --r-sm: 8px; --panel-shadow: 0 8px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08); --on-accent: #0a0f1c;
  --bg-0: #0a0f1c; --bg-1: #0d1324; --bg-2: #141b31;
  --panel: rgba(255,255,255,.055); --panel-solid: #121a2e; --panel-hi: rgba(255,255,255,.1);
  --sidebar: rgba(10,15,28,.55); --topbar: rgba(10,15,28,.5); --thead: rgba(255,255,255,.03);
  --line: rgba(255,255,255,.12); --line-hi: rgba(255,255,255,.22); --glow: #22d3ee; --glow-rgb: 34,211,238;
  --glow-soft: rgba(34,211,238,.35); --glow-faint: rgba(34,211,238,.12);
  --text: #dde6f3; --text-dim: #93a1b8; --text-mute: #64728a; --head: #ffffff; --accent: #22d3ee;
  --line-rgb: 255,255,255; --bg-rgb: 10,15,28; --panel-rgb: 18,26,46; --panel2-rgb: 30,40,66; --panel3-rgb: 18,26,46; --panelhi-rgb: 30,40,66;
  --steel-rgb: 120,140,180; --card-rgb: 24,33,56; --card2-rgb: 14,20,36; --card: rgba(255,255,255,.06); --card2: rgba(255,255,255,.03);
  --aura1-rgb: 34,211,238; --aura2-rgb: 168,85,247; --btn-1: #22d3ee; --btn-2: #67e8f9; --btn-3: #0e7490;
  --gold: #fcd34d; --info: #67e8f9;
}
html[data-theme="glass"] body {
  background-color: #0a0f1c;
  background-image:
    radial-gradient(700px 500px at 15% 10%, rgba(168,85,247,.32), transparent 60%),
    radial-gradient(800px 500px at 85% 20%, rgba(34,211,238,.26), transparent 60%),
    radial-gradient(700px 600px at 60% 100%, rgba(244,114,182,.18), transparent 60%);
}
html[data-theme="glass"] .hud, html[data-theme="glass"] .panel, html[data-theme="glass"] .well, html[data-theme="glass"] .modal-content, html[data-theme="glass"] .dropdown-menu, html[data-theme="glass"] .popover, html[data-theme="glass"] .hc, html[data-theme="glass"] .sk, html[data-theme="glass"] .bw-pick-menu, html[data-theme="glass"] .bw-toast, html[data-theme="glass"] .bw-dlg, html[data-theme="glass"] .kpi {
  background: var(--panel); background-image: none; border: 1px solid var(--line); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
}
html[data-theme="glass"] .dropdown-menu, html[data-theme="glass"] .bw-pick-menu, html[data-theme="glass"] .bw-dlg, html[data-theme="glass"] .bw-toast, html[data-theme="glass"] .modal-content { background: rgba(18,26,46,.75); }
html[data-theme="glass"] .app-sidebar, html[data-theme="glass"] .app-topbar { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-color: var(--line); }
html[data-theme="glass"] .app-sidebar { border-right: 1px solid var(--line); }
html[data-theme="glass"] .btn, html[data-theme="glass"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn), html[data-theme="glass"] .bw-pick-btn { background: rgba(255,255,255,.08); border: 1px solid var(--line); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); color: var(--head); }
html[data-theme="glass"] .btn:hover, html[data-theme="glass"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn):hover { background: rgba(255,255,255,.14); }
html[data-theme="glass"] .btn-danger { background: rgba(255,75,92,.25); border-color: rgba(255,75,92,.4); }
html[data-theme="glass"] input:not([type]), html[data-theme="glass"] input[type=text], html[data-theme="glass"] input[type=number], html[data-theme="glass"] input[type=search], html[data-theme="glass"] input[type=date], html[data-theme="glass"] input[type=password], html[data-theme="glass"] select, html[data-theme="glass"] textarea, html[data-theme="glass"] .form-control, html[data-theme="glass"] .app-nav-filter input, html[data-theme="glass"] .app-search input { background: rgba(0,0,0,.25) !important; border: 1px solid var(--line); box-shadow: none; }
html[data-theme="glass"] input:focus, html[data-theme="glass"] select:focus { border-color: var(--glow); box-shadow: 0 0 0 3px var(--glow-faint); }
html[data-theme="glass"] .hud-head { background: rgba(255,255,255,.03); border-bottom: 1px solid var(--line); }
html[data-theme="glass"] .hud-head h3, html[data-theme="glass"] .pw-grp > h4 { letter-spacing: .06em; }
html[data-theme="glass"] .table > tbody > tr > td { border-color: rgba(255,255,255,.07); }
html[data-theme="glass"] .table > thead > tr > th { background: transparent; }
html[data-theme="glass"] .app-nav-items a.active { background: rgba(255,255,255,.1); color: var(--head); }
html[data-theme="glass"] .label, html[data-theme="glass"] .badge { border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid var(--line); }
html[data-theme="glass"] .label-primary, html[data-theme="glass"] .label-info { background: var(--glow-faint); color: var(--glow); }
html[data-theme="glass"] .kpi-value { background: linear-gradient(90deg, #fff, var(--glow)); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="glass"] .app-brand-mark { background: linear-gradient(135deg, var(--glow), #a855f7); box-shadow: 0 0 20px rgba(34,211,238,.4); }
html[data-theme="glass"] .hc-pic, html[data-theme="glass"] .sk-ico { background: rgba(0,0,0,.3); }
html[data-theme="glass"] .pw-side, html[data-theme="glass"] .pw-top { background: rgba(255,255,255,.04); }
html[data-theme="glass"] .modal-dialog.pw-dialog .modal-content { background: rgba(10,15,28,.8); }
html[data-theme="glass"] .bars .fill, html[data-theme="glass"] .bp-progress i { background: linear-gradient(90deg, #a855f7, var(--glow)); }
html[data-theme="glass"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-color: transparent; }

/* ================================================================== */
/* TERMINAL — phosphor monospace, 0 radius, dense, double-rule headers  */
/* ================================================================== */
html[data-theme="terminal"] {
  --bg-0: #050805; --bg-1: #070b07; --bg-2: #0b120b;
  --panel: #070b07; --panel-solid: #070b07; --panel-hi: #0f1a0f;
  --line: #1d4a1d; --line-hi: #2f7a2f; --glow: #33ff66; --glow-rgb: 51,255,102;
  --glow-soft: rgba(51,255,102,.35); --glow-faint: rgba(51,255,102,.10);
  --text: #b8f0c4; --text-dim: #6fbf80; --text-mute: #3f7a4c; --head: #e8ffe8; --accent: #33ff66;
  --line-rgb: 29,74,29; --bg-rgb: 5,8,5; --panel-rgb: 7,11,7; --panel2-rgb: 15,26,15; --panel3-rgb: 7,11,7; --panelhi-rgb: 15,26,15;
  --steel-rgb: 40,90,40; --card-rgb: 10,18,10; --card2-rgb: 5,8,5; --card: #0a120a; --card2: #050805;
  --aura1-rgb: 0,0,0; --aura2-rgb: 0,0,0; --btn-1: #1f9a46; --btn-2: #33ff66; --btn-3: #0d3d1b;
  --font-ui: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --font-body: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --gold: #ffe066; --info: #7dffb0; --success: #33ff66; --warning: #ffd34d; --danger: #ff5f5f;
  --cut: 0px;
}
html[data-theme="terminal"] * { clip-path: none !important; border-radius: 0 !important; }
html[data-theme="terminal"] body { background-image: none; font-size: 12.5px; }
html[data-theme="terminal"] body::after { background: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px); }
html[data-theme="terminal"] .hud, html[data-theme="terminal"] .panel, html[data-theme="terminal"] .well, html[data-theme="terminal"] .modal-content, html[data-theme="terminal"] .list-group, html[data-theme="terminal"] .ui-dialog, html[data-theme="terminal"] .dropdown-menu, html[data-theme="terminal"] .popover, html[data-theme="terminal"] .hc, html[data-theme="terminal"] .sk, html[data-theme="terminal"] .kpi, html[data-theme="terminal"] .bw-dlg, html[data-theme="terminal"] .bw-toast, html[data-theme="terminal"] .bw-pick-menu {
  background: var(--panel); background-image: none; border: 1px solid var(--line-hi); box-shadow: none;
}
html[data-theme="terminal"] .hud::before, html[data-theme="terminal"] .panel::before, html[data-theme="terminal"] .well::before, html[data-theme="terminal"] .modal-content::before { display: none; }
html[data-theme="terminal"] .hud-head { border-bottom: 3px double var(--line-hi); background: none; }
html[data-theme="terminal"] .hud-head h3::before, html[data-theme="terminal"] .pw-grp > h4::before, html[data-theme="terminal"] .dash-head h1::before { content: "> "; color: var(--glow); }
html[data-theme="terminal"] .hud-head h3, html[data-theme="terminal"] .pw-grp > h4, html[data-theme="terminal"] .kpi-label, html[data-theme="terminal"] h4, html[data-theme="terminal"] .app-nav-group-title { letter-spacing: .08em; }
html[data-theme="terminal"] .kpi-value { font-weight: 700; text-shadow: 0 0 10px var(--glow-soft); }
html[data-theme="terminal"] .btn, html[data-theme="terminal"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn), html[data-theme="terminal"] .bw-pick-btn { background: transparent; border: 1px solid var(--line-hi); box-shadow: none; color: var(--glow); text-transform: uppercase; letter-spacing: .08em; }
html[data-theme="terminal"] .btn::before { content: "["; margin-right: 4px; color: var(--text-mute); }
html[data-theme="terminal"] .btn::after { content: "]"; margin-left: 4px; color: var(--text-mute); }
html[data-theme="terminal"] .btn:hover, html[data-theme="terminal"] button:not(.btn):not(.app-nav-group-title):not(.app-burger):not(.close):not(.seg > button):not(.bw-pick-btn):not(.app-collapse-btn):hover { background: var(--glow); color: #041006; }
html[data-theme="terminal"] .btn-primary { background: var(--glow-faint); }
html[data-theme="terminal"] .btn-danger { color: var(--danger); border-color: var(--danger); background: transparent; }
html[data-theme="terminal"] .btn-danger:hover { background: var(--danger); color: #000; }
html[data-theme="terminal"] input:not([type]), html[data-theme="terminal"] input[type=text], html[data-theme="terminal"] input[type=number], html[data-theme="terminal"] input[type=search], html[data-theme="terminal"] input[type=date], html[data-theme="terminal"] input[type=password], html[data-theme="terminal"] select, html[data-theme="terminal"] textarea, html[data-theme="terminal"] .form-control, html[data-theme="terminal"] .app-nav-filter input, html[data-theme="terminal"] .app-search input { background: #000 !important; border: 1px solid var(--line-hi); color: var(--glow); box-shadow: none; caret-color: var(--glow); }
html[data-theme="terminal"] input:focus, html[data-theme="terminal"] select:focus { border-color: var(--glow); box-shadow: 0 0 0 1px var(--glow); }
html[data-theme="terminal"] .table > thead > tr > th, html[data-theme="terminal"] table.tablesorter thead tr th { background: none; border-bottom: 3px double var(--line-hi); color: var(--glow); text-transform: uppercase; letter-spacing: .06em; }
html[data-theme="terminal"] .table > tbody > tr > td { border-color: rgba(51,255,102,.12); padding-top: 3px; padding-bottom: 3px; }
html[data-theme="terminal"] .table > tbody > tr:hover > td { background: var(--glow-faint); }
html[data-theme="terminal"] .table-striped > tbody > tr:nth-of-type(odd) { background: transparent; }
html[data-theme="terminal"] .label, html[data-theme="terminal"] .badge { background: transparent; border: 1px solid currentColor; font-weight: 500; }
html[data-theme="terminal"] .label-default { color: var(--text-dim); } html[data-theme="terminal"] .label-primary, html[data-theme="terminal"] .label-info { color: var(--glow); } html[data-theme="terminal"] .label-success { color: var(--success); } html[data-theme="terminal"] .label-warning { color: var(--warning); } html[data-theme="terminal"] .label-danger { color: var(--danger); }
html[data-theme="terminal"] .app-sidebar { background: #040704; border-right: 1px solid var(--line-hi); box-shadow: none; }
html[data-theme="terminal"] .app-brand { background: none; }
html[data-theme="terminal"] .app-brand-mark { background: var(--glow); color: #041006; box-shadow: none; }
html[data-theme="terminal"] .app-nav-items a.active { background: var(--glow); color: #041006; box-shadow: none; }
html[data-theme="terminal"] .app-nav-items a.active::before { display: none; }
html[data-theme="terminal"] .app-nav-items a.active::after { content: " _"; animation: termBlink 1s steps(2) infinite; }
@keyframes termBlink { to { visibility: hidden; } }
html[data-theme="terminal"] .app-topbar { background: #040704; backdrop-filter: none; border-bottom: 1px solid var(--line-hi); }
html[data-theme="terminal"] .app-avatar { background: var(--glow); color: #041006; box-shadow: none; }
html[data-theme="terminal"] .app-envbar { box-shadow: none; }
html[data-theme="terminal"] .kv > div { border-color: rgba(51,255,102,.12); }
html[data-theme="terminal"] .kv > div:nth-child(odd)::before { content: "$ "; color: var(--text-mute); }
html[data-theme="terminal"] .bars .fill, html[data-theme="terminal"] .progress-bar, html[data-theme="terminal"] .bp-progress i, html[data-theme="terminal"] .bp-tasks .bar i { background: var(--glow); box-shadow: none; background-image: repeating-linear-gradient(90deg, transparent 0 6px, rgba(0,0,0,.5) 6px 8px); }
html[data-theme="terminal"] .bw-toast i, html[data-theme="terminal"] .bw-dlg-head i { transform: none; border-width: 0 0 0 6px; width: 0; }
html[data-theme="terminal"] .bw-dlg::before { display: none; }
html[data-theme="terminal"] .hc-pic img, html[data-theme="terminal"] .sk-ico img, html[data-theme="terminal"] .bw-pick-menu img, html[data-theme="terminal"] .bw-pick-btn img { filter: grayscale(1) sepia(1) hue-rotate(70deg) saturate(2.4) contrast(1.1); }
html[data-theme="terminal"] .hc-pic, html[data-theme="terminal"] .sk-ico { background: #000; border-color: var(--line-hi); }
html[data-theme="terminal"] .pw-side, html[data-theme="terminal"] .pw-top { background: #040704; }
html[data-theme="terminal"] .pw-nav > li.active > a { background: var(--glow); color: #041006; }
html[data-theme="terminal"] .pw-nav > li.active > a::before { content: "> "; }
html[data-theme="terminal"] ::selection { background: var(--glow); color: #000; }
html[data-theme="terminal"] ::-webkit-scrollbar-thumb { background: var(--line-hi); border-color: #000; }
html[data-theme="terminal"] .seg > button.on { background: var(--glow); color: #041006; }
html[data-theme="terminal"] .quick a:hover { background: var(--glow-faint); }

html[data-theme="paper"] #pwTitle, html[data-theme="paper"] .pw-top h3, html[data-theme="paper"] .dash-head h1, html[data-theme="paper"] .app-title { color: var(--head); }
html[data-theme="paper"] .pw-nav > li.active > a, html[data-theme="paper"] .pw-nav li.active a { color: var(--glow); background: var(--glow-faint); box-shadow: none; }
html[data-theme="paper"] .app-nav-group.has-active > .app-nav-group-title, html[data-theme="paper"] .app-nav-group-title:hover { color: var(--head); background: none; }
html[data-theme="paper"] .app-nav-items a:hover { background: var(--bg-2); color: var(--head); }
html[data-theme="paper"] .app-nav-items a.active { color: var(--glow); }
html[data-theme="paper"] .pw-ava { color: #fff; }