/* Dense Kite Pro daylight theme.
   This layer intentionally overrides the older dark "Kesar & Kagaz" skin while
   keeping the same markup and class names. It is presentation-only. */
:root {
  --ink-0: #f4f6f8;
  --ink-1: #ffffff;
  --ink-2: #f7f9fb;
  --ink-3: #eef2f7;
  --paper: #20252b;
  --muted: #66707c;
  --faint: #9aa3ad;
  --brass: #387ed1;
  --brass-bright: #2f73c8;
  --brass-soft: rgba(56, 126, 209, 0.10);
  --brass-line: rgba(56, 126, 209, 0.38);
  --up: #43a047;
  --up-soft: rgba(67, 160, 71, 0.10);
  --down: #df514c;
  --down-soft: rgba(223, 81, 76, 0.10);
  --sell: #ff7043;
  --warn: #f2a93b;
  --info: #387ed1;
  --line: #e4e7eb;
  --line-strong: #cfd6df;

  /* Legacy names used by index.html inline CSS. */
  --bg: var(--ink-0);
  --surface: var(--ink-1);
  --surface-2: var(--ink-2);
  --surface-3: var(--ink-3);
  --text: var(--paper);
  --green: var(--up);
  --green-2: var(--up);
  --red: var(--down);
  --amber: var(--warn);
  --blue: var(--info);
  --purple: #7b61c9;
}

html { scrollbar-color: #c9d1dc transparent; }
body {
  background: var(--ink-0) !important;
  color: var(--paper) !important;
}

h1, h2, h3, .panel-title, .tab-btn, .brand-display {
  letter-spacing: 0 !important;
}

::selection {
  background: rgba(56, 126, 209, 0.16);
  color: var(--paper);
}

.bg-gray-900,
.bg-slate-900,
.bg-slate-950 {
  background: var(--ink-1) !important;
}
.bg-gray-800,
.bg-slate-800 {
  background: var(--ink-2) !important;
}
.bg-gray-700,
.bg-slate-700 {
  background: var(--ink-3) !important;
}
.border-gray-800,
.border-gray-700,
.border-gray-600,
.border-slate-800,
.border-slate-700,
.border-slate-600 {
  border-color: var(--line) !important;
}
.text-gray-100,
.text-gray-200,
.text-gray-300,
.text-slate-200,
.text-slate-300,
.text-white {
  color: var(--paper) !important;
}
.text-gray-400,
.text-gray-500,
.text-slate-400,
.text-slate-500 {
  color: var(--muted) !important;
}
.text-gray-600,
.text-gray-700 {
  color: var(--faint) !important;
}
.text-green-400,
.text-green-300,
.text-emerald-300,
.text-emerald-400 {
  color: var(--up) !important;
}
h1.text-emerald-400,
h2.text-emerald-400,
.font-semibold.text-emerald-400,
a.text-emerald-400,
a[class*="text-emerald"] {
  color: var(--info) !important;
}
.text-red-400,
.text-red-300,
.text-rose-400 {
  color: var(--down) !important;
}
.text-yellow-300,
.text-yellow-400,
.text-amber-300,
.text-orange-300 {
  color: var(--warn) !important;
}
.text-blue-300,
.text-blue-400,
.text-sky-300 {
  color: var(--info) !important;
}

.bg-emerald-700,
.bg-emerald-600,
.bg-green-700,
.bg-blue-800,
.bg-blue-700 {
  background: var(--info) !important;
  border: 1px solid #2f73c8 !important;
  color: #ffffff !important;
}
.bg-emerald-700:hover,
.bg-emerald-600:hover,
.bg-green-700:hover,
.bg-blue-800:hover,
.bg-blue-700:hover,
.hover\:bg-emerald-600:hover {
  background: #2f73c8 !important;
}
.bg-red-700,
.bg-red-600 {
  background: var(--sell) !important;
  border: 1px solid #e55b2d !important;
  color: #ffffff !important;
}
.btn,
.btn-primary {
  background: var(--info) !important;
  border: 1px solid #2f73c8 !important;
  color: #ffffff !important;
  font-weight: 700;
}
.btn:hover,
.btn-primary:hover {
  background: #2f73c8 !important;
}
.btn-danger,
.row-action-danger {
  background: var(--down-soft) !important;
  border: 1px solid rgba(223, 81, 76, 0.28) !important;
  color: var(--down) !important;
}
.btn-danger:hover,
.row-action-danger:hover {
  background: rgba(223, 81, 76, 0.16) !important;
}

.panel,
.bg-gray-900 {
  background: var(--ink-1) !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.035) !important;
}
.kpi-card {
  background: var(--ink-1) !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
}
.kpi-label {
  color: var(--muted);
  letter-spacing: 0 !important;
}
.kpi-value { color: var(--info); }
.kpi-card.good .kpi-value { color: var(--up); }
.kpi-card.bad .kpi-value { color: var(--down); }
.pill-good {
  background: var(--up-soft) !important;
  color: #2e7d32 !important;
  border: 1px solid rgba(67, 160, 71, 0.24) !important;
}
.pill-bad {
  background: var(--down-soft) !important;
  color: var(--down) !important;
  border: 1px solid rgba(223, 81, 76, 0.24) !important;
}
.pill-mid {
  background: var(--brass-soft) !important;
  color: var(--info) !important;
  border: 1px solid rgba(56, 126, 209, 0.24) !important;
}

.topbar {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important;
}
.topbar.py-3 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.topbar img#brand-img {
  max-height: 34px !important;
}
.tab-rail {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.03) !important;
}
.tab-rail.pt-2 {
  padding-top: 6px !important;
}
.tab-btn {
  color: var(--muted) !important;
  border-radius: 0 !important;
  font-weight: 700;
  min-width: 96px !important;
}
.tab-btn.px-4 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.tab-btn.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.tab-btn:hover {
  color: var(--info) !important;
  background: var(--ink-2) !important;
}
.status-pill,
#market-badge,
#paper-badge {
  border: 1px solid var(--line) !important;
  background: #ffffff !important;
  color: var(--muted) !important;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select,
textarea,
.input {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--paper) !important;
}
input:focus,
select:focus,
textarea:focus,
.input:focus {
  border-color: var(--info) !important;
  box-shadow: 0 0 0 3px rgba(56, 126, 209, 0.12) !important;
}
input[type=range] { accent-color: var(--info); }
button:focus-visible,
input:focus-visible,
select:focus-visible,
a:focus-visible {
  outline: 2px solid rgba(56, 126, 209, 0.45) !important;
}
label { color: var(--muted); }

thead {
  background: #f8fafc !important;
}
th {
  color: var(--muted) !important;
  letter-spacing: 0 !important;
}
td,
th {
  border-color: var(--line) !important;
}
tbody tr:hover {
  background: #f5f8fc !important;
}

::-webkit-scrollbar-thumb { background: #c9d1dc !important; }
.tooltip .tip,
#privacy-toast {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--paper) !important;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.16) !important;
}

#bazaar-line {
  background: #e8edf3;
}
#bazaar-line .bzr-fill {
  background: linear-gradient(90deg, var(--info) 0%, #4f9be8 55%, var(--up) 100%);
}
#bazaar-line .bzr-now {
  background: var(--info);
  box-shadow: 0 0 8px 2px rgba(56, 126, 209, 0.36);
}
#bazaar-line.bzr-preopen .bzr-fill {
  background: rgba(242, 169, 59, 0.22);
}
#bazaar-line.bzr-closed .bzr-fill {
  background: #d9dee6;
}

.cat-btn,
.strategy-card,
.param-group {
  background: #ffffff !important;
  border-color: var(--line) !important;
}
.cat-btn {
  border-radius: 6px !important;
  color: #4b5563 !important;
}
.cat-btn.py-1\.5 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.strategy-card {
  color: var(--paper) !important;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.03);
  border-radius: 7px !important;
}
.strategy-card.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.strategy-card.py-2 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.strategy-card .font-bold,
.strategy-card .text-gray-100 {
  color: #1f2937 !important;
}
.strategy-card .text-gray-500 {
  color: #516071 !important;
}
.strategy-card .text-gray-600 {
  color: #7b8794 !important;
}
.strategy-card:hover,
.strategy-card.active {
  background: #f5f9ff !important;
  border-color: var(--brass-line) !important;
  color: var(--info) !important;
}
.strategy-card.active .font-bold,
.strategy-card:hover .font-bold {
  color: var(--info) !important;
}
#param-editor-panel > .text-center.pt-20 {
  min-height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  color: var(--muted) !important;
}
#param-editor-panel {
  position: relative;
}
#param-editor-panel > .text-center.pt-20::before {
  content: "Strategy Setup";
  position: absolute;
  top: 14px;
  left: 16px;
  color: var(--info);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
#param-editor-panel > .text-center.pt-20::after {
  content: "Choose a strategy from the catalog to edit parameters and launch in paper mode.";
  position: absolute;
  top: 34px;
  left: 16px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0;
}

/* Common inline dark remnants in the server-rendered templates. */
[style*="background:#111827"],
[style*="background:#0d1829"],
[style*="background:#0a1020"],
[style*="background:#0d1626"],
[style*="background:#101827"],
[style*="background:#1f2937"],
[style*="background:#374151"],
[style*="background:rgba(15,23,42"],
[style*="background:rgba(30,41,59"],
[style*="background:rgba(30,41,60"],
[style*="background:rgba(75,85,99"] {
  background: #ffffff !important;
}
[style*="border:1px solid #1f2937"],
[style*="border:1px solid #374151"],
[style*="border-color:#1f2937"],
[style*="border-color:#374151"] {
  border-color: var(--line) !important;
}
[style*="color:#e2e8f0"],
[style*="color:#e5e7eb"],
[style*="color:#f1f5f9"],
[style*="color:#cbd5e1"],
[style*="color:#d1d5db"] {
  color: var(--paper) !important;
}
[style*="color:#94a3b8"],
[style*="color:#9ca3af"],
[style*="color:#6b7280"],
[style*="color:#4b5563"],
[style*="color:#374151"],
[style*="color:#1f2937"] {
  color: var(--muted) !important;
}

