.quantum-command {
  --qc-canvas:#e5ebf0;
  --qc-canvas-deep:#d6e0e7;
  --qc-surface:rgba(255,255,255,.82);
  --qc-surface-strong:rgba(255,255,255,.94);
  --qc-line:rgba(21,36,48,.09);
  --qc-line-strong:rgba(21,36,48,.18);
  --qc-ink:#14232f;
  --qc-ink-soft:#5a6e7b;
  --qc-ink-faint:#7f909b;
  --qc-accent:#0b7a70;
  --qc-accent-2:#2f63ff;
  --qc-danger:#d55346;
  --qc-warn:#d6912f;
  --qc-ok:#1f9362;
  --qc-shadow-xl:0 28px 80px rgba(15,23,42,.12);
  --qc-shadow-lg:0 18px 46px rgba(15,23,42,.1);
  --qc-shadow-md:0 12px 28px rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top left, rgba(47,99,255,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(11,122,112,.12), transparent 28%),
    linear-gradient(180deg, var(--qc-canvas) 0%, var(--qc-canvas-deep) 100%);
  color:var(--qc-ink);
  font-family:'IBM Plex Sans', sans-serif;
}

html[data-theme="dark"] .quantum-command {
  --qc-canvas:#0d1620;
  --qc-canvas-deep:#101c27;
  --qc-surface:rgba(19,31,42,.88);
  --qc-surface-strong:rgba(18,29,39,.96);
  --qc-line:rgba(220,228,236,.09);
  --qc-line-strong:rgba(220,228,236,.16);
  --qc-ink:#edf2f7;
  --qc-ink-soft:#b6c2cc;
  --qc-ink-faint:#8897a3;
  --qc-accent:#4bd5c4;
  --qc-accent-2:#86a9ff;
  --qc-danger:#ff9287;
  --qc-warn:#f4b35f;
  --qc-ok:#73d39d;
}

.quantum-command::before {
  content:"";
  position:fixed;
  inset:14px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.34);
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),
    repeating-linear-gradient(90deg, rgba(47,99,255,.016) 0, rgba(47,99,255,.016) 1px, transparent 1px, transparent 124px);
  pointer-events:none;
}

.quantum-command .site-switcher,
.quantum-command .comando-obra-shell,
.quantum-command .topbar,
.quantum-command .nav,
.quantum-command .card,
.quantum-command .data-center,
.quantum-command .rarx-dash-panel,
.quantum-command .rarx-chart-card,
.quantum-command .rarx-tree-panel,
.quantum-command .rarx-detail-panel {
  backdrop-filter:blur(16px);
}

.quantum-command .site-switcher {
  position:sticky;
  top:12px;
  z-index:80;
  margin-bottom:16px;
  padding:12px 16px;
  border:1px solid var(--qc-line);
  border-radius:999px;
  background:rgba(250,252,255,.72);
  box-shadow:var(--qc-shadow-md);
}

.quantum-command .site-switcher__eyebrow,
.quantum-command .card-badge,
.quantum-command .tb-eyebrow,
.quantum-command .dashboard-menu__trigger,
.quantum-command .l2-toolbar-status,
.quantum-command .ind-hero-eyebrow,
.quantum-command .ind-hero-side-eyebrow,
.quantum-command .pls-hero-eyebrow,
.quantum-command .pls-hero-side-eyebrow,
.quantum-command .rarx-eyebrow,
.quantum-command .rarx-detail-eyebrow,
.quantum-command .rarx-field label {
  font-family:'IBM Plex Mono', monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.quantum-command .site-switcher__heading {
  font-family:'Sora', sans-serif;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.02em;
  text-transform:none;
}

.quantum-command .dashboard-menu__trigger {
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--qc-line) !important;
  border-radius:999px;
  background:rgba(255,255,255,.76) !important;
  color:var(--qc-ink) !important;
}

.quantum-command .dashboard-menu__current { color:var(--qc-accent-2); }

.quantum-command .dashboard-menu__panel {
  border:1px solid var(--qc-line);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--qc-shadow-lg);
}

.quantum-command .dashboard-menu__item:hover,
.quantum-command .dashboard-menu__item.current {
  background:rgba(47,99,255,.08);
  border-color:rgba(47,99,255,.18);
  color:var(--qc-accent-2);
}

.quantum-command .comando-obra-shell {
  position:relative;
  width:min(1700px, 100%);
  border:1px solid rgba(255,255,255,.56);
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.18)),
    rgba(246,249,252,.78);
  box-shadow:var(--qc-shadow-xl);
  overflow:hidden;
}

