/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
   ADMIN · SLATE (v51) — the operator console in the platform's own look (theme-slate.css on the trade page): a flat slate page,
   flat #1c2632 cards with the desks' blue line, the trading header's bar, tabs and pills, the platform's type (Segoe UI; numbers in
   the desks' Rajdhani stack — Orbitron is gone: its squared, slashed 0 read as a broken box on every stat) and the photo's colours.
   Loaded LAST on admin.html, so it outranks the page's own Operator-Console glass (whose rules carry !important).
   The ad previews keep their own look (ads.css) — only the studio around them is re-themed.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
:root{
  --sl-bg:#151d28; --sl-bar:#192331; --sl-panel:#1c2632; --sl-panel-2:#1a2330; --sl-well:#151d28; --sl-card-hi:#1c2c3c;
  --sl-line:rgba(148,170,204,.13); --sl-line-2:rgba(148,170,204,.22); --sl-bl:#263c58; --sl-bl-2:#20334c; --sl-bl-hi:#33568a;
  --sl-text:#e8eef7; --sl-soft:#c3cfdf; --sl-muted:#8d9db4; --sl-dim:#6f7f94;
  --sl-blue:#4f86f2; --sl-cyan:#3fc6de; --sl-green:#2fc195; --sl-rose:#f04865; --sl-amber:#ffb340;
  /* the platform's type: Segoe UI everywhere, the desks' Rajdhani stack for big numbers only */
  --font-body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-num:"Rajdhani","Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
  /* the page's own accent tokens follow */
  --gm-red:#4f86f2; --gm-amber:#7cb3ff; --gm-line:rgba(148,170,204,.13);
  --violet:#4f86f2; --violet-2:#7cb3ff; --violet-3:#336fed; --err:#f04865; --ok:#2fc195; --warn:#ffb340;
}
html, html body{ background:#151d28 !important; }
html body{ font-family:var(--font-body); color:var(--sl-text); }
html body .sky{ display:none !important; }
html body code{ font-family:var(--font-mono); }

/* ── 1 · the bar: the trading header's row — the blue logo tile, the two-tone name, tab cells, the rose Sign out pill ── */
html body .nav{ position:sticky; top:0; z-index:60; background:#192331 !important; border-bottom:1px solid var(--sl-line-2) !important;
  box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html body .nav .nav-inner{ max-width:1580px; min-height:60px; padding:0 20px; }
html body .nav .brand-tag{ font:700 10px/1 var(--font-body) !important; letter-spacing:.12em; text-transform:uppercase; padding:5px 8px; border-radius:6px;
  color:#d6e4fb !important; background:#243d68 !important; border:1px solid var(--sl-bl-hi) !important; -webkit-text-fill-color:currentColor; }
html body .nav .nav-actions{ gap:4px; align-items:center; }
html body .nav .nav-actions .nav-link{ display:inline-flex; align-items:center; height:36px; padding:0 15px; border-radius:6px; opacity:1;
  font:600 14px/1 var(--font-body); color:#d4ddea; text-decoration:none;
  background:linear-gradient(180deg, rgba(48,84,140,.42), rgba(38,70,122,.42)); box-shadow:inset 0 -2px 0 rgba(84,170,206,.22), inset 0 1px 0 rgba(255,255,255,.035); }
html body .nav .nav-actions .nav-link:hover{ color:#fff; background:linear-gradient(180deg, rgba(58,98,160,.52), rgba(46,82,140,.52)); }
html body .nav .nav-actions .nav-link.active{ color:#fff; background:linear-gradient(180deg, rgba(70,110,184,.62), rgba(56,94,166,.62));
  box-shadow:inset 0 -2px 0 #d2609c, inset 0 1px 0 rgba(255,255,255,.08); }
html body .nav .nav-actions .nav-link::before{ background:currentColor; }
html body .nav .nav-actions .nav-link.active::before{ background:#8be6f7; }
html body .nav #logout-top{ display:inline-flex; align-items:center; height:38px; margin-left:8px; padding:0 20px; border-radius:999px;
  font:700 14px/1 var(--font-body); color:#fff !important; background:linear-gradient(180deg, #f05a72 0%, #e5435e 100%) !important;
  border:1px solid rgba(255,170,184,.35) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.16), 0 6px 16px -8px rgba(232,77,101,.8) !important; }
html body .nav #logout-top:hover{ filter:brightness(1.07); }
html body .nav :is(.nav-link, #logout-top):focus-visible{ outline:2px solid #93c5fd; outline-offset:2px; }

/* ── 2 · the stage ── */
html body #console-view.admin-shell{ max-width:1580px !important; padding:20px 20px 40px !important; }
html body .gm-admin{ gap:20px; }

/* the sidebar: one flat card with the blue line; the open section is the trading header's lit cell */
html body .gm-side{ top:76px; background:#1c2632 !important; border:1px solid var(--sl-bl) !important; border-radius:10px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important; padding:14px 12px; gap:14px; }
html body .gm-brand{ border-bottom-color:var(--sl-line) !important; padding:4px 6px 13px; }
html body .gm-brand-mark{ background:none !important; box-shadow:none !important; border-radius:10px; }
html body .gm-brand-txt b{ font:800 16px/1.1 "Outfit", var(--font-body) !important; letter-spacing:-.01em; color:#fff; }
html body .gm-brand-txt small{ font:600 9.5px/1 var(--font-body) !important; letter-spacing:.16em; color:var(--sl-muted); }
html body .gm-nav-label{ font:700 10px/1 var(--font-body) !important; letter-spacing:.16em; color:#6f7f94; padding:2px 10px 4px; }
html body .gm-side .gm-nav-item{ font:600 14px/1 var(--font-body) !important; color:#c3cfdf !important; border-radius:6px !important; padding:10px 12px !important; }
html body .gm-side .gm-nav-item:hover{ background:rgba(148,170,204,.07) !important; color:#fff !important; }
html body .gm-side .gm-nav-item.active{ color:#fff !important; background:linear-gradient(180deg, rgba(70,110,184,.62), rgba(56,94,166,.62)) !important;
  border-color:transparent !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; }
html body .gm-side .gm-nav-item.active::before{ left:0; top:18%; bottom:18%; width:3px; background:#d2609c; box-shadow:none; }
html body .gm-side .gm-nav-item .count{ font:700 10.5px/1 var(--font-body) !important; padding:3px 7px; color:#c3cfdf; background:#151d28; border:1px solid var(--sl-line-2); }
html body .gm-side .gm-nav-item.active .count{ background:rgba(0,0,0,.25); color:#fff; border-color:transparent; }
html body .gm-side .gm-ni-danger.active{ background:linear-gradient(180deg, rgba(240,72,101,.32), rgba(229,67,94,.24)) !important; }
html body .gm-side .gm-ni-danger.active::before{ background:#f04865; }
html body .gm-side-foot{ border-top-color:var(--sl-line) !important; }
html body .gm-side-me{ background:#151d28 !important; border-color:var(--sl-line) !important; border-radius:8px !important; }
html body .gm-me-dot{ background:#2fc195; box-shadow:0 0 0 3px rgba(47,193,149,.16); }
html body .gm-me-tx b{ font:600 12px/1.25 var(--font-body); color:#eaf1ff; }
html body .gm-me-tx small{ font:600 10px/1.2 var(--font-body); color:var(--sl-muted); }
html body .gm-side-link{ font:600 13px/1 var(--font-body) !important; color:#eaf1ff; border-radius:999px !important; padding:10px 12px !important;
  background:#1a2631 !important; border:1px solid var(--sl-line-2) !important; transform:none !important; }
html body .gm-side-link:hover{ border-color:var(--sl-blue) !important; }

/* the section header: the eyebrow, the title in the platform's type, search and the cloud pill */
html body .gm-topbar{ border-bottom-color:var(--sl-line) !important; background:transparent !important; padding:2px 2px 14px; }
html body .gm-topbar-l .eyebrow{ font:700 11px/1 var(--font-body) !important; letter-spacing:.16em; color:#7cb3ff !important; }
html body .gm-topbar-l h1{ font:800 27px/1.1 "Outfit", var(--font-body) !important; letter-spacing:-.01em; color:#fff !important;
  background:none !important; -webkit-text-fill-color:currentColor !important; filter:none !important; }
html body .gm-cmdk-trigger{ font:500 13px/1 var(--font-body) !important; color:#9aa9bd; background:#1c2632 !important; border:1px solid var(--sl-line-2) !important; border-radius:8px !important; }
html body .gm-cmdk-trigger:hover{ color:#e8eef7; border-color:var(--sl-blue) !important; }
html body .gm-cmdk-trigger kbd, html body .gm-cmdk kbd{ font:600 10.5px/1 var(--font-body) !important; color:#c3cfdf; background:#151d28 !important; border:1px solid var(--sl-line-2) !important; }
html body .gm-sync-pill{ font:700 12px/1 var(--font-body) !important; letter-spacing:.02em; color:#bfeedd !important; background:rgba(47,193,149,.1) !important; border-color:rgba(47,193,149,.35) !important; }
html body .gm-sync-dot{ background:#2fc195; box-shadow:0 0 0 3px rgba(47,193,149,.16); }

/* ── 3 · the overview tiles: flat cards, small-caps names, the numbers in the desks' figure type ── */
html body .stats-row{ gap:12px !important; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)) !important; }
html body .stats-row > div, html body .stats-row .stat{ background:#1c2632 !important; border:1px solid var(--sl-bl) !important; border-radius:10px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important; padding:15px 16px !important; }
html body .stats-row > div::after, html body .stat.stat-tiers::after{ display:none !important; content:none !important; }
html body .stats-row .stat .k{ font:700 10.5px/1.2 var(--font-body) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--sl-muted) !important; }
html body .stats-row .stat .v{ margin-top:8px; font:700 32px/1 var(--font-num) !important; letter-spacing:0 !important; color:#fff !important; font-variant-numeric:tabular-nums; }
html body .stats-row .stat .meta{ margin-top:7px; font:500 12.5px/1.4 var(--font-body) !important; color:#9aa9bd !important; }
/* the last sign-in: the email on one line (the whole of it in the tooltip), never broken mid-word */
html body .stats-row .stat .v.v-email{ font:600 15px/1.3 var(--font-body) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px; }
/* access plans: the five plans, each with its count */
html body .stats-row .stat .plan-mix{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:4px 10px; margin-top:9px; }
html body .stats-row .stat .plan-mix span{ display:flex; align-items:baseline; gap:6px; min-width:0; font:600 12px/1.25 var(--font-body); color:#b8c5d8; white-space:nowrap; }
html body .stats-row .stat .plan-mix b{ font:700 18px/1 var(--font-num); color:#fff; min-width:14px; }
html body .stats-row .stat .plan-mix [data-plan="premium"] b{ color:#8ab0ff; } html body .stats-row .stat .plan-mix [data-plan="lifetime"] b{ color:#5fe0b8; }
html body .stats-row .stat .plan-mix [data-plan="bulk"] b{ color:#c4b5fd; } html body .stats-row .stat .plan-mix [data-plan="gmind"] b{ color:#7dd3fc; }

/* ── 4 · cards, headings, words ── */
html body #console-view .panel, html body .gm-main .panel, html body #setup-view .panel{ background:#1c2632 !important; border:1px solid var(--sl-bl) !important;
  border-radius:10px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important; padding:20px !important; }
html body #console-view .panel:hover{ border-color:var(--sl-bl) !important; }
html body .gm-main .sec-head{ border-bottom-color:var(--sl-line) !important; padding-bottom:12px; margin-bottom:16px; }
html body .gm-main .sec-head h2, html body #console-view .panel h2{ font:700 18px/1.25 var(--font-body) !important; letter-spacing:0 !important; color:#f2f6fb !important;
  background:none !important; -webkit-text-fill-color:currentColor !important; }
html body .gm-main .sec-head .desc, html body #console-view .desc{ font-size:13px; line-height:1.5; color:#9aa9bd !important; }
html body #console-view :is(.dim, .field-help, .plan-desc){ color:#8d9db4 !important; }
html body #console-view .em{ color:#7cb3ff !important; -webkit-text-fill-color:currentColor; }
html body #console-view :is(h3, .ctl-h, .acx-head, .theme-group-h){ font-family:var(--font-body) !important; color:#9fb4d8 !important; }
html body :is(.eyebrow, .h-display){ font-family:var(--font-body) !important; }
html body #setup-view .h-display{ font:800 38px/1.1 "Outfit", var(--font-body) !important; color:#fff !important; background:none !important; -webkit-text-fill-color:currentColor !important; }

/* ── 5 · fields: slate wells ── */
html body #console-view .field label, html body #setup-view .field label{ font:600 13px/1.3 var(--font-body) !important; color:#c3cfdf !important; letter-spacing:0; }
html body :is(#console-view, #setup-view, .modal) :is(.input, .textarea, select.input, textarea){ background:#151d28 !important; border:1px solid rgba(148,170,204,.22) !important;
  border-radius:8px !important; color:#e8eef7 !important; font-family:var(--font-body) !important; box-shadow:none !important; }
html body :is(#console-view, #setup-view, .modal) :is(.input, .textarea, textarea, select)::placeholder{ color:#6f7f94 !important; }
html body :is(#console-view, #setup-view, .modal) :is(.input, .textarea, textarea, select):focus{ outline:none !important; border-color:var(--sl-blue) !important; box-shadow:0 0 0 3px rgba(79,134,242,.2) !important; }
html body :is(#console-view, .modal) select option{ background:#1c2632; color:#e8eef7; }
html body #console-view .pw-meter{ background:#151d28 !important; border-radius:999px; }
html body #user-search, html body #console-view .acx-q, html body #console-view .cc-video-input{ background:#151d28 !important; border:1px solid rgba(148,170,204,.22) !important; color:#e8eef7 !important; border-radius:8px !important; }
html body #user-search{ border-radius:999px !important; }
html body :is(#user-search, .acx-q, .cc-video-input):focus{ border-color:var(--sl-blue) !important; box-shadow:0 0 0 3px rgba(79,134,242,.2) !important; }
/* the switches (how-to cards) */
html body .cc-toggle input[type="checkbox"]{ background:#151d28 !important; border-color:rgba(148,170,204,.3) !important; }
html body .cc-toggle input[type="checkbox"]:checked{ background:#336fed !important; border-color:#4f86f2 !important; }

/* ── 6 · buttons: the header's blue and rose pills; quiet = a slate pill ── */
html body :is(#console-view, #setup-view, .modal) .btn-primary{ font:700 14px/1 var(--font-body) !important; letter-spacing:.01em; color:#fff !important; border-radius:999px !important;
  background:linear-gradient(180deg, #6e9bec 0%, #4b7ddc 100%) !important; border:1px solid rgba(176,204,255,.4) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.16), 0 6px 16px -8px rgba(75,125,220,.85) !important; transform:none !important; }
html body :is(#console-view, #setup-view, .modal) .btn-primary:hover{ filter:brightness(1.07); }
html body :is(#console-view, .modal) :is(.btn-quiet, .btn-ghost){ font:600 13.5px/1 var(--font-body) !important; color:#dfe7f2 !important; border-radius:999px !important;
  background:#1a2631 !important; border:1px solid rgba(148,170,204,.24) !important; box-shadow:none !important; transform:none !important; }
html body :is(#console-view, .modal) :is(.btn-quiet, .btn-ghost):hover{ border-color:var(--sl-blue) !important; color:#fff !important; }
html body :is(#console-view, .modal) .btn-danger{ font:700 14px/1 var(--font-body) !important; color:#fff !important; border-radius:999px !important;
  background:linear-gradient(180deg, #f05a72 0%, #e5435e 100%) !important; border:1px solid rgba(255,170,184,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.16), 0 6px 16px -8px rgba(232,77,101,.8) !important; }
html body :is(#console-view, .modal) :is(.btn-primary, .btn-quiet, .btn-ghost, .btn-danger):focus-visible{ outline:2px solid #93c5fd; outline-offset:2px; }
html body #console-view :is(.item .x, .acx-x){ border-radius:50%; background:#151d28 !important; border:1px solid rgba(240,72,101,.4) !important; color:#ff9fb0 !important; }
/* a row's own actions (+5d · Contacted · Approve · Reset …): slate pills; Reject / Remove rose */
html body #console-view .acts button{ font:600 12.5px/1 var(--font-body) !important; padding:7px 12px; border-radius:999px !important; color:#dfe7f2 !important;
  background:#1a2631 !important; border:1px solid rgba(148,170,204,.24) !important; }
html body #console-view .acts button:hover{ color:#fff !important; border-color:var(--sl-blue) !important; background:#1f2f45 !important; }
html body #console-view .acts button.x{ color:#ffb4c1 !important; border-color:rgba(240,72,101,.45) !important; }
html body #console-view .acts button.x:hover{ background:rgba(240,72,101,.14) !important; border-color:#f04865 !important; }

/* chips */
html body #console-view .chip{ font:700 11px/1 var(--font-body) !important; letter-spacing:.06em; text-transform:uppercase; border-radius:999px !important;
  background:#151d28 !important; border:1px solid var(--sl-line-2) !important; color:#c3cfdf !important; }
html body #console-view .chip.chip-ok{ color:#7ee2c2 !important; border-color:rgba(47,193,149,.42) !important; background:rgba(47,193,149,.1) !important; }
html body #console-view .chip.chip-err{ color:#ff9fb0 !important; border-color:rgba(240,72,101,.45) !important; background:rgba(240,72,101,.1) !important; }
html body #console-view .chip.chip-info{ color:#a9c8ff !important; border-color:rgba(79,134,242,.45) !important; background:rgba(79,134,242,.1) !important; }
html body #console-view .chip .chip-dot{ background:currentColor !important; box-shadow:none !important; }
/* plan chips and the users filter */
html body #console-view .tf-btn{ font:600 12.5px/1 var(--font-body); color:#c3cfdf; background:#1a2631; border:1px solid var(--sl-line-2); }
html body #console-view .tf-btn:hover{ color:#fff; border-color:var(--sl-blue); }
html body #console-view .tf-btn.is-on{ color:#fff !important; background:linear-gradient(180deg, rgba(70,110,184,.62), rgba(56,94,166,.62)) !important; border-color:transparent !important; box-shadow:none !important; }
html body #console-view .plan-chip{ font-family:var(--font-body); box-shadow:none !important; }
html body #console-view .acts select.plan-sel{ background:#151d28; border-color:rgba(148,170,204,.3); border-radius:8px; }

/* ── 7 · tables: small-caps heads on the blue line, rows on hairlines, the Transactions hover ── */
html body #console-view .users-tbl th{ font:700 10.5px/1.2 var(--font-body) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--sl-muted) !important;
  border-bottom:1px solid var(--sl-bl) !important; background:transparent !important; }
html body #console-view .users-tbl td{ font-size:14px; border-bottom:1px solid rgba(148,170,204,.1) !important; }
html body #console-view .users-tbl tbody tr:hover{ background:#233858 !important; }
html body #console-view .users-tbl tbody tr:has(> td[colspan]):hover{ background:transparent !important; }
html body #console-view .users-tbl .avatar{ background:#243d68 !important; color:#fff !important; box-shadow:none !important; }
html body #console-view .users-tbl .user-meta{ color:#8d9db4 !important; }

/* ── 8 · the Controls tab ── */
html body #console-view .acx-g{ background:#1a2330 !important; border:1px solid var(--sl-bl) !important; border-radius:10px !important; }
html body #console-view .acx-g > summary b{ font:700 14.5px/1.3 var(--font-body); }
html body #console-view .acx-row{ border-top-color:var(--sl-line) !important; }
html body #console-view .acx-row.is-r{ background:linear-gradient(90deg, rgba(255,179,64,.07), transparent 60%) !important; }
html body #console-view .acx-filter{ border-color:var(--sl-line-2) !important; border-radius:999px !important; }
html body #console-view .acx-filter button{ font-family:var(--font-body); color:#c3cfdf; }
html body #console-view .acx-filter button.on{ color:#fff; background:linear-gradient(180deg, rgba(70,110,184,.62), rgba(56,94,166,.62)) !important; }
html body #console-view .acx-chip{ font-family:var(--font-body); background:#151d28 !important; border-color:var(--sl-line-2) !important; color:#9fb0cf; }
html body #console-view .acx-chip:hover{ border-color:var(--sl-blue) !important; color:#fff; }
html body #console-view .acx-chip.acx-all.on{ background:rgba(79,134,242,.18) !important; border-color:rgba(124,179,255,.65) !important; color:#fff; }
html body #console-view .acx-chip.acx-adm.on{ background:rgba(255,179,64,.14) !important; border-color:rgba(255,179,64,.7) !important; color:#ffe2b8; }
html body #console-view .acx-chip.acx-p-regular.on{ background:rgba(160,174,200,.18) !important; border-color:rgba(190,200,222,.6) !important; color:#fff; }
html body #console-view .acx-chip.acx-p-premium.on{ background:rgba(74,130,255,.2) !important; border-color:rgba(110,155,255,.7) !important; color:#fff; }
html body #console-view .acx-chip.acx-p-lifetime.on{ background:rgba(47,193,149,.18) !important; border-color:rgba(47,193,149,.65) !important; color:#fff; }
html body #console-view .acx-chip.acx-p-bulk.on{ background:rgba(167,139,250,.2) !important; border-color:rgba(167,139,250,.6) !important; color:#fff; }
html body #console-view .acx-chip.acx-p-gmind.on{ background:rgba(56,189,248,.18) !important; border-color:rgba(56,189,248,.6) !important; color:#fff; }
html body #console-view .acx-preview{ background:#1a2330 !important; border:1px solid var(--sl-bl) !important; border-radius:10px !important; }
html body #console-view .acx-preview > span{ color:#c3cfdf !important; }
html body #console-view .acx-preview button{ font-family:var(--font-body); background:#151d28 !important; border:1px solid var(--sl-line-2) !important; color:#e8eef7 !important; }
html body #console-view .acx-preview button:hover{ border-color:var(--sl-blue) !important; }
html body #console-view .acx-invmeta{ background:#151d28 !important; border-color:var(--sl-line-2) !important; border-radius:8px !important; }
html body #console-view :is(.control-card-rich, .feature-card, .ao-item){ background:#1a2330 !important; border:1px solid var(--sl-line-2) !important; border-radius:10px !important; }
html body #console-view .feature-card.is-off{ border-color:rgba(240,72,101,.45) !important; background:rgba(240,72,101,.06) !important; }

/* ── 9 · Site content · Ad studio · Cloud sync · Audit · Deriv · Danger ── */
html body #console-view .item{ background:#1a2330 !important; border:1px solid var(--sl-line-2) !important; border-radius:10px !important; box-shadow:none !important; }
html body #console-view .item .ic{ background:#151d28 !important; border:1px solid var(--sl-line-2) !important; color:#7cb3ff !important; border-radius:8px !important; }
html body #console-view .item-stale{ display:flex; gap:8px; align-items:flex-start; margin:8px 0 0; padding:8px 10px; border-radius:8px; font:600 12.5px/1.45 var(--font-body);
  color:#ffd9a0; background:rgba(255,179,64,.08); border:1px solid rgba(255,179,64,.35); }
html body #console-view .adm-group, html body #console-view .adm-list .adm-item{ background:#1a2330 !important; border:1px solid var(--sl-line-2) !important; border-radius:10px !important; box-shadow:none !important; }
html body #console-view .adm-ptab{ font-family:var(--font-body); background:#151d28 !important; border:1px solid var(--sl-line-2) !important; color:#c3cfdf !important; }
html body #console-view .adm-ptab.on, html body #console-view .adm-ptab.is-on{ color:#fff !important; background:linear-gradient(180deg, rgba(70,110,184,.62), rgba(56,94,166,.62)) !important; border-color:transparent !important; }
html body #console-view .adm-frame{ background:#121924 !important; border:1px solid var(--sl-line-2) !important; border-radius:12px !important; }
html body #console-view .storage-tile{ background:#1a2330 !important; border:1px solid var(--sl-line-2) !important; border-radius:10px !important; box-shadow:none !important; }
html body #console-view .storage-tile-k{ font:700 10.5px/1.2 var(--font-body) !important; letter-spacing:.14em; color:var(--sl-muted) !important; }
html body #console-view .storage-tile-v{ font:700 19px/1.25 var(--font-body) !important; color:#fff !important; overflow-wrap:normal; word-break:normal; letter-spacing:0 !important; }
/* the admin's email breaks only after its "@" (the page puts a <wbr> there); the last sync stays on one line */
html body #console-view .storage-tile-v.is-email{ font-size:14.5px !important; }
html body #console-view #storage-last-sync{ font-size:16px !important; white-space:nowrap; }
html body #console-view .storage-tile-meta{ color:#8d9db4 !important; }
html body #console-view .audit-log{ background:#151d28 !important; border:1px solid var(--sl-line-2) !important; border-radius:8px !important; font:12.5px/1.6 var(--font-mono) !important; color:#c3cfdf; }
html body #console-view .audit-log .t{ color:#7cb3ff; } html body #console-view .audit-log .ev{ color:#7ee2c2; font-weight:700; }
html body #console-view :is(.derivapp-panel){ background:#1c2632 !important; }
html body #console-view .derivapp-badge{ font:700 10.5px/1 var(--font-body) !important; letter-spacing:.1em; color:#a9c8ff !important; background:rgba(79,134,242,.1) !important; border:1px solid rgba(79,134,242,.45) !important; }
html body #console-view .derivapp-redirect, html body #console-view .derivapp-steps code{ font-family:var(--font-mono) !important; background:#151d28 !important; border:1px solid var(--sl-line-2) !important; border-radius:6px; color:#e8eef7; }
html body #console-view .derivapp-status{ background:#151d28 !important; border-color:var(--sl-line-2) !important; }
html body #console-view .danger-zone, html body #tab-danger .panel{ border-color:rgba(240,72,101,.38) !important; }

/* alerts, toasts, modals, the command palette */
html body :is(#console-view, #setup-view) .alert{ border-radius:8px !important; font-family:var(--font-body); background:#1a2330 !important; border:1px solid var(--sl-line-2) !important; }
html body :is(#console-view, #setup-view) .alert.alert-warn{ background:rgba(255,179,64,.08) !important; border-color:rgba(255,179,64,.38) !important; color:#ffe2b8; }
html body :is(#console-view, #setup-view) .alert.alert-error{ background:rgba(240,72,101,.08) !important; border-color:rgba(240,72,101,.42) !important; color:#ffc2cc; }
html body :is(#console-view, #setup-view) .alert.alert-success{ background:rgba(47,193,149,.08) !important; border-color:rgba(47,193,149,.4) !important; color:#bfeedd; }
html body :is(#console-view, #setup-view) .alert.alert-info{ background:rgba(79,134,242,.08) !important; border-color:rgba(79,134,242,.4) !important; color:#cfe0ff; }
html body .toast{ background:#1c2632 !important; border:1px solid var(--sl-bl) !important; color:#e8eef7 !important; font-family:var(--font-body) !important; border-radius:10px !important; }
html body .modal{ background:#1c2632 !important; border:1px solid var(--sl-bl) !important; border-radius:10px !important; }
html body .gm-cmdk-panel{ background:#1c2632 !important; border:1px solid var(--sl-bl) !important; border-radius:12px !important; }
html body .gm-cmdk-search input{ font:600 16px/1.2 var(--font-body) !important; }
html body .gm-cmdk-item .ci-tx b{ font:600 14px/1.2 var(--font-body) !important; }
html body .gm-cmdk-item .ci-ic{ background:#151d28 !important; border-color:var(--sl-line-2) !important; }
html body .gm-cmdk-item.active{ background:linear-gradient(180deg, rgba(70,110,184,.42), rgba(56,94,166,.42)) !important; border-color:transparent !important; }
html body .gm-cmdk-item.active .ci-go{ color:#8be6f7 !important; }

/* the boot veil and the footer */
html body .skilli-boot-veil{ background:#151d28 !important; color:#c3cfdf; font-family:var(--font-body); }
html body .skilli-boot-veil .veil-ring{ border-color:rgba(79,134,242,.2); border-top-color:#4f86f2; }
html body .foot{ background:transparent !important; border-top:1px solid var(--sl-line) !important; }
html body .foot :is(a, span, div){ font-family:var(--font-body); }

/* ── 10 · narrower screens ── */
@media (max-width:900px){
  html body .gm-side{ top:auto; }
  html body .gm-side .gm-nav-item{ background:#151d28 !important; border:1px solid var(--sl-line-2) !important; border-radius:999px !important; padding:9px 13px !important; }
  html body .gm-side .gm-nav-item.active{ border-color:transparent !important; }
  html body .gm-side .gm-nav-item.active::before{ display:none; }
  html body .stats-row{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width:640px){
  html body .nav .nav-inner{ padding:0 12px; min-height:54px; }
  /* a phone keeps the logo and Sign out (as home.css always had it); the sidebar and the footer carry Home and Trading */
  html body .nav .nav-actions .nav-link{ display:none !important; }
  html body .gm-topbar-l h1{ font-size:23px !important; }
  html body #console-view .panel{ padding:16px !important; }
  /* a table with rows becomes a list of cards — each cell names itself; an empty table drops its header so the message fits */
  html body #console-view .users-tbl:has(td[colspan]) thead{ display:none; }
  html body #console-view .users-tbl:not(:has(td[colspan])) :is(thead){ display:none; }
  html body #console-view .users-tbl:not(:has(td[colspan])), html body #console-view .users-tbl:not(:has(td[colspan])) :is(tbody, tr, td){ display:block; width:100%; }
  html body #console-view .users-tbl:not(:has(td[colspan])) tr{ margin:0 0 10px; padding:10px 12px; border:1px solid var(--sl-line-2); border-radius:10px; background:#1a2330; }
  html body #console-view .users-tbl:not(:has(td[colspan])) td{ border:0 !important; padding:5px 0 !important; text-align:left !important; }
  html body #console-view .users-tbl:not(:has(td[colspan])) td[data-label]::before{ content:attr(data-label); display:block; margin:0 0 3px;
    font:700 10px/1.2 var(--font-body); letter-spacing:.14em; text-transform:uppercase; color:var(--sl-muted); }
  html body #console-view .users-tbl:not(:has(td[colspan])) .acts{ justify-content:flex-start !important; flex-wrap:wrap; }
}
@media (max-width:420px){
  html body .stats-row .stat .plan-mix{ grid-template-columns:minmax(0,1fr); }
}