/* F&O chain keeps a terminal-like CE/strike/PE tint, but in daylight. */
#tab-fo {
  background: var(--ink-0) !important;
}
#tab-fo > div:first-child {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
}
#fo-chain-wrap,
#fo-strategy-col,
#fo-chart-col {
  background: #ffffff !important;
  border-color: var(--line) !important;
}
.fo-model-badge {
  align-items: center;
  background: #fff7ed;
  border: 1px solid rgba(202, 138, 4, 0.28);
  border-radius: 999px;
  color: #94620b;
  display: inline-flex;
  font-size: 10px;
  font-weight: 780;
  line-height: 1;
  margin-left: 8px;
  padding: 4px 8px;
}
.fo-source-badge {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 10px;
  font-weight: 780;
  line-height: 1;
  margin-left: 8px;
  padding: 4px 8px;
}
.fo-source-badge.live {
  background: #f0fbf3;
  border: 1px solid rgba(46, 125, 50, 0.24);
  color: #2e7d32;
}
.fo-model-notice {
  align-items: center;
  background: #fff8e7;
  border-bottom: 1px solid rgba(202, 138, 4, 0.24);
  color: #7a4f08;
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  gap: 8px;
  line-height: 1.35;
  padding: 8px 12px;
}
.fo-model-notice strong {
  color: #94620b;
  font-weight: 820;
}
.fo-model-notice-icon {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(202, 138, 4, 0.30);
  border-radius: 999px;
  color: #94620b;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 850;
  height: 16px;
  justify-content: center;
  width: 16px;
}
#tab-fo > div:first-child {
  min-height: 64px;
}
#fo-chips {
  color: #667085;
  font-weight: 720;
}
#fo-chips > span:not(.fo-source-badge):not(.fo-model-badge) {
  white-space: nowrap;
}
#fo-strategy-col,
#fo-chart-col {
  border-left-color: #dbe3ee !important;
}
#fo-strategy-col > div,
#fo-chart-result > div,
#fo-chart-empty {
  border-color: #dbe3ee !important;
  border-radius: 8px !important;
}
#fo-strategy-col select,
#fo-strategy-col input {
  min-height: 28px;
}
#fo-strategy-col table th {
  background: #f8fafc !important;
  color: #667085 !important;
}
#fo-strategy-col table td {
  border-color: #edf1f5 !important;
}
#fo-chart-col canvas {
  max-height: 100%;
}
#fo-detail-panel {
  gap: 8px;
}
#fo-chain-table [style*="background:#071a0d"],
#fo-chain-table [style*="background:#0f1505"] {
  background: #f0fbf3 !important;
}
#fo-chain-table [style*="background:#1a0707"] {
  background: #fff3f1 !important;
}
#fo-chain-table [style*="color:#4ade80"],
#tab-fo [style*="color:#4ade80"],
#tab-fo [style*="color:#86efac"] {
  color: #2e9b48 !important;
}
#fo-chain-table [style*="color:#f87171"],
#tab-fo [style*="color:#f87171"],
#tab-fo [style*="color:#fca5a5"],
#tab-fo [style*="color:#f9a8d4"] {
  color: var(--down) !important;
}
#tab-fo [style*="color:#60a5fa"],
#tab-fo [style*="color:#93c5fd"],
#tab-fo [style*="color:#a78bfa"] {
  color: var(--info) !important;
}
#tab-fo [style*="color:#fbbf24"],
#tab-fo [style*="color:#fde047"],
#tab-fo [style*="color:#fcd34d"],
#tab-fo [style*="color:#fde68a"] {
  color: var(--warn) !important;
}
#tab-fo [style*="border-right:1px solid #1f2937"],
#tab-fo [style*="border-left:1px solid #1f2937"],
#tab-fo [style*="border-bottom:1px solid #4b5563"],
#tab-fo [style*="border-bottom:2px solid #94a3b8"] {
  border-color: var(--line) !important;
}
#fo-autocomplete,
#quote-autocomplete {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.14) !important;
}

/* Chart tooltips and status toasts. */
.fixed.bottom-0 {
  background: #ffffff !important;
  border-color: var(--line) !important;
  min-height: 26px;
  box-shadow: 0 -1px 2px rgba(16, 24, 40, 0.04);
}

/* Auth/account pages have page-specific composition styles; keep them daylight
   and usable even when Tailwind CDN utilities have not loaded yet. */
.login-grid > main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.brand-rail {
  background: #ffffff !important;
  border-right: 1px solid var(--line) !important;
}
.wordmark {
  color: var(--paper) !important;
  letter-spacing: 0 !important;
}
.wordmark .kesar {
  background: none !important;
  -webkit-text-fill-color: var(--info) !important;
  color: var(--info) !important;
}
.brand-fact {
  border-top-color: var(--line) !important;
}
.brand-fact .k {
  color: var(--info) !important;
}
.panel[class*="shadow"],
.panel.rounded-xl,
.panel.rounded-lg {
  background: #ffffff !important;
  border-color: var(--line) !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08) !important;
}
.pill {
  border: 1px solid transparent;
}
[style*="background:linear-gradient(135deg,#d9a441"],
[style*="background:linear-gradient(135deg, #d9a441"] {
  background: var(--brass-soft) !important;
  color: var(--info) !important;
  border: 1px solid var(--brass-line) !important;
}
[style*="background:#7c2d12"],
[style*="background:#78350f"] {
  background: rgba(242, 169, 59, 0.14) !important;
  color: #8a5a00 !important;
  border: 1px solid rgba(242, 169, 59, 0.28) !important;
}
[style*="background:#14532d"],
[style*="background:#064e3b"] {
  background: var(--up-soft) !important;
  color: #2e7d32 !important;
  border: 1px solid rgba(67, 160, 71, 0.24) !important;
}
[style*="background:#7f1d1d"],
[style*="background:#450a0a"] {
  background: var(--down-soft) !important;
  color: var(--down) !important;
  border: 1px solid rgba(223, 81, 76, 0.24) !important;
}
[style*="color:#fed7aa"],
[style*="color:#fde68a"],
[style*="color:#fcd34d"],
[style*="color:#fbbf24"] {
  color: #8a5a00 !important;
}
[style*="color:#bbf7d0"],
[style*="color:#6ee7b7"],
[style*="color:#34d399"] {
  color: #2e7d32 !important;
}
[style*="color:#fecaca"],
[style*="color:#f87171"] {
  color: var(--down) !important;
}

/* Dashboard redesign: dense daylight command surfaces */
.command-strip {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  background: #f8fafc !important;
  border-bottom: 1px solid var(--line);
}
.command-tile {
  min-width: 0;
  min-height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.command-tile:hover {
  border-color: var(--line-strong);
}
.command-label,
.trust-label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: uppercase;
}
.command-tile b {
  color: var(--paper);
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.command-tile small {
  color: var(--faint);
  display: block;
  font-size: 10px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.command-tile.good b,
.trust-card.good .trust-value,
.decision-row.good .decision-reason b {
  color: #2e7d32;
}
.command-tile.bad b,
.trust-card.bad .trust-value,
.decision-row.bad .decision-reason b {
  color: var(--down);
}
.command-tile.warn b,
.trust-card.warn .trust-value,
.decision-row.warn .decision-reason b {
  color: #9a650d;
}

.live-section-head {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}
.section-title {
  color: var(--paper);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}
.section-subtitle {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
  margin-top: 2px;
}
.refresh-link {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--info);
  font-size: 11px;
  font-weight: 800;
  padding: 5px 9px;
}
.refresh-link:hover {
  background: var(--brass-soft);
  border-color: var(--brass-line);
}
.risk-pill {
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  padding: 5px 9px;
}

#live-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.live-loading {
  grid-column: 1 / -1;
}
.trust-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--line-strong);
  border-radius: 6px;
  min-height: 72px;
  padding: 10px 11px;
}
.trust-card.good {
  border-left-color: var(--up);
}
.trust-card.bad {
  border-left-color: var(--down);
}
.trust-card.warn {
  border-left-color: var(--warn);
}
.trust-value {
  color: var(--paper);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.15;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trust-sub {
  color: var(--faint);
  font-size: 11px;
  line-height: 1.2;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.decision-feed {
  display: grid;
  gap: 6px;
  max-height: 210px;
  overflow: auto;
}
.decision-row {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--line-strong);
  border-radius: 6px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 0.8fr) minmax(0, 1.6fr);
  min-height: 50px;
  padding: 8px 10px;
}
.decision-row.good {
  border-left-color: var(--up);
}
.decision-row.bad {
  border-left-color: var(--down);
}
.decision-row.warn {
  border-left-color: var(--warn);
}
.decision-main {
  color: var(--paper);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}
.decision-main span {
  color: var(--muted);
  font-weight: 700;
  margin-left: 4px;
  text-transform: uppercase;
}
.decision-meta,
.decision-reason span {
  color: var(--faint);
  display: block;
  font-size: 11px;
  line-height: 1.25;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.decision-reason {
  min-width: 0;
}
.decision-reason b {
  color: var(--paper);
  display: block;
  font-size: 12px;
  line-height: 1.2;
}
.empty-state {
  color: var(--muted);
  text-align: center;
}
.empty-state.compact {
  background: #f8fafc;
  border: 1px dashed var(--line-strong);
  border-radius: 6px;
  font-size: 12px;
  padding: 12px;
}

#tab-live table {
  border-collapse: collapse;
}
#tab-live thead tr {
  background: #f8fafc;
}
#tab-live th {
  color: var(--muted) !important;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
#tab-live td {
  color: var(--paper);
  height: 28px;
}

@media (max-width: 1180px) {
  .command-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #live-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .command-strip,
  #live-kpis {
    grid-template-columns: 1fr !important;
  }
  .decision-row {
    grid-template-columns: 1fr;
  }
  .live-section-head {
    align-items: flex-start;
    gap: 8px;
  }
}

/* Tab color-sync layer.
   Every tab now shares the same daylight base. These accents are intentionally
   small: title text, active tab underline, selected chips, and left rails. */
:root {
  --tab-strategies: #387ed1;
  --tab-backtest: #416fb8;
  --tab-consensus: #7b61c9;
  --tab-screener: #0f8b8d;
  --tab-fo: #c98218;
  --tab-live: #2e7d32;
  --tab-trades: #387ed1;
  --tab-analysis: #5d7892;
  --tab-logs: #66707c;
  --tab-diagnostics: #b46b1b;
  --tab-watchlist: #2e7d32;
  --tag-blue-bg: rgba(56, 126, 209, 0.10);
  --tag-blue-line: rgba(56, 126, 209, 0.24);
  --tag-purple-bg: rgba(123, 97, 201, 0.10);
  --tag-purple-line: rgba(123, 97, 201, 0.24);
  --tag-amber-bg: rgba(242, 169, 59, 0.14);
  --tag-amber-line: rgba(242, 169, 59, 0.30);
}

.tab-btn[data-tab="strategies"].active { --active-tab: var(--tab-strategies); }
.tab-btn[data-tab="backtest"].active { --active-tab: var(--tab-backtest); }
.tab-btn[data-tab="consensus"].active { --active-tab: var(--tab-consensus); }
.tab-btn[data-tab="screener"].active { --active-tab: var(--tab-screener); }
.tab-btn[data-tab="fo"].active { --active-tab: var(--tab-fo); }
.tab-btn[data-tab="live"].active { --active-tab: var(--tab-live); }
.tab-btn[data-tab="trades"].active { --active-tab: var(--tab-trades); }
.tab-btn[data-tab="analysis"].active { --active-tab: var(--tab-analysis); }
.tab-btn[data-tab="logs"].active { --active-tab: var(--tab-logs); }
.tab-btn[data-tab="diagnostics"].active { --active-tab: var(--tab-diagnostics); }
.tab-btn[data-tab="watchlist"].active { --active-tab: var(--tab-watchlist); }
.tab-btn.active {
  color: var(--active-tab, var(--info)) !important;
  border-bottom-color: var(--active-tab, var(--info)) !important;
}

#tab-strategies { --tab-accent: var(--tab-strategies); }
#tab-backtest { --tab-accent: var(--tab-backtest); }
#tab-consensus { --tab-accent: var(--tab-consensus); }
#tab-screener { --tab-accent: var(--tab-screener); }
#tab-fo { --tab-accent: var(--tab-fo); }
#tab-live { --tab-accent: var(--tab-live); }
#tab-trades { --tab-accent: var(--tab-trades); }
#tab-analysis { --tab-accent: var(--tab-analysis); }
#tab-logs { --tab-accent: var(--tab-logs); }
#tab-diagnostics { --tab-accent: var(--tab-diagnostics); }
#tab-watchlist { --tab-accent: var(--tab-watchlist); }