.quantum-command .topbar {
  gap:20px;
  padding:24px 28px;
  border-bottom:1px solid var(--qc-line);
  background:
    radial-gradient(circle at top right, rgba(11,122,112,.09), transparent 28%),
    radial-gradient(circle at top left, rgba(47,99,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(240,245,249,.66));
  color:var(--qc-ink);
}

.quantum-command .tb-brand { gap:18px; }

.quantum-command .tb-logo {
  width:68px;
  height:68px;
  border:1px solid rgba(255,255,255,.6);
  border-radius:22px;
  background:linear-gradient(135deg, var(--qc-accent-2), var(--qc-accent));
  box-shadow:0 18px 42px rgba(47,99,255,.18);
}

.quantum-command .tb-texts { gap:8px; }

.quantum-command .tb-title,
.quantum-command .ind-hero-title,
.quantum-command .pls-hero-title,
.quantum-command .rarx-title,
.quantum-command .rarx-detail-title {
  font-family:'Sora', sans-serif;
  letter-spacing:-.05em;
  text-transform:none;
}

.quantum-command .tb-title {
  max-width:14ch;
  font-size:clamp(32px, 4vw, 52px);
  line-height:.96;
}

.quantum-command .tb-status {
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(47,99,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:var(--qc-ink-soft);
}

.quantum-command .status-chip,
.quantum-command .data-btn,
.quantum-command .view-btn,
.quantum-command .rarx-btn,
.quantum-command .pls-btn {
  min-height:42px;
  border-radius:14px;
  border:1px solid transparent;
  box-shadow:none;
}

.quantum-command .view-btn,
.quantum-command .theme-switch,
.quantum-command .status-chip {
  border:1px solid var(--qc-line);
  background:rgba(255,255,255,.72);
  color:var(--qc-ink);
}

.quantum-command .status-chip {
  background:linear-gradient(135deg, rgba(47,99,255,.08), rgba(11,122,112,.08));
  color:var(--qc-accent);
}

.quantum-command .theme-switch {
  padding:4px;
  border-radius:999px;
  gap:4px;
}

.quantum-command .theme-btn {
  min-height:34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--qc-ink-soft);
  font-family:'IBM Plex Sans', sans-serif;
}

.quantum-command .theme-btn.on {
  background:linear-gradient(135deg, var(--qc-accent-2), var(--qc-accent));
  color:#fff;
}

.quantum-command .tb-kpis {
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:10px;
  border:0;
}

.quantum-command .tb-kpi {
  min-width:0;
  padding:16px;
  border:1px solid var(--qc-line);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(243,247,250,.82));
}

.quantum-command .tkv {
  font-family:'Sora', sans-serif;
  font-size:28px;
  letter-spacing:-.05em;
  color:var(--qc-ink);
}

.quantum-command .tkl {
  font-family:'IBM Plex Mono', monospace;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--qc-ink-faint);
}

.quantum-command .nav {
  position:sticky;
  top:88px;
  z-index:40;
  margin:18px 24px 0;
  padding:12px;
  gap:8px;
  border:1px solid var(--qc-line);
  border-radius:22px;
  background:rgba(250,252,255,.78);
  box-shadow:var(--qc-shadow-md);
  color:var(--qc-ink);
}

.quantum-command .nav-tab {
  min-height:42px;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:999px;
  color:var(--qc-ink-soft);
  font-family:'IBM Plex Sans', sans-serif;
  font-size:12px;
  letter-spacing:0;
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.quantum-command .nav-tab:hover {
  transform:translateY(-1px);
  color:var(--qc-ink);
  background:rgba(47,99,255,.06);
  border-color:rgba(47,99,255,.12);
}

.quantum-command .nav-tab.on {
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, var(--qc-accent-2), var(--qc-accent));
  box-shadow:0 14px 30px rgba(24,71,166,.18);
}