.tab-content {
  background: var(--ink-0) !important;
}
.tab-content .panel-title,
.tab-content > .bg-gray-900 .font-semibold.text-emerald-400,
.tab-content > .grid .bg-gray-900 .font-semibold.text-emerald-400,
.tab-content > .space-y-3 .font-semibold.text-emerald-400,
.tab-content h3.text-gray-200 {
  color: var(--tab-accent, var(--info)) !important;
}
.tab-content .bg-gray-900,
.tab-content .bg-gray-800,
.tab-content [class*="bg-gray-800"] {
  background: #ffffff !important;
  border-color: var(--line) !important;
}
.tab-content .bg-gray-700,
.tab-content [class*="bg-gray-700"] {
  background: #f3f6fa !important;
  border-color: var(--line-strong) !important;
  color: var(--paper) !important;
}

#tab-consensus > .bg-gray-800,
#tab-consensus .cn-strategy-row,
#tab-screener > .bg-gray-900,
#tab-live > .bg-gray-900,
#tab-trades > .bg-gray-900,
#tab-logs > .bg-gray-900 {
  border-top: 2px solid color-mix(in srgb, var(--tab-accent) 35%, var(--line));
}

[class*="bg-blue-900"] {
  background: var(--tag-blue-bg) !important;
  border-color: var(--tag-blue-line) !important;
  color: var(--info) !important;
}
[class*="text-blue-300"],
[class*="text-blue-400"] {
  color: var(--info) !important;
}
[class*="bg-purple-900"] {
  background: var(--tag-purple-bg) !important;
  border-color: var(--tag-purple-line) !important;
  color: var(--tab-consensus) !important;
}
[class*="text-purple-300"],
[class*="text-purple-400"] {
  color: var(--tab-consensus) !important;
}
[class*="bg-yellow-800"],
[class*="bg-yellow-900"] {
  background: var(--tag-amber-bg) !important;
  border-color: var(--tag-amber-line) !important;
  color: #9a650d !important;
}
[class*="text-yellow-300"],
[class*="text-yellow-400"],
[class*="text-yellow-500"],
[class*="text-amber-400"] {
  color: #9a650d !important;
}
[class*="bg-emerald-900"],
[class*="bg-emerald-950"],
[class*="bg-green-900"] {
  background: var(--up-soft) !important;
  border-color: rgba(67, 160, 71, 0.24) !important;
  color: #2e7d32 !important;
}
[class*="bg-red-900"],
[class*="bg-red-950"] {
  background: var(--down-soft) !important;
  border-color: rgba(223, 81, 76, 0.24) !important;
  color: var(--down) !important;
}
button[class*="bg-blue-900"],
button[class*="bg-blue-800"] {
  background: var(--info) !important;
  border-color: #2f73c8 !important;
  color: #ffffff !important;
}
button[class*="bg-purple-900"],
button[class*="bg-purple-800"] {
  background: var(--tab-consensus) !important;
  border-color: rgba(123, 97, 201, 0.42) !important;
  color: #ffffff !important;
}
button[class*="bg-yellow-800"],
button[class*="bg-yellow-900"] {
  background: #c98218 !important;
  border-color: rgba(201, 130, 24, 0.42) !important;
  color: #ffffff !important;
}
[class*="text-emerald-300"],
[class*="text-green-300"],
[class*="text-green-400"] {
  color: #2e7d32 !important;
}
[class*="text-red-300"],
[class*="text-red-400"] {
  color: var(--down) !important;
}

/* Old inline dark remnants that are still emitted by tab render functions. */
[style*="background:#080e18"],
[style*="background:#06090f"],
[style*="background:#071a0d"],
[style*="background:#0f1505"],
[style*="background:#1a0707"] {
  background: #ffffff !important;
}
[style*="background:rgba(15,23,42"],
[style*="background:rgba(16,185,129"],
[style*="background:rgba(34,197,94"],
[style*="background:rgba(55,65,81"],
[style*="background:rgba(251,113,133"] {
  background: #ffffff !important;
}
[style*="background:rgba(234,179,8"] {
  background: var(--tag-amber-bg) !important;
}
[style*="border:1px solid rgba(148,163,184"],
[style*="border-right:1px solid rgba(148,163,184"],
[style*="border-bottom:1px solid rgba(148,163,184"],
[style*="border-top:1px solid rgba(148,163,184"] {
  border-color: var(--line) !important;
}
[style*="color:#4ade80"],
[style*="color:#86efac"] {
  color: #2e7d32 !important;
}
[style*="color:#60a5fa"],
[style*="color:#93c5fd"] {
  color: var(--info) !important;
}
[style*="color:#a78bfa"] {
  color: var(--tab-consensus) !important;
}
[style*="color:#f59e0b"],
[style*="color:#fbbf24"],
[style*="color:#fde047"],
[style*="color:#fde68a"] {
  color: #9a650d !important;
}

#tab-fo th[style],
#tab-fo td[style] {
  border-color: var(--line) !important;
}
#tab-fo th[colspan="4"]:first-child {
  background: #f0fbf3 !important;
  color: #2e7d32 !important;
}
#tab-fo th[colspan="4"]:last-child {
  background: #fff3f1 !important;
  color: var(--down) !important;
}
#tab-fo th:not([colspan]) {
  background: #f8fafc !important;
}
#tab-fo th[style*="STRIKE"],
#tab-fo th:nth-child(5) {
  background: #fff8ec !important;
  color: #9a650d !important;
}

/* Designer cleanup pass: category chips + topbar operational badges */
.category-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  padding: 4px 8px;
  text-transform: lowercase;
}
.cat-intraday {
  background: var(--tag-blue-bg) !important;
  border-color: var(--tag-blue-line) !important;
  color: var(--info) !important;
}
.cat-swing {
  background: var(--tag-purple-bg) !important;
  border-color: var(--tag-purple-line) !important;
  color: var(--tab-consensus) !important;
}
.cat-options {
  background: var(--tag-amber-bg) !important;
  border-color: var(--tag-amber-line) !important;
  color: #9a650d !important;
}
.cat-default {
  background: #f3f6fa !important;
  border-color: var(--line-strong) !important;
  color: var(--muted) !important;
}

[class*="bg-blue-950"] {
  background: var(--tag-blue-bg) !important;
  border-color: var(--tag-blue-line) !important;
  color: var(--info) !important;
}
[class*="bg-purple-950"] {
  background: var(--tag-purple-bg) !important;
  border-color: var(--tag-purple-line) !important;
  color: var(--tab-consensus) !important;
}
[class*="bg-amber-950"] {
  background: var(--tag-amber-bg) !important;
  border-color: var(--tag-amber-line) !important;
  color: #9a650d !important;
}
[class*="border-blue-800"],
[class*="border-blue-700"] {
  border-color: var(--tag-blue-line) !important;
}
[class*="border-purple-800"],
[class*="border-purple-700"] {
  border-color: var(--tag-purple-line) !important;
}
[class*="border-amber-800"],
[class*="border-amber-700"],
[class*="border-yellow-700"] {
  border-color: var(--tag-amber-line) !important;
}

#kite-auth-btn,
#tg-btn,
#user-menu-btn,
#market-badge,
#paper-badge {
  border-radius: 6px !important;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.04);
  min-height: 30px;
}
#kite-auth-btn {
  background: #f5f9ff !important;
  border-color: var(--tag-blue-line) !important;
  color: var(--info) !important;
}
#kite-auth-btn[data-kite-state="connected"] {
  background: #f0fbf3 !important;
  border-color: rgba(67, 160, 71, 0.28) !important;
  color: #2e7d32 !important;
}
#kite-auth-btn[data-kite-state="expired"] {
  background: var(--tag-amber-bg) !important;
  border-color: var(--tag-amber-line) !important;
  color: #9a650d !important;
}
#kite-auth-btn[data-kite-state="disconnected"] {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--muted) !important;
}
#tg-btn {
  background: #f5f9ff !important;
  border-color: var(--tag-blue-line) !important;
  color: var(--info) !important;
}
#tg-btn[data-telegram-state="connected"] {
  background: #f0fbf3 !important;
  border-color: rgba(67, 160, 71, 0.28) !important;
  color: #2e7d32 !important;
}
#user-menu-btn {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--paper) !important;
}
#market-badge {
  background: #f3f6fa !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--muted) !important;
}
#market-badge.text-emerald-300,
#market-badge.text-green-300,
#market-badge.text-green-400 {
  background: #f0fbf3 !important;
  border-color: rgba(67, 160, 71, 0.28) !important;
  color: #2e7d32 !important;
}
#paper-badge {
  background: var(--tag-amber-bg) !important;
  border-color: var(--tag-amber-line) !important;
  color: #9a650d !important;
}

.topbar .h-8.w-px {
  background: var(--line) !important;
}

/* Profile dropdown and grouped navigation */
#user-menu-dropdown {
  background: #ffffff !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.16) !important;
  overflow: hidden;
}
#user-menu-info {
  background: #f8fafc !important;
  border-color: var(--line) !important;
}
#user-menu-name {
  color: var(--paper) !important;
}
#user-menu-email {
  color: var(--muted) !important;
}
#user-menu-tier {
  color: var(--info) !important;
}
#user-menu-dropdown a,
#user-menu-dropdown button {
  color: var(--paper) !important;
  background: #ffffff !important;
  border: 0 !important;
  min-height: 34px;
}
#user-menu-dropdown a:hover,
#user-menu-dropdown button:hover {
  background: #f5f9ff !important;
  color: var(--info) !important;
}
#user-menu-dropdown button[onclick="userLogout()"] {
  color: var(--down) !important;
}
#user-menu-dropdown button[onclick="userLogout()"]:hover {
  background: var(--down-soft) !important;
}

.grouped-tabs {
  align-items: stretch;
  display: flex;
  gap: 10px;
}
.nav-group {
  align-items: end;
  border-right: 1px solid var(--line);
  display: flex;
  flex: 0 0 auto;
  gap: 1px;
  padding-right: 10px;
}
.nav-group:last-child {
  border-right: 0;
}
.nav-group-label {
  align-self: center;
  color: var(--faint);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-right: 3px;
  text-transform: uppercase;
}
.tab-link {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--muted) !important;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  min-height: 34px;
  text-decoration: none;
  white-space: nowrap;
}
.tab-link:hover {
  background: #f5f9ff;
  color: var(--info) !important;
}

.gate-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.gate-chip {
  border-radius: 999px;
  display: inline-flex;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.1;
  padding: 3px 6px;
  text-transform: lowercase;
}
.gate-chip.good {
  background: var(--up-soft);
  color: #2e7d32;
}
.gate-chip.bad {
  background: var(--down-soft);
  color: var(--down);
}

@media (max-width: 980px) {
  .grouped-tabs {
    gap: 8px;
  }
  .nav-group-label {
    display: none;
  }
}

/* Three-section cockpit navigation + sharper typography. */
:root {
  --font-ui: "ZeroAI Geist", Geist, Aptos, "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: "ZeroAI Geist", Geist, "Aptos Display", Aptos, "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-data: "ZeroAI Geist Mono", "Geist Mono", "JetBrains Mono", "Cascadia Mono", Consolas, "SFMono-Regular", ui-monospace, monospace;
}
body,
button,
input,
select,
textarea {
  font-family: var(--font-ui) !important;
  font-optical-sizing: auto;
  letter-spacing: 0 !important;
}
.brand-display,
.panel-title,
.section-title,
.tab-btn,
.section-tab {
  font-family: var(--font-display) !important;
  font-weight: 760;
}
.font-mono,
.money,
.num,
.stat,
.diag-total,
.kpi-value,
td,
code,
kbd,
pre {
  font-family: var(--font-data) !important;
  font-variant-numeric: tabular-nums slashed-zero;
}
.font-semibold {
  font-weight: 700 !important;
}
.font-bold,
strong,
b {
  font-weight: 800 !important;
}
.font-black,
.brand-display {
  font-weight: 850 !important;
}

.section-rail {
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 6px;
  min-height: 42px;
  pointer-events: auto;
  position: relative;
  z-index: 40;
}
.section-tab {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  min-height: 30px;
  padding: 6px 13px;
  position: relative;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.section-tab:hover {
  background: #f5f9ff;
  color: var(--info);
}
.section-tab.active {
  background: #f5f9ff;
  border-color: var(--tag-blue-line);
  color: var(--info);
  box-shadow: inset 0 -2px 0 var(--info);
}
.section-tab[data-section="research"].active {
  background: var(--tag-purple-bg);
  border-color: var(--tag-purple-line);
  color: var(--tab-consensus);
  box-shadow: inset 0 -2px 0 var(--tab-consensus);
}
.section-tab[data-section="ops"].active {
  background: #f3f6fa;
  border-color: var(--line-strong);
  color: var(--tab-logs);
  box-shadow: inset 0 -2px 0 var(--tab-logs);
}

.subtab-rail {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
  min-height: 40px;
  padding-top: 0 !important;
  pointer-events: auto;
  position: relative;
  z-index: 39;
}
#subtab-indicator {
  --subtab-x: 16px;
  --subtab-w: 96px;
  background: linear-gradient(90deg, transparent, var(--active-tab, var(--info)) 18%, var(--active-tab, var(--info)) 82%, transparent);
  border: 0;
  border-radius: 999px;
  bottom: 6px;
  box-shadow: 0 2px 7px color-mix(in srgb, var(--active-tab, var(--info)) 28%, transparent);
  height: 2px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(var(--subtab-x));
  transition:
    opacity 130ms var(--ease-product),
    transform 300ms var(--ease-product),
    width 340ms var(--ease-product),
    box-shadow 180ms var(--ease-product);
  width: var(--subtab-w);
  z-index: 4;
}
#subtab-indicator.visible {
  opacity: 1;
}
#subtab-indicator.pulse {
  animation: subtabIndicatorPulse 340ms var(--ease-product) both;
}
.subtab-group {
  align-items: center;
  display: none;
  gap: 2px;
  min-height: 40px;
  pointer-events: none;
  position: relative;
  z-index: 2;
}
.subtab-group.active {
  display: flex;
  pointer-events: auto;
}
.subtab-group.active > * {
  animation: navItemIn .22s ease both;
}
.subtab-group.active > *:nth-child(2) { animation-delay: .025s; }
.subtab-group.active > *:nth-child(3) { animation-delay: .05s; }
.subtab-group.active > *:nth-child(4) { animation-delay: .075s; }

.subtab-rail .tab-btn,
.subtab-rail .tab-link {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  cursor: pointer;
  font-size: 12px;
  font-weight: 780;
  min-height: 30px;
  padding-bottom: 8px !important;
  padding-top: 6px !important;
  pointer-events: auto;
  position: relative;
  z-index: 5;
}
.subtab-rail .tab-btn.active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--active-tab, var(--info)) !important;
}
.subtab-rail .tab-link {
  border: 1px solid transparent;
}

.ops-native-panel {
  max-height: calc(100vh - 238px);
  overflow: auto;
}
.diag-total {
  color: var(--paper);
  font-family: var(--font-data);
  font-size: 24px;
  font-weight: 850;
  line-height: 1.2;
}
.diag-kv-grid {
  display: grid;
  gap: 6px 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.diag-kv-grid div,
.mini-metric,
.gate-result-row,
.watchlist-native-row {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 6px;
}
.diag-kv-grid div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 6px 8px;
}
.diag-kv-grid span,
.mini-metric span,
.gate-result-row small,
.watchlist-native-row span,
.watchlist-native-row small {
  color: var(--muted);
  font-size: 11px;
}
.diag-kv-grid b,
.mini-metric b {
  color: var(--paper);
  font-family: var(--font-data);
  font-size: 12px;
}
.mini-metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
}
.gate-result-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gate-result-row {
  border-left: 3px solid var(--line-strong);
  padding: 8px 9px;
}
.gate-result-row.good { border-left-color: var(--up); }
.gate-result-row.bad { border-left-color: var(--down); }
.gate-result-row span,
.watchlist-native-row b {
  color: var(--paper);
  display: block;
  font-size: 12px;
  font-weight: 850;
}
.gate-result-row b {
  color: var(--muted);
  display: block;
  font-size: 10px;
  margin-top: 3px;
}
.gate-result-row.good b { color: #2e7d32; }
.gate-result-row.bad b { color: var(--down); }
.watchlist-native-list {
  display: grid;
  gap: 6px;
  min-height: 160px;
}
.watchlist-native-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
}
.watchlist-native-row div {
  min-width: 0;
}
.watchlist-native-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.watchlist-native-row em {
  background: var(--tag-amber-bg);
  border-radius: 999px;
  color: #9a650d;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  margin-left: 5px;
  padding: 2px 6px;
}
.watchlist-native-row button {
  background: #ffffff;
  border: 1px solid var(--line-strong);
  border-radius: 5px;
  color: var(--down);
  font-size: 11px;
  font-weight: 800;
  padding: 5px 8px;
}
.watchlist-native-row button:hover {
  background: var(--down-soft);
}

#quote-add-btn {
  align-items: center;
  background: var(--info) !important;
  border: 1px solid #2f73c8 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.05);
  color: #ffffff !important;
  display: inline-flex;
  font-size: 14px !important;
  font-weight: 850 !important;
  justify-content: center;
  line-height: 1;
  min-height: 26px;
  min-width: 28px;
  padding: 0 9px !important;
}
#quote-add-btn:hover {
  background: #2f73c8 !important;
  border-color: #2f73c8 !important;
  color: #ffffff !important;
}
#quote-add-btn:focus-visible {
  outline: 2px solid rgba(56, 126, 209, 0.28);
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .gate-result-grid,
  .diag-kv-grid {
    grid-template-columns: 1fr;
  }
}

@keyframes navItemIn {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .subtab-group.active > * {
    animation: none;
  }
  .section-tab {
    transition: none;
  }
}

/* Standalone pages: compact daylight layer for legacy dark templates. */
.page-standalone,
.page-auth {
  background: linear-gradient(180deg, #f8fafc 0%, #f4f6f8 100%) !important;
  color: var(--paper) !important;
}
.page-standalone > div,
.page-auth > div { animation: pageLiftIn 180ms ease-out both; }

.page-standalone .panel,
.page-auth .panel {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.045) !important;
}
.page-standalone h1,
.page-standalone h2,
.page-standalone h3,
.page-standalone .font-semibold,
.page-auth h1,
.page-auth h2,
.page-auth h3 {
  color: var(--paper) !important;
  font-weight: 850 !important;
}
.page-standalone .muted,
.page-standalone [class*="text-slate-"],
.page-auth [class*="text-slate-"] { color: var(--muted) !important; }

.page-standalone .input,
.page-standalone input,
.page-standalone select,
.page-auth .input,
.page-auth input {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  color: var(--paper) !important;
}
.page-standalone .input:focus,
.page-standalone input:focus,
.page-standalone select:focus,
.page-auth .input:focus,
.page-auth input:focus {
  border-color: var(--info) !important;
  box-shadow: 0 0 0 3px rgba(56, 126, 209, 0.11) !important;
}
.page-standalone .btn,
.page-auth .btn-primary {
  background: var(--info) !important;
  border: 1px solid #2f73c8 !important;
  color: #ffffff !important;
}
.page-standalone .btn:hover,
.page-auth .btn-primary:hover { background: #2f73c8 !important; }
.page-standalone .btn:disabled,
.page-auth .btn-primary:disabled,
.page-profile #alloc-save-btn[disabled],
.page-profile #tg-save-btn[disabled],
.page-profile #dl-save-btn[disabled] {
  background: #f1f5f9 !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--faint) !important;
  cursor: not-allowed !important;
}

.page-standalone .pill { border: 1px solid transparent; }
.page-standalone .pill[style*="#374151"],
.page-standalone [style*="background:#374151"],
.page-standalone [style*="background:#1f2937"] {
  background: #f3f6fa !important;
  border-color: var(--line-strong) !important;
  color: var(--muted) !important;
}
.page-standalone .pill[style*="#14532d"],
.page-standalone [style*="background:#14532d"] {
  background: #f0fbf3 !important;
  border-color: rgba(67, 160, 71, 0.28) !important;
  color: #2e7d32 !important;
}
.page-standalone .pill[style*="#7c2d12"],
.page-standalone .pill[style*="#78350f"],
.page-standalone [style*="background:#78350f"] {
  background: var(--tag-amber-bg) !important;
  border-color: var(--tag-amber-line) !important;
  color: #9a650d !important;
}
.page-standalone .pill[style*="#7f1d1d"],
.page-standalone [style*="background:#7f1d1d"] {
  background: var(--down-soft) !important;
  border-color: rgba(223, 81, 76, 0.28) !important;
  color: var(--down) !important;
}
.page-standalone .pill[style*="#1e3a8a"],
.page-standalone .pill[style*="#581c87"],
.page-watchlist .pill[style*="#1e3a8a"],
.page-watchlist .pill[style*="#581c87"] {
  background: #f5f9ff !important;
  border-color: var(--tag-blue-line) !important;
  color: var(--info) !important;
}

.page-standalone .bg-slate-900\/60,
.page-standalone .bg-slate-900 {
  background: #f8fafc !important;
  border-color: var(--line) !important;
}
.page-standalone code.bg-slate-900 {
  background: #f3f6fa !important;
  color: var(--info) !important;
}