.quantum-command .nav-badge {
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.quantum-command .panel {
  padding:24px;
  gap:18px;
  min-height:calc(100vh - 140px);
}

.quantum-command .card,
.quantum-command .evm-grid > *,
.quantum-command .adv-evm > *,
.quantum-command .fc-scenarios > *,
.quantum-command .exec-grid > *,
.quantum-command .decision-list > *,
.quantum-command .ind-strip-grid > *,
.quantum-command .ind-alert-list > *,
.quantum-command .ind-metric-list > *,
.quantum-command .pls-strip-grid > *,
.quantum-command .pls-watch-list > *,
.quantum-command .pls-insight-list > * {
  border:1px solid var(--qc-line);
  border-radius:22px;
  background:var(--qc-surface);
  box-shadow:var(--qc-shadow-md);
  color:var(--qc-ink);
}

.quantum-command .card:hover { border-color:var(--qc-line-strong); }

.quantum-command .card-hd,
.quantum-command .rarx-chart-head,
.quantum-command .rarx-detail-head,
.quantum-command .pls-strip-head {
  padding:16px 18px;
  border-bottom:1px solid var(--qc-line);
  background:rgba(255,255,255,.66);
}

.quantum-command .card-title,
.quantum-command .rarx-chart-title,
.quantum-command .rarx-detail-title,
.quantum-command .pls-strip-title,
.quantum-command .ind-hero-side-title,
.quantum-command .pls-hero-side-title {
  font-family:'Sora', sans-serif;
  font-size:18px;
  letter-spacing:-.03em;
  text-transform:none;
  color:var(--qc-ink);
}

.quantum-command .card-title::before { display:none; }

.quantum-command .card-badge {
  padding:5px 10px;
  border:1px solid var(--qc-line);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  font-size:9px;
  color:var(--qc-ink-faint);
}

.quantum-command .card-body { padding:18px; }

.quantum-command .data-center,
.quantum-command .ind-hero,
.quantum-command .pls-hero,
.quantum-command .rarx-dash-panel,
.quantum-command .rarx-detail-panel {
  gap:16px;
  padding:18px;
  border:1px solid var(--qc-line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(243,247,250,.82));
  color:var(--qc-ink);
}

.quantum-command .data-toolbar,
.quantum-command .rarx-filter-bar,
.quantum-command .rarx-filter-actions,
.quantum-command .pls-toolbar,
.quantum-command .ind-toolbar {
  gap:10px;
}

.quantum-command .data-btn,
.quantum-command .rarx-btn,
.quantum-command .pls-btn {
  padding:0 14px;
  background:rgba(255,255,255,.84);
  border-color:var(--qc-line);
  color:var(--qc-ink);
}

.quantum-command .data-btn.primary,
.quantum-command .rarx-btn.primary,
.quantum-command .pls-btn.active {
  background:linear-gradient(135deg, var(--qc-accent-2), var(--qc-accent));
  border-color:transparent;
  color:#fff;
}

.quantum-command .data-btn.ghost,
.quantum-command .rarx-btn.subtle,
.quantum-command .pls-btn.subtle {
  background:rgba(255,255,255,.54);
  color:var(--qc-ink-soft);
}

.quantum-command .data-note,
.quantum-command .rarx-detail-sub,
.quantum-command .ind-hero-text,
.quantum-command .ind-hero-side-text,
.quantum-command .pls-hero-text,
.quantum-command .pls-hero-side-text,
.quantum-command .evm-sub,
.quantum-command .l2-toolbar-status,
.quantum-command .thl {
  color:var(--qc-ink-soft);
}

.quantum-command .source-list,
.quantum-command .import-log,
.quantum-command .data-grid,
.quantum-command .rarx-charts-row,
.quantum-command .rarx-detail-kpis {
  gap:12px;
}

.quantum-command .source-list > *,
.quantum-command .import-log > *,
.quantum-command .decision-list > *,
.quantum-command .exec-grid > *,
.quantum-command .ind-alert-list > *,
.quantum-command .ind-metric-list > *,
.quantum-command .pls-watch-list > *,
.quantum-command .pls-insight-list > *,
.quantum-command .rarx-detail-kpis > *,
.quantum-command .rarx-field {
  padding:16px;
  border:1px solid var(--qc-line);
  border-radius:18px;
  background:rgba(255,255,255,.82);
}

.quantum-command .evm-grid > *,
.quantum-command .adv-evm > *,
.quantum-command .fc-scenarios > * {
  padding:18px;
}

.quantum-command .evm-lbl,
.quantum-command .source-list > * [class*="eyebrow"],
.quantum-command .source-list > * [class*="meta"],
.quantum-command .ind-hero-eyebrow,
.quantum-command .pls-hero-eyebrow,
.quantum-command .rarx-eyebrow {
  color:var(--qc-ink-faint);
}

.quantum-command .evm-val,
.quantum-command .rarx-brand-mark,
.quantum-command .rarx-detail-kpis strong,
.quantum-command .ind-hero-side-title,
.quantum-command .pls-hero-side-title {
  font-family:'Sora', sans-serif;
  letter-spacing:-.04em;
  color:var(--qc-ink);
}

.quantum-command .prog-track,
.quantum-command .tcpi-meter,
.quantum-command .rarx-chart-canvas,
.quantum-command .sg-chart-shell {
  border-radius:18px;
}

.quantum-command .l2-toolbar,
.quantum-command .ind-toolbar,
.quantum-command .pls-toolbar,
.quantum-command .rarx-filter-bar {
  padding:14px 16px;
  border:1px solid var(--qc-line);
  border-radius:18px;
  background:rgba(247,249,251,.82);
}

.quantum-command select,
.quantum-command input[type="search"],
.quantum-command input[type="text"],
.quantum-command input[type="date"],
.quantum-command input[type="number"] {
  min-height:42px;
  border:1px solid var(--qc-line-strong);
  border-radius:14px;
  background:rgba(255,255,255,.86);
  color:var(--qc-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

.quantum-command select:focus,
.quantum-command input[type="search"]:focus,
.quantum-command input[type="text"]:focus,
.quantum-command input[type="date"]:focus,
.quantum-command input[type="number"]:focus {
  outline:none;
  border-color:rgba(47,99,255,.42);
  box-shadow:0 0 0 4px rgba(47,99,255,.08);
}

.quantum-command .tbl-wrap,
.quantum-command .pls-table-wrap,
.quantum-command #l2List {
  border:1px solid var(--qc-line);
  border-radius:18px;
  background:rgba(246,249,251,.82);
}

.quantum-command table th {
  background:rgba(240,245,248,.96);
  color:var(--qc-ink-faint);
  font-family:'IBM Plex Mono', monospace;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.quantum-command table td {
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(21,36,48,.05);
  color:var(--qc-ink);
}

.quantum-command table tr:hover td { background:rgba(242,247,250,.96); }

.quantum-command canvas {
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(244,248,251,.4));
}

.quantum-command .ind-hero,
.quantum-command .pls-hero {
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(300px, .9fr);
  align-items:start;
}

.quantum-command .ind-hero-side,
.quantum-command .pls-hero-side,
.quantum-command .rarx-tree-panel,
.quantum-command .rarx-chart-card {
  border:1px solid var(--qc-line);
  border-radius:22px;
  background:rgba(255,255,255,.8);
  box-shadow:var(--qc-shadow-md);
  color:var(--qc-ink);
}

.quantum-command .ind-hero-side-card,
.quantum-command .pls-hero-side-card,
.quantum-command .rarx-detail-placeholder,
.quantum-command .rarx-empty-state,
.quantum-command .pls-empty {
  border:1px dashed rgba(47,99,255,.24);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(47,99,255,.05), rgba(11,122,112,.06));
}

.quantum-command .rarx-shell,
.quantum-command .rarx-main,
.quantum-command .rarx-dash-inner {
  gap:16px;
}

.quantum-command .rarx-topbar,
.quantum-command .rarx-nav {
  border:1px solid var(--qc-line);
  border-radius:22px;
  background:rgba(255,255,255,.78);
}

.quantum-command .rarx-pill {
  border-radius:999px;
  background:rgba(47,99,255,.08);
  color:var(--qc-accent-2);
}

.quantum-command .footer,
.quantum-command .status-txt {
  color:var(--qc-ink-soft);
}

html[data-theme="dark"] .quantum-command .site-switcher,
html[data-theme="dark"] .quantum-command .dashboard-menu__trigger,
html[data-theme="dark"] .quantum-command .nav,
html[data-theme="dark"] .quantum-command .view-btn,
html[data-theme="dark"] .quantum-command .theme-switch,
html[data-theme="dark"] .quantum-command .status-chip,
html[data-theme="dark"] .quantum-command .tb-status,
html[data-theme="dark"] .quantum-command .tb-kpi,
html[data-theme="dark"] .quantum-command .card,
html[data-theme="dark"] .quantum-command .evm-grid > *,
html[data-theme="dark"] .quantum-command .adv-evm > *,
html[data-theme="dark"] .quantum-command .fc-scenarios > *,
html[data-theme="dark"] .quantum-command .exec-grid > *,
html[data-theme="dark"] .quantum-command .decision-list > *,
html[data-theme="dark"] .quantum-command .ind-strip-grid > *,
html[data-theme="dark"] .quantum-command .ind-alert-list > *,
html[data-theme="dark"] .quantum-command .ind-metric-list > *,
html[data-theme="dark"] .quantum-command .pls-strip-grid > *,
html[data-theme="dark"] .quantum-command .pls-watch-list > *,
html[data-theme="dark"] .quantum-command .pls-insight-list > *,
html[data-theme="dark"] .quantum-command .data-center,
html[data-theme="dark"] .quantum-command .ind-hero,
html[data-theme="dark"] .quantum-command .pls-hero,
html[data-theme="dark"] .quantum-command .rarx-dash-panel,
html[data-theme="dark"] .quantum-command .rarx-detail-panel,
html[data-theme="dark"] .quantum-command .source-list > *,
html[data-theme="dark"] .quantum-command .import-log > *,
html[data-theme="dark"] .quantum-command .rarx-detail-kpis > *,
html[data-theme="dark"] .quantum-command .rarx-field,
html[data-theme="dark"] .quantum-command .l2-toolbar,
html[data-theme="dark"] .quantum-command .ind-toolbar,
html[data-theme="dark"] .quantum-command .pls-toolbar,
html[data-theme="dark"] .quantum-command .rarx-filter-bar,
html[data-theme="dark"] .quantum-command .ind-hero-side,
html[data-theme="dark"] .quantum-command .pls-hero-side,
html[data-theme="dark"] .quantum-command .rarx-tree-panel,
html[data-theme="dark"] .quantum-command .rarx-chart-card,
html[data-theme="dark"] .quantum-command .tbl-wrap,
html[data-theme="dark"] .quantum-command .pls-table-wrap,
html[data-theme="dark"] .quantum-command #l2List {
  background:rgba(17,27,37,.86);
  color:var(--qc-ink);
}