.page-admin table { border-collapse: separate !important; border-spacing: 0 !important; }
.page-admin th {
  background: #f8fafc !important;
  border-bottom: 1px solid var(--line-strong) !important;
  color: var(--muted) !important;
  font-weight: 800 !important;
}
.page-admin td {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
  color: var(--paper) !important;
}
.page-admin tr:hover td,
.page-admin .row-action:hover { background: #f5f9ff !important; }
.page-admin .row-action,
.page-watchlist .row button {
  background: #ffffff !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--paper) !important;
}
.page-admin .row-action:hover,
.page-watchlist .row button:hover {
  border-color: var(--info) !important;
  color: var(--info) !important;
}
.page-admin .row-action-danger { background: var(--down-soft) !important; color: var(--down) !important; }
.page-admin #tier-bars .bg-gray-800 { background: #eef2f7 !important; }

.page-profile #alloc-status { font-weight: 800 !important; }
.page-profile #alloc-intraday,
.page-profile #alloc-equity { accent-color: var(--info); }
.page-profile #alloc-intraday-val,
.page-profile #alloc-equity-val,
.page-profile #alloc-b-eq-id,
.page-profile #alloc-b-eq-sw { color: #2e7d32 !important; }
.page-profile #alloc-swing-val,
.page-profile .text-blue-300 { color: var(--info) !important; }
.page-profile #alloc-options-val,
.page-profile #alloc-b-op-id,
.page-profile #alloc-b-op-sw { color: #9a650d !important; }

.page-watchlist .row,
.page-diagnostics .gate-row {
  background: #ffffff;
  border-bottom-color: var(--line) !important;
}
.page-watchlist .sym-tag,
.page-diagnostics .gate-row .text-white { color: var(--paper) !important; }
.page-diagnostics .rounded.border-slate-800 {
  border-color: var(--line) !important;
  background: #ffffff !important;
}

@keyframes pageLiftIn {
  from { opacity: 0.92; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 2026 product polish: Vercel clarity + Linear density + Stripe controls. */
:root {
  --ink-0: #f6f7fb;
  --ink-1: #ffffff;
  --ink-2: #f9fafb;
  --ink-3: #eef2f7;
  --paper: #171a1f;
  --muted: #68707d;
  --faint: #a3abb7;
  --info: #2563eb;
  --blue: var(--info);
  --brass: var(--info);
  --brass-bright: #1d4ed8;
  --brass-soft: rgba(37, 99, 235, 0.095);
  --brass-line: rgba(37, 99, 235, 0.32);
  --up: #16a34a;
  --up-soft: rgba(22, 163, 74, 0.095);
  --down: #e5484d;
  --down-soft: rgba(229, 72, 77, 0.095);
  --warn: #d97706;
  --line: #e6e9ef;
  --line-strong: #cfd5df;
  --shadow-xs: 0 1px 1px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.055);
  --ease-product: cubic-bezier(.2, .8, .2, 1);
}

body {
  background: linear-gradient(180deg, #fbfcfe 0%, var(--ink-0) 44%, #f2f5f9 100%) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.topbar,
.tab-rail,
.section-rail,
.subtab-rail,
.panel,
.kpi-card,
.command-tile,
.bg-gray-900,
.bg-gray-800,
.page-standalone .panel,
.page-auth .panel {
  box-shadow: var(--shadow-xs) !important;
}

.panel,
.kpi-card,
.command-tile,
.bg-gray-900,
.page-standalone .panel,
.page-auth .panel {
  border-color: rgba(203, 213, 225, 0.78) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
}

button,
.btn,
.btn-primary,
.row-action,
.tab-btn,
.section-tab,
#kite-auth-btn,
#tg-btn,
#quote-add-btn {
  transition:
    background-color 140ms var(--ease-product),
    border-color 140ms var(--ease-product),
    color 140ms var(--ease-product),
    box-shadow 160ms var(--ease-product),
    transform 140ms var(--ease-product) !important;
}

button:hover,
.btn:hover,
.btn-primary:hover,
.row-action:hover,
#kite-auth-btn:hover,
#tg-btn:hover,
#quote-add-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm) !important;
}

button:active,
.btn:active,
.btn-primary:active,
.row-action:active,
#quote-add-btn:active {
  transform: translateY(0);
  box-shadow: var(--shadow-xs) !important;
}

.btn,
.btn-primary,
[class*="bg-emerald-700"],
[class*="bg-blue-700"],
#quote-add-btn {
  background: linear-gradient(180deg, #2f73ff 0%, var(--info) 100%) !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.row-action,
.tab-btn,
.section-tab,
button[class*="bg-gray-700"],
button[class*="bg-gray-800"] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--paper) !important;
}

input,
select,
textarea,
.input {
  background: #ffffff !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 7px !important;
  color: var(--paper) !important;
  box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.025);
}

input:focus,
select:focus,
textarea:focus,
.input:focus {
  border-color: rgba(37, 99, 235, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12), inset 0 1px 1px rgba(15, 23, 42, 0.02) !important;
  outline: none !important;
}

th,
.text-[10px].uppercase,
.kpi-label,
.command-label,
.nav-group-label {
  color: #667085 !important;
  font-size: 10px;
  font-weight: 700 !important;
  letter-spacing: 0.055em !important;
}

td,
.watchlist-native-row,
.gate-result-row,
.diag-kv-grid div,
.mini-metric {
  border-color: var(--line) !important;
}

tr:hover td,
.watchlist-native-row:hover,
.gate-result-row:hover,
.diag-kv-grid div:hover,
.mini-metric:hover {
  background: #f8fbff !important;
}

.pill,
.status-pill,
[class*="rounded-full"] {
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.tab-btn.active,
.section-tab.active {
  background: #ffffff !important;
  border-color: var(--line-strong) !important;
  box-shadow: inset 0 -2px 0 var(--active-tab, var(--info)), var(--shadow-xs) !important;
  color: var(--paper) !important;
}

#user-menu-dropdown,
#fo-autocomplete,
#quote-autocomplete {
  border-radius: 10px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.15) !important;
}

.q-auto-item:hover,
.fo-auto-item:hover,
#user-menu-dropdown a:hover,
#user-menu-dropdown button:hover {
  background: #f3f7ff !important;
}

@media (prefers-reduced-motion: reduce) {
  button,
  .btn,
  .btn-primary,
  .row-action,
  .tab-btn,
  .section-tab,
  #quote-add-btn {
    transition: none !important;
    transform: none !important;
  }
}

/* Subtab motion: match the primary Trade / Research / Operations layer. */
.subtab-rail .tab-btn,
.subtab-rail .tab-link {
  background: transparent !important;
  border-color: transparent !important;
  overflow: hidden;
  transform: translateY(0);
  transition:
    background-color 150ms var(--ease-product),
    border-color 150ms var(--ease-product),
    color 150ms var(--ease-product),
    box-shadow 170ms var(--ease-product),
    transform 150ms var(--ease-product) !important;
}
.subtab-rail .tab-btn::after,
.subtab-rail .tab-link::after {
  content: "";
  display: none;
}
.subtab-rail .tab-btn:hover,
.subtab-rail .tab-link:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--active-tab, var(--info)) !important;
  transform: none;
}
.subtab-rail .tab-btn.active,
.subtab-rail .tab-link.active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--active-tab, var(--info)) !important;
}
.subtab-rail .tab-btn.subtab-activating,
.subtab-rail .tab-link.subtab-activating {
  animation: subtabTextSettle 240ms var(--ease-product) both;
}
.subtab-rail .tab-btn.active::after,
.subtab-rail .tab-link.active::after {
  display: none;
}

@keyframes subtabTextSettle {
  0% {
    opacity: 0.76;
  }
  55% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes subtabIndicatorPulse {
  0% {
    opacity: 0.72;
    transform: translateX(var(--subtab-x)) scaleX(0.72);
  }
  46% {
    opacity: 1;
    transform: translateX(var(--subtab-x)) scaleX(1.05);
  }
  100% {
    opacity: 1;
    transform: translateX(var(--subtab-x)) scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .subtab-rail .tab-btn,
  .subtab-rail .tab-link {
    transition: none !important;
  }
  .subtab-rail .tab-btn::after,
  .subtab-rail .tab-link::after,
  #subtab-indicator,
  .subtab-rail .tab-btn.active,
  .subtab-rail .tab-link.active,
  .subtab-rail .tab-btn.subtab-activating,
  .subtab-rail .tab-link.subtab-activating {
    animation: none !important;
    transition: none !important;
  }
}

/* Final subtab polish: keep secondary navigation quiet and line-driven. */
.subtab-rail .tab-btn {
  isolation: isolate;
  overflow: hidden !important;
  position: relative !important;
}
.subtab-rail .tab-btn::before {
  content: "";
  display: none;
}
.subtab-rail .tab-btn.subtab-activating {
  animation: subtabTextSettle 240ms var(--ease-product) both !important;
}
.subtab-rail .tab-btn.subtab-activating::before {
  animation: none !important;
}

/* Review pass 1: quieter controls, sharper tab hierarchy, daylight status colors. */
:root {
  --control-bg: #ffffff;
  --control-bg-hover: #f7faff;
  --control-border: #d7dee8;
  --control-border-active: #9ec4f3;
  --control-text: #243040;
  --control-muted: #647083;
}

#kite-auth-btn,
#tg-btn,
#user-menu-btn,
#market-badge,
#paper-badge,
.status-pill {
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(15, 23, 42, 0.04) !important;
  min-height: 30px;
}

#kite-auth-btn:hover,
#tg-btn:hover,
#user-menu-btn:hover,
#market-badge:hover,
#paper-badge:hover,
.status-pill:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-1px);
}

#kite-auth-btn[data-kite-state="expired"],
#paper-badge {
  background: linear-gradient(180deg, #fff9ed 0%, #fff3dd 100%) !important;
  border-color: rgba(202, 138, 4, 0.32) !important;
  color: #94620b !important;
}

#kite-auth-btn[data-kite-state="connected"],
#tg-btn[data-telegram-state="connected"],
#market-badge.text-emerald-300,
#market-badge.text-green-300,
#market-badge.text-green-400 {
  background: linear-gradient(180deg, #f4fcf6 0%, #eaf8ee 100%) !important;
  border-color: rgba(46, 125, 50, 0.28) !important;
  color: #2e7d32 !important;
}

#kite-auth-btn[data-kite-state="disconnected"],
#market-badge,
#user-menu-btn {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border-color: var(--control-border) !important;
  color: var(--control-muted) !important;
}

#tg-btn {
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
  border-color: rgba(56, 126, 209, 0.28) !important;
  color: var(--info) !important;
}

#user-menu-btn {
  color: var(--control-text) !important;
}

#user-menu-avatar {
  background: linear-gradient(135deg, #eaf3ff 0%, #d9eaff 100%) !important;
  border: 1px solid rgba(56, 126, 209, 0.22);
  color: var(--info) !important;
}

#user-menu-avatar.avatar-has-image {
  background-color: #ffffff !important;
  background-image: var(--avatar-image) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: transparent !important;
}

/* Consensus polish pass: denser research controls and clearer strategy pool. */
#tab-consensus {
  gap: 10px !important;
}

#tab-consensus > .bg-gray-800 {
  background: #ffffff !important;
  border: 1px solid #d7e1ec !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}

#tab-consensus > .bg-gray-800:first-child {
  align-items: end !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}

#tab-consensus > .bg-gray-800:nth-child(2) {
  gap: 10px !important;
  padding: 10px 12px !important;
}

#tab-consensus label {
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 680 !important;
}

#tab-consensus input:not([type=checkbox]):not([type=radio]):not([type=range]),
#tab-consensus select {
  min-height: 32px !important;
}

#tab-consensus input[type=range] {
  height: 16px !important;
}

#tab-consensus #cn-score-val,
#tab-consensus #cn-score-hint {
  color: #2e7d32 !important;
}

#tab-consensus #cn-votes-val,
#tab-consensus #cn-votes-hint {
  color: #2563eb !important;
}

#tab-consensus #cn-run-btn {
  background: #2563eb !important;
  border: 1px solid #1f5fbf !important;
  border-radius: 7px !important;
  min-height: 34px !important;
}

#tab-consensus #cn-run-btn:hover {
  background: #1d4ed8 !important;
}

#tab-consensus h3 {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 840 !important;
}

#tab-consensus #cn-sel-count,
#tab-consensus #cn-wt-total {
  background: #f3f6fa !important;
  border: 1px solid #dbe3ee !important;
  color: #5e6b7e !important;
}

#tab-consensus #cn-strategy-pool {
  gap: 7px !important;
}

#tab-consensus .cn-strategy-row {
  background: #fbfdff !important;
  border-color: #dbe3ee !important;
  border-radius: 7px !important;
  min-height: 46px !important;
  padding: 8px 10px !important;
}

#tab-consensus .cn-strategy-row:hover {
  background: #f6f9ff !important;
  border-color: #9ec5fe !important;
}

#tab-consensus .cn-strategy-row:has(.cn-strat-chk:checked) {
  background: linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%) !important;
  border-color: #8bb8f3 !important;
  box-shadow: inset 3px 0 0 #2563eb !important;
}

#tab-consensus .cn-strategy-row .font-semibold {
  color: #263348 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