html[data-theme="dark"] .quantum-command .comando-obra-shell {
  background:
    linear-gradient(180deg, rgba(17,27,37,.76), rgba(13,22,32,.9)),
    rgba(13,22,32,.9);
}

html[data-theme="dark"] .quantum-command .topbar {
  background:
    radial-gradient(circle at top right, rgba(75,213,196,.12), transparent 28%),
    radial-gradient(circle at top left, rgba(134,169,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(17,27,37,.94), rgba(15,24,34,.88));
}

html[data-theme="dark"] .quantum-command .card-hd,
html[data-theme="dark"] .quantum-command .rarx-chart-head,
html[data-theme="dark"] .quantum-command .rarx-detail-head,
html[data-theme="dark"] .quantum-command .pls-strip-head {
  background:rgba(255,255,255,.04);
}

html[data-theme="dark"] .quantum-command .theme-btn.on,
html[data-theme="dark"] .quantum-command .nav-tab.on {
  background:linear-gradient(135deg, var(--qc-accent-2), var(--qc-accent));
  color:#fff;
}

html[data-theme="dark"] .quantum-command canvas,
html[data-theme="dark"] .quantum-command table td,
html[data-theme="dark"] .quantum-command table th {
  background:rgba(14,22,32,.76);
}

@media (max-width:1280px) {
  .quantum-command .tb-kpis { grid-template-columns:repeat(4, minmax(0, 1fr)); }
}

@media (max-width:980px) {
  .quantum-command::before { inset:10px; border-radius:24px; }
  .quantum-command .site-switcher { top:10px; }
  .quantum-command .comando-obra-shell { border-radius:26px; }
  .quantum-command .topbar { padding:20px; }
  .quantum-command .nav { position:static; margin:16px 16px 0; }
  .quantum-command .panel { padding:18px 16px 22px; }
  .quantum-command .tb-title { max-width:none; font-size:clamp(28px, 8vw, 40px); }
  .quantum-command .tb-kpis { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .quantum-command .ind-hero,
  .quantum-command .pls-hero { grid-template-columns:1fr; }
}

@media (max-width:640px) {
  .quantum-command .site-switcher,
  .quantum-command .topbar,
  .quantum-command .nav,
  .quantum-command .card,
  .quantum-command .data-center,
  .quantum-command .rarx-dash-panel,
  .quantum-command .rarx-chart-card,
  .quantum-command .rarx-tree-panel,
  .quantum-command .rarx-detail-panel {
    border-radius:20px;
  }

  .quantum-command .tb-logo {
    width:56px;
    height:56px;
    border-radius:18px;
  }

  .quantum-command .nav-tab,
  .quantum-command .data-btn,
  .quantum-command .view-btn,
  .quantum-command .rarx-btn,
  .quantum-command .pls-btn {
    width:100%;
    justify-content:center;
  }
}