#tab-consensus .cn-strategy-row .text-gray-500 {
  color: #7a8698 !important;
  font-size: 10.5px !important;
}

#tab-consensus .cn-strat-chk {
  accent-color: #2563eb !important;
}

#tab-consensus .cn-weight {
  background: #ffffff !important;
  border-color: #cbd8e8 !important;
  color: #263348 !important;
  font-family: var(--font-data) !important;
  min-height: 30px !important;
  width: 58px !important;
}

#tab-consensus .cn-weight:disabled {
  background: #f4f7fb !important;
  color: #98a2b3 !important;
}

#tab-consensus .cn-strategy-row:has(.cn-strat-chk:checked) .cn-weight:not(:disabled) {
  border-color: #8bb8f3 !important;
}

#tab-consensus button:not(#cn-run-btn) {
  border-radius: 7px !important;
  font-weight: 720 !important;
  min-height: 27px !important;
}

/* Analytics polish pass: table density, panel balance, and clear empty states. */
#tab-analysis {
  background: linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%) !important;
  gap: 10px !important;
}

#tab-analysis #kpi-cards {
  gap: 8px !important;
  min-height: 38px;
}

#tab-analysis #kpi-cards > div {
  background: #ffffff !important;
  border: 1px solid #d7e1ec !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
  padding: 9px 11px !important;
}

#tab-analysis #kpi-cards .text-center,
#tab-analysis #strategy-breakdown .text-gray-600 {
  color: #8a94a5 !important;
  font-size: 12px !important;
}

#tab-analysis > .grid.grid-cols-12 {
  gap: 10px !important;
}

#tab-analysis > .grid.grid-cols-12 > .bg-gray-900 {
  background: #ffffff !important;
  border-color: #d7e1ec !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
  padding: 12px !important;
}

#tab-analysis .font-semibold.text-emerald-400 {
  color: #155eb8 !important;
  font-size: 12.5px !important;
  font-weight: 840 !important;
}

#tab-analysis select {
  min-height: 30px !important;
}

#tab-analysis button {
  border-radius: 7px !important;
  color: #2563eb !important;
  font-weight: 720 !important;
}

#tab-analysis .overflow-x-auto {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  max-height: 296px !important;
}

#tab-analysis table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 11.5px !important;
}

#tab-analysis thead {
  background: #f8fafc !important;
  position: sticky;
  top: 0;
  z-index: 2;
}

#tab-analysis th {
  border-bottom: 1px solid #dbe3ee !important;
  color: #667085 !important;
  font-size: 9.5px !important;
  letter-spacing: 0.045em !important;
  padding: 6px 7px !important;
}

#tab-analysis td {
  border-bottom: 1px solid #edf1f6 !important;
  color: #263348 !important;
  padding: 5px 7px !important;
}

#tab-analysis tbody tr:hover {
  background: #f6f9ff !important;
}

#tab-analysis td.font-semibold {
  color: #172033 !important;
  font-weight: 820 !important;
}

#tab-analysis td.text-green-400 {
  color: #2e7d32 !important;
}

#tab-analysis td.text-red-400,
#tab-analysis button.text-red-500 {
  color: #df514c !important;
}

#tab-analysis #strategy-breakdown {
  border: 1px dashed #dbe3ee !important;
  border-radius: 8px !important;
  min-height: 238px !important;
  padding: 10px !important;
}

#tab-analysis #strategy-breakdown > div:not(.text-gray-600) {
  background: #fbfdff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 7px !important;
  color: #263348 !important;
}

#tab-analysis canvas {
  max-height: 180px !important;
}

#user-menu-admin-pill,
#user-menu-admin-pill-2 {
  background: #fff7ed !important;
  border: 1px solid rgba(202, 138, 4, 0.26);
  border-radius: 4px !important;
  color: #94620b !important;
  letter-spacing: 0.04em !important;
}

.section-tab {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--control-muted) !important;
  min-width: 84px;
}

.section-tab:hover {
  background: var(--control-bg-hover) !important;
  border-color: var(--control-border) !important;
  box-shadow: none !important;
  transform: none;
}

.section-tab.active {
  background: #ffffff !important;
  border-color: var(--control-border-active) !important;
  box-shadow: inset 0 -2px 0 var(--info), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  color: var(--paper) !important;
}

.section-tab[data-section="research"].active {
  border-color: rgba(123, 97, 201, 0.28) !important;
  box-shadow: inset 0 -2px 0 var(--tab-consensus), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.section-tab[data-section="ops"].active {
  border-color: var(--control-border) !important;
  box-shadow: inset 0 -2px 0 var(--tab-logs), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.subtab-rail {
  box-shadow: none !important;
}

.subtab-rail .tab-btn {
  border: 0 !important;
  box-shadow: none !important;
  color: var(--control-muted) !important;
  letter-spacing: 0 !important;
  min-width: 112px !important;
}

.subtab-rail .tab-btn:hover,
.subtab-rail .tab-btn.active {
  color: var(--active-tab, var(--info)) !important;
  box-shadow: none !important;
  transform: none !important;
}

.cat-btn {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border-color: var(--control-border) !important;
  color: var(--control-muted) !important;
  box-shadow: none !important;
}

.cat-btn:hover {
  background: #f7faff !important;
  border-color: var(--control-border-active) !important;
  color: var(--info) !important;
  transform: none !important;
  box-shadow: none !important;
}

.cat-btn.active {
  background: #f5f9ff !important;
  border-color: var(--control-border-active) !important;
  box-shadow: inset 0 -2px 0 var(--info) !important;
  color: var(--info) !important;
}

#quote-add-btn {
  background: linear-gradient(180deg, #3f9b63 0%, #2f874f 100%) !important;
  border-color: #2c7c49 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  min-height: 28px;
  min-width: 28px;
}

#quote-add-btn:hover {
  background: linear-gradient(180deg, #43a66a 0%, #2f874f 100%) !important;
}

input[type=range] {
  accent-color: var(--info);
  cursor: pointer;
  height: 18px;
}

input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, rgba(56, 126, 209, 0.30), #e5eaf1);
  border-radius: 999px;
  height: 4px;
}

input[type=range]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  border: 2px solid var(--info);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.14);
  height: 14px;
  margin-top: -5px;
  width: 14px;
}

input[type=range]::-moz-range-track {
  background: #e5eaf1;
  border-radius: 999px;
  height: 4px;
}

input[type=range]::-moz-range-progress {
  background: rgba(56, 126, 209, 0.62);
  border-radius: 999px;
  height: 4px;
}

input[type=range]::-moz-range-thumb {
  background: #ffffff;
  border: 2px solid var(--info);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.14);
  height: 12px;
  width: 12px;
}

/* Review pass 2: catalog, watchlist, empty states, and KPI hierarchy. */
.command-strip {
  gap: 8px !important;
  padding: 8px 12px !important;
}

.command-tile {
  border-color: #dbe2eb !important;
  border-radius: 7px !important;
  min-height: 56px;
  padding: 8px 10px !important;
}

.command-tile:hover {
  border-color: #cbd7e6 !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.045) !important;
}

.command-label,
.kpi-label {
  color: #687386 !important;
  font-size: 9.5px !important;
  font-weight: 760 !important;
  letter-spacing: 0.055em !important;
}

.command-tile b,
.kpi-value {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  line-height: 1.1;
}

.command-tile small {
  color: #8a94a5 !important;
  font-size: 10.5px !important;
}

#cmd-loss,
.kpi-card.good .kpi-value {
  color: #2e7d32 !important;
}

.kpi-card.bad .kpi-value {
  color: var(--down) !important;
}

#cmd-macro,
#cmd-cost,
#cmd-pnl {
  font-family: var(--font-data) !important;
}

#tab-strategies > .col-span-3 > .bg-gray-900,
#param-editor-panel,
#presets-panel,
#tab-strategies > .col-span-3.flex.flex-col.gap-3:last-child > .bg-gray-900 {
  border-color: #dbe2eb !important;
  border-radius: 8px !important;
}

.panel-title,
#presets-panel .font-semibold,
#tab-strategies .font-semibold.text-emerald-400,
#tab-strategies .panel-title.text-xs {
  color: #155eb8 !important;
  font-size: 11.5px !important;
  font-weight: 820 !important;
  letter-spacing: 0.015em !important;
}

#tab-strategies .text-emerald-400 {
  color: #155eb8 !important;
}

#catalog-count,
#presets-list,
#active-strategies,
#quote-market-note,
#tab-strategies .text-gray-600 {
  color: #7b8797 !important;
}

#catalog-search,
#quote-sym {
  border-color: #d5dde8 !important;
  border-radius: 7px !important;
  min-height: 31px;
}

#catalog-search::placeholder,
#quote-sym::placeholder {
  color: #98a2b3 !important;
}

#tab-strategies .rounded-full.bg-emerald-900\/30,
.category-chip {
  border-radius: 999px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

#tab-strategies .rounded-full.bg-emerald-900\/30 {
  background: #f0fbf3 !important;
  border-color: rgba(46, 125, 50, 0.24) !important;
  color: #2e7d32 !important;
}

.cat-intraday {
  background: #eef6ff !important;
  border-color: rgba(56, 126, 209, 0.24) !important;
  color: #256dbf !important;
}

.cat-swing {
  background: #f3f8ee !important;
  border-color: rgba(67, 160, 71, 0.22) !important;
  color: #347c37 !important;
}

.cat-options {
  background: #fff7ed !important;
  border-color: rgba(202, 138, 4, 0.24) !important;
  color: #94620b !important;
}

.strategy-card {
  background: #ffffff !important;
  border: 1px solid #e0e6ee !important;
  border-left: 3px solid transparent !important;
  box-shadow: none !important;
  min-height: 74px;
}

.strategy-card:hover {
  background: #fbfdff !important;
  border-color: #cddcf0 !important;
  border-left-color: rgba(56, 126, 209, 0.45) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  transform: none !important;
}

.strategy-card.active {
  background: #f6faff !important;
  border-color: #b9d3f4 !important;
  border-left-color: var(--info) !important;
  box-shadow: 0 2px 8px rgba(56, 126, 209, 0.08) !important;
}

.strategy-card .font-bold,
.strategy-card .text-gray-100 {
  color: #172033 !important;
  font-size: 12.5px;
  font-weight: 820 !important;
}

.strategy-card .text-gray-500 {
  color: #506078 !important;
  font-size: 11.5px !important;
}

.strategy-card .text-gray-600 {
  color: #8590a0 !important;
}

#param-editor-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.92)),
    radial-gradient(circle at 50% 46%, rgba(56, 126, 209, 0.08), transparent 34%) !important;
}

#param-editor-panel > .text-center.pt-20 {
  color: #6f7b8e !important;
  font-size: 12px;
}

#param-editor-panel > .text-center.pt-20::before {
  color: #155eb8 !important;
  font-size: 12px;
  letter-spacing: 0.035em;
}

#param-editor-panel > .text-center.pt-20::after {
  color: #6f7b8e !important;
}

#quotes {
  display: grid;
  gap: 4px;
}

#quotes > div {
  background: #ffffff !important;
  border-color: #e0e6ee !important;
  border-radius: 6px !important;
  min-height: 27px;
}

#quotes > div:hover {
  background: #f8fbff !important;
  border-color: #cad8ea !important;
}

#quotes .font-semibold,
#quotes .text-gray-900 {
  color: #172033 !important;
  font-weight: 780 !important;
}

#quotes .font-mono {
  color: #2f3b4d !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
}

#quotes [id$="-chg"] {
  font-family: var(--font-data) !important;
  font-size: 11.5px !important;
  width: 58px !important;
}

#quotes .text-green-400,
#quotes [id$="-chg"].text-green-400,
#quotes [id$="-ltp"].text-green-400 {
  color: #2e7d32 !important;
}

#quotes .text-red-400,
#quotes [id$="-chg"].text-red-400,
#quotes [id$="-ltp"].text-red-400 {
  color: #df514c !important;
}

#quotes button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #9aa4b2 !important;
  transform: none !important;
}

#quotes button:hover {
  color: var(--down) !important;
}

#quote-refresh-dot {
  color: #98a2b3 !important;
}

#quote-count {
  color: #6f7b8e !important;
  font-family: var(--font-data) !important;
  font-weight: 720;
}

/* Motion restore 1: primary section tabs and strategy filter chips. */
.section-tab,
.cat-btn {
  overflow: hidden;
  position: relative;
  transition:
    background-color 150ms var(--ease-product),
    border-color 150ms var(--ease-product),
    color 150ms var(--ease-product),
    box-shadow 170ms var(--ease-product),
    transform 170ms var(--ease-product) !important;
}

.section-tab::after,
.cat-btn::after {
  background: currentColor;
  border-radius: 999px;
  bottom: 3px;
  content: "";
  height: 2px;
  left: 12px;
  opacity: 0;
  position: absolute;
  right: 12px;
  transform: scaleX(0.28);
  transform-origin: center;
  transition:
    opacity 170ms var(--ease-product),
    transform 210ms var(--ease-product) !important;
}

.section-tab:hover,
.cat-btn:hover {
  transform: translateY(-1px) !important;
}

.section-tab.active,
.cat-btn.active {
  animation: controlSelectSettle 280ms var(--ease-product) both !important;
}

.section-tab.active::after,
.cat-btn.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.section-tab:active,
.cat-btn:active {
  transform: translateY(0) scale(0.985) !important;
}

.cat-btn.active {
  box-shadow: inset 0 -2px 0 var(--info), 0 2px 8px rgba(56, 126, 209, 0.08) !important;
}

.section-tab.active {
  box-shadow: inset 0 -2px 0 var(--info), 0 2px 8px rgba(56, 126, 209, 0.07) !important;
}

.section-tab[data-section="research"].active {
  box-shadow: inset 0 -2px 0 var(--tab-consensus), 0 2px 8px rgba(123, 97, 201, 0.08) !important;
}

.section-tab[data-section="ops"].active {
  box-shadow: inset 0 -2px 0 var(--tab-logs), 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

@keyframes controlSelectSettle {
  0% {
    transform: translateY(1px) scale(0.985);
  }
  52% {
    transform: translateY(-1px) scale(1.012);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-tab,
  .cat-btn,
  .section-tab::after,
  .cat-btn::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* Live/Ops pass 1: make trust center and decision trace easier to scan. */
#tab-live {
  background:
    linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%) !important;
}

#tab-live > .bg-gray-900,
#tab-live .grid.grid-cols-12 > .bg-gray-900,
#tab-live #live-orders,
#tab-diagnostics section,
#tab-watchlist section {
  border-color: #dbe3ee !important;
  border-radius: 8px !important;
}

.live-section-head {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)),
    linear-gradient(90deg, rgba(56, 126, 209, 0.07), transparent 42%) !important;
  border-color: #d5e0ed !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}

#live-risk-bar {
  gap: 6px !important;
}

.risk-pill {
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
  font-size: 10.5px !important;
  padding: 5px 9px !important;
}

#live-kpis {
  gap: 8px !important;
}

.trust-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-color: #dce4ee !important;
  border-left-width: 4px !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
  min-height: 76px;
  padding: 9px 10px !important;
}

.trust-card:hover {
  border-color: #cbd8e8 !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05) !important;
}

.trust-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.trust-dot {
  background: #98a2b3;
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.13);
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

.trust-card.good .trust-dot {
  background: var(--up);
  box-shadow: 0 0 0 3px rgba(67, 160, 71, 0.13);
}

.trust-card.warn .trust-dot {
  background: var(--warn);
  box-shadow: 0 0 0 3px rgba(242, 169, 59, 0.16);
}

.trust-card.bad .trust-dot {
  background: var(--down);
  box-shadow: 0 0 0 3px rgba(223, 81, 76, 0.13);
}

.trust-label {
  color: #667085 !important;
  font-size: 9.5px !important;
  letter-spacing: 0.055em !important;
}

.trust-value {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 820 !important;
  margin-top: 6px !important;
}

.trust-sub {
  color: #7a8698 !important;
  font-size: 10.5px !important;
}

.decision-feed {
  gap: 8px !important;
  max-height: 300px !important;
}

.decision-row {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-color: #dce4ee !important;
  border-left-width: 4px !important;
  border-radius: 8px !important;
  grid-template-columns: minmax(190px, 0.72fr) minmax(0, 1.6fr) !important;
  min-height: 64px !important;
  padding: 9px 11px !important;
}

.decision-row:hover {
  border-color: #cbd8e8 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.045);
}

.decision-main {
  color: #172033 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.decision-main span {
  background: #f1f5f9;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  color: #667085 !important;
  display: inline-flex;
  font-size: 9px;
  margin-left: 6px !important;
  padding: 2px 6px;
}

.decision-meta,
.decision-reason span {
  color: #7a8698 !important;
  font-size: 10.8px !important;
}

.decision-reason b {
  align-items: center;
  color: #172033 !important;
  display: flex !important;
  gap: 7px;
  min-width: 0;
}

.verdict-pill {
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 9.5px;
  font-weight: 850;
  line-height: 1;
  padding: 4px 7px;
}

.verdict-pill.good {
  background: var(--up-soft);
  border: 1px solid rgba(67, 160, 71, 0.22);
  color: #2e7d32;
}

.verdict-pill.warn {
  background: var(--tag-amber-bg);
  border: 1px solid var(--tag-amber-line);
  color: #94620b;
}

.verdict-pill.bad {
  background: var(--down-soft);
  border: 1px solid rgba(223, 81, 76, 0.22);
  color: var(--down);
}

.gate-chip-row {
  gap: 5px !important;
  margin-top: 7px !important;
}

.gate-chip {
  align-items: center;
  border: 1px solid transparent;
  gap: 4px;
  padding: 3px 7px !important;
  text-transform: none !important;
}

.gate-chip b {
  color: inherit !important;
  display: inline !important;
  font-size: 8.5px !important;
  font-weight: 760 !important;
  opacity: 0.72;
}

.gate-chip.good {
  border-color: rgba(67, 160, 71, 0.18);
}

.gate-chip.bad {
  border-color: rgba(223, 81, 76, 0.18);
}

.gate-chip.mid {
  background: #f3f6fa;
  border-color: #dbe3ee;
  color: #667085;
}

.empty-state.compact {
  background: #f8fafc !important;
  border-color: #d5dde8 !important;
  border-radius: 8px !important;
  color: #7a8698 !important;
}

.gate-result-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gate-result-row {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-color: #dce4ee !important;
  border-left-width: 4px !important;
  border-radius: 8px !important;
}

.watchlist-native-row {
  background: #ffffff !important;
  border-color: #dce4ee !important;
  border-radius: 8px !important;
}

.watchlist-native-row:hover {
  border-color: #cbd8e8 !important;
}

@media (max-width: 1180px) {
  .gate-result-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* QA pass 1: standalone daylight cleanup + responsive dashboard grids. */
.page-standalone {
  background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
  color: var(--paper) !important;
}

.page-standalone > div {
  width: min(100%, 1160px);
}

.page-standalone .panel {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: #dbe3ee !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}

.page-standalone h1 {
  color: #155eb8 !important;
  font-size: 21px !important;
  font-weight: 850 !important;
}

.page-standalone h2,
.page-standalone h3,
.page-standalone .text-white {
  color: #172033 !important;
}

.page-standalone a {
  color: var(--info) !important;
}

.page-standalone a:hover {
  color: #1d4ed8 !important;
}

.page-standalone .pill,
.page-profile #acc-email-badge,
.page-profile #zd-status,
.page-profile #tg-status,
.page-profile #alloc-status,
.page-profile #lm-mode-badge,
.page-profile #dl-status,
.page-profile #ext-count,
.page-profile #totp-status,
.page-profile #email2fa-status,
.page-admin #freeze-state,
.page-diagnostics #macro-pill {
  background: #f3f6fa !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 999px !important;
  color: #667085 !important;
  font-weight: 780 !important;
}

.page-standalone .pill[style*="#14532d"],
.page-standalone .pill[style*="#15803d"],
.page-standalone .pill[style*="#16a34a"],
.page-standalone [style*="background:#14532d"],
.page-standalone [style*="background:#15803d"],
.page-standalone [style*="background:#16a34a"] {
  background: #f0fbf3 !important;
  border-color: rgba(46, 125, 50, 0.26) !important;
  color: #2e7d32 !important;
}

.page-standalone .pill[style*="#7f1d1d"],
.page-standalone .pill[style*="#dc2626"],
.page-standalone [style*="background:#7f1d1d"],
.page-standalone [style*="background:#dc2626"] {
  background: #fff3f1 !important;
  border-color: rgba(223, 81, 76, 0.26) !important;
  color: var(--down) !important;
}

.page-standalone .pill[style*="#78350f"],
.page-standalone .pill[style*="#7c2d12"],
.page-standalone .pill[style*="#ca8a04"],
.page-standalone [style*="background:#78350f"],
.page-standalone [style*="background:#7c2d12"],
.page-standalone [style*="background:#ca8a04"] {
  background: #fff7ed !important;
  border-color: rgba(202, 138, 4, 0.28) !important;
  color: #94620b !important;
}

.page-profile #av-preview,
#user-menu-avatar {
  background-color: #eaf3ff !important;
  background-image: linear-gradient(135deg, #eaf3ff 0%, #d9eaff 100%);
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(56, 126, 209, 0.22) !important;
  color: var(--info) !important;
}

#user-menu-avatar.avatar-has-image {
  background-color: #ffffff !important;
  background-image: var(--avatar-image) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: transparent !important;
}

.page-profile .bg-slate-900\/60,
.page-diagnostics .bg-slate-900\/60,
.page-watchlist .row,
.page-diagnostics .gate-row,
.page-profile [style*="background:#1f2937"],
.page-profile [style*="background:#374151"],
.page-profile [style*="background:#111827"],
.page-admin [style*="background:#374151"],
.page-watchlist [style*="background:#1f2937"],
.page-diagnostics [style*="background:#374151"] {
  background: #ffffff !important;
  border-color: #dbe3ee !important;
  color: var(--paper) !important;
}

.page-standalone table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.page-standalone th {
  background: #f8fafc !important;
  border-bottom: 1px solid #dbe3ee !important;
  color: #667085 !important;
}

.page-standalone td {
  background: #ffffff !important;
  border-bottom: 1px solid #e6e9ef !important;
  color: var(--paper) !important;
}

.page-profile .btn-danger,
.page-watchlist .btn-danger,
.page-admin .row-action-danger {
  background: var(--down-soft) !important;
  border-color: rgba(223, 81, 76, 0.28) !important;
  color: var(--down) !important;
}

.page-profile button[style*="cursor:not-allowed"],
.page-profile button:disabled,
.page-admin button:disabled {
  background: #f1f5f9 !important;
  border-color: #dbe3ee !important;
  color: #98a2b3 !important;
}

@media (max-width: 1180px) {
  #tab-strategies,
  #tab-backtest,
  #tab-consensus,
  #tab-screener,
  #tab-live,
  #tab-watchlist,
  #tab-diagnostics {
    padding: 10px !important;
  }

  #tab-strategies > .col-span-3,
  #tab-strategies > .col-span-6,
  #tab-strategies > .col-span-12,
  #tab-backtest .col-span-4,
  #tab-backtest .col-span-8,
  #tab-live .col-span-4,
  #tab-live .col-span-8 {
    grid-column: span 12 / span 12 !important;
  }

  #tab-strategies > .col-span-3.flex.flex-col.gap-3:first-child {
    order: 1;
  }

  #param-editor-panel {
    min-height: 360px;
    order: 2;
  }

  #tab-strategies > .col-span-3.flex.flex-col.gap-3:last-child {
    order: 3;
  }
}

@media (max-width: 900px) {
  .topbar {
    gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .topbar .flex.items-center.gap-3,
  .topbar .flex.items-center.gap-4 {
    gap: 8px !important;
  }

  #kite-auth-btn,
  #tg-btn,
  #user-menu-btn {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .command-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .section-rail,
  .subtab-rail {
    overflow-x: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .section-tab,
  .subtab-rail .tab-btn {
    min-width: max-content !important;
  }

  #tab-live .grid.grid-cols-12,
  #tab-watchlist .grid.grid-cols-2,
  #tab-diagnostics .grid.grid-cols-2,
  .gate-result-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .page-standalone {
    padding: 12px !important;
  }

  .page-standalone .flex.items-center.justify-between {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .command-strip {
    grid-template-columns: 1fr !important;
  }

  #tab-strategies .grid.grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .decision-row {
    grid-template-columns: 1fr !important;
  }

  #live-kpis {
    grid-template-columns: 1fr !important;
  }
}

/* Live Monitor polish pass: denser operator view. */
#tab-live {
  gap: 10px !important;
  padding-top: 10px !important;
}

#tab-live .live-section-head {
  align-items: center !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
}

#tab-live .live-section-head .section-title {
  color: #111827 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

#tab-live .live-section-head .section-subtitle {
  color: #667085 !important;
  font-size: 10.5px !important;
  margin-top: 1px !important;
}

#live-risk-bar {
  gap: 5px !important;
  margin: -2px 0 2px !important;
}

#live-risk-bar .risk-pill {
  min-height: 22px !important;
  padding: 3px 8px !important;
}

#live-kpis {
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#live-kpis .trust-card {
  border-left-width: 3px !important;
  min-height: 62px !important;
  padding: 7px 9px !important;
}

#live-kpis .trust-card:hover {
  transform: translateY(-1px);
}

#live-kpis .trust-label {
  font-size: 8.8px !important;
  letter-spacing: 0.045em !important;
  line-height: 1.05 !important;
}

#live-kpis .trust-value {
  font-size: 13.5px !important;
  line-height: 1.05 !important;
  margin-top: 4px !important;
}

#live-kpis .trust-sub {
  font-size: 9.8px !important;
  line-height: 1.2 !important;
  margin-top: 3px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#live-kpis .trust-dot {
  height: 5px !important;
  width: 5px !important;
}

#live-kpis .trust-card[data-trust="kite-session"],
#live-kpis .trust-card[data-trust="freeze"],
#live-kpis .trust-card[data-trust="reconciliation"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 252, 249, 0.98)) !important;
}

#tab-live .grid.grid-cols-12 {
  gap: 10px !important;
}

#tab-live .grid.grid-cols-12 > .bg-gray-900,
#tab-live > .bg-gray-900 {
  background: #ffffff !important;
  border-color: #d7e1ec !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}

#tab-live .grid.grid-cols-12 > .bg-gray-900 .font-semibold,
#tab-live > .bg-gray-900 .font-semibold {
  color: #2563eb !important;
  font-size: 12.5px !important;
}

#tab-live .text-gray-600,
#tab-live .text-gray-500 {
  color: #6b778c !important;
}

#tab-live .refresh-link,
#tab-live button.text-gray-500 {
  border: 1px solid #d8e2ef !important;
  border-radius: 7px !important;
  color: #2563eb !important;
  font-weight: 720 !important;
  min-height: 26px !important;
  padding: 4px 8px !important;
}

#tab-live .refresh-link:hover,
#tab-live button.text-gray-500:hover {
  background: #eef5ff !important;
  border-color: #9ec5fe !important;
  color: #0f5bd7 !important;
}

#signal-feed,
#live-positions,
#live-orders {
  color: #243044 !important;
}

@media (max-width: 1280px) {
  #live-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #live-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #live-kpis {
    grid-template-columns: 1fr !important;
  }
}

/* Live Monitor polish pass 2: quieter navigation, stronger status hierarchy. */
.tab-btn[data-tab].active,
.subtab-rail .tab-btn[data-tab].active {
  --active-tab: #2563eb !important;
  color: #1f5fbf !important;
}

.section-tab.active {
  --active-tab: #2563eb !important;
  color: #111827 !important;
}

#subtab-indicator {
  --active-tab: #2563eb !important;
}

#tab-live .live-section-head {
  background: transparent !important;
  border-color: transparent transparent #dbe3ee transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: -2px !important;
  padding: 6px 2px 8px !important;
}

#tab-live .live-section-head .section-title {
  font-size: 13.5px !important;
}

#tab-live .live-section-head .refresh-link {
  background: #ffffff !important;
}

#live-kpis .trust-card[data-trust="market"],
#live-kpis .trust-card[data-trust="kite-session"],
#live-kpis .trust-card[data-trust="freeze"],
#live-kpis .trust-card[data-trust="reconciliation"] {
  border-color: #cbd8e8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 1px 3px rgba(15, 23, 42, 0.055) !important;
}

#live-kpis .trust-card[data-trust="kite-session"].good,
#live-kpis .trust-card[data-trust="freeze"].good,
#live-kpis .trust-card[data-trust="reconciliation"].good {
  background:
    linear-gradient(180deg, #ffffff 0%, #f4fbf6 100%) !important;
}

#tab-live .grid.grid-cols-12 > .bg-gray-900 {
  padding: 11px 12px !important;
}

#tab-live .grid.grid-cols-12 > .bg-gray-900 .mb-2 {
  margin-bottom: 8px !important;
}

#live-positions > .text-center,
#live-orders > .text-center,
#signal-feed > .text-gray-600 {
  background: transparent !important;
  border: 0 !important;
  color: #7a8698 !important;
  padding: 5px 0 !important;
}

#live-positions [class*="border-dashed"] {
  border-color: #e4eaf2 !important;
  background: #fbfdff !important;
}

#decision-feed .empty-state.compact {
  background: #fbfdff !important;
  border: 1px solid #e4eaf2 !important;
  color: #7a8698 !important;
  padding: 8px 10px !important;
}

/* Profile polish pass: align settings pages with the daylight dashboard. */
.page-profile {
  background:
    linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
}

.page-profile > div {
  max-width: 900px !important;
  width: min(100%, 900px) !important;
}

.page-profile .flex.items-center.justify-between.mb-6 {
  align-items: flex-end !important;
  border-bottom: 1px solid #dbe3ee !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
}

.page-profile h1 {
  color: #111827 !important;
  font-size: 19px !important;
  letter-spacing: 0 !important;
}

.page-profile .flex.items-center.gap-4 a {
  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 7px !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  padding: 6px 9px !important;
  text-decoration: none !important;
}

.page-profile .flex.items-center.gap-4 a:hover {
  background: #eef5ff !important;
  border-color: #9ec5fe !important;
}

.page-profile .panel {
  border-color: #d7e1ec !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035) !important;
  margin-bottom: 12px !important;
  padding: 16px 20px !important;
}

.page-profile .panel:hover {
  border-color: #cbd8e8 !important;
}

.page-profile h2 {
  color: #111827 !important;
  font-size: 12.5px !important;
  font-weight: 840 !important;
  letter-spacing: 0.02em !important;
}

.page-profile p,
.page-profile .muted {
  color: #667085 !important;
  line-height: 1.45 !important;
}

.page-profile b,
.page-profile strong {
  color: #263348 !important;
  font-weight: 820 !important;
}

.page-profile .pill,
.page-profile #acc-email-badge,
.page-profile #zd-status,
.page-profile #tg-status,
.page-profile #alloc-status,
.page-profile #lm-mode-badge,
.page-profile #dl-status,
.page-profile #ext-count,
.page-profile #totp-status,
.page-profile #email2fa-status {
  background: #f6f8fb !important;
  border-color: #d8e2ef !important;
  color: #5e6b7e !important;
  font-size: 10px !important;
  min-height: 22px !important;
  padding: 3px 9px !important;
}

.page-profile .btn,
.page-profile button.btn,
.page-profile a.btn {
  background: #2563eb !important;
  border: 1px solid #1f5fbf !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-weight: 760 !important;
}

.page-profile .btn:hover,
.page-profile button.btn:hover,
.page-profile a.btn:hover {
  background: #1d4ed8 !important;
}

.page-profile button:not(.btn):not(.btn-danger)[style*="background:#16a34a"] {
  background: #edf8f0 !important;
  border: 1px solid rgba(46, 125, 50, 0.24) !important;
  color: #2e7d32 !important;
}

.page-profile input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {
  min-height: 34px !important;
}

.page-profile input[type=range] {
  height: 18px !important;
}

.page-profile input[type=range]::-webkit-slider-runnable-track {
  height: 5px !important;
}

.page-profile input[type=range]::-webkit-slider-thumb {
  margin-top: -5px !important;
}

.page-profile #alloc-intraday-val,
.page-profile #alloc-equity-val,
.page-profile #alloc-b-eq-id,
.page-profile #alloc-b-eq-sw {
  color: #2e7d32 !important;
}

.page-profile #alloc-swing-val,
.page-profile .text-blue-300 {
  color: #2563eb !important;
}

.page-profile #alloc-options-val,
.page-profile #alloc-b-op-id,
.page-profile #alloc-b-op-sw,
.page-profile .text-amber-300 {
  color: #94620b !important;
}

.page-profile .bg-slate-900\/60 {
  background: #fbfdff !important;
  border-color: #dbe3ee !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

.page-profile .grid.grid-cols-2.gap-2.text-xs {
  gap: 8px !important;
}

.page-profile #lm-checklist > div,
.page-profile #ext-list > div,
.page-profile #totp-enabled-view,
.page-profile #totp-disabled-view {
  color: #263348 !important;
}

.page-profile #lm-frozen {
  background: #fff3f1 !important;
  border: 1px solid rgba(223, 81, 76, 0.24) !important;
  color: #b42318 !important;
}

.page-profile .border-t,
.page-profile [style*="border-bottom:1px solid var(--line)"] {
  border-color: #dbe3ee !important;
}

.page-profile code,
.page-profile #totp-secret {
  background: #f8fafc !important;
  border: 1px solid #dbe3ee !important;
  color: #2563eb !important;
}

.page-profile .text-red-300,
.page-profile section[style*="127,29,29"] h2 {
  color: #b42318 !important;
}

.page-profile section[style*="127,29,29"] {
  background: linear-gradient(180deg, #ffffff 0%, #fffafa 100%) !important;
  border-color: rgba(223, 81, 76, 0.24) !important;
}

@media (max-width: 760px) {
  .page-profile .flex.items-center.justify-between.mb-6 {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .page-profile .grid.grid-cols-2 {
    grid-template-columns: 1fr !important;
  }
}