/* Torpedo · cobalt, ink and silver. Layout lives in workspace/refinement. */
@layer torpedo-workspace {
  :root {
    --bg: #f3f6fc !important;
    --panel: #fff !important;
    --line: #cbd8ec !important;
    --text: #111b2e !important;
    --muted: #455672 !important;
    --brand: #155eef !important;
    --brand2: #1247bd !important;
    --ok: #08735b !important;
    --bad: #b42346 !important;
  }
  body { --accent: #155eef; --tint: #eaf1ff; --accent-line: #b8cef9; }
  body:is([data-active-tab="grab-player"],[data-active-tab="data-player"]) { --accent: #6343c4; --tint: #f0ecff; --accent-line: #cec2f3; }
  body:is([data-active-tab="grab-board"],[data-active-tab="transactions"]) { --accent: #087969; --tint: #e5f6f1; --accent-line: #abd8cc; }
  body[data-active-tab="history"] { --accent: #976014; --tint: #fff4df; --accent-line: #e7cf9d; }
  body[data-active-tab="telegram-bot"] { --accent: #086f99; --tint: #e4f4ff; --accent-line: #b0d5eb; }
  html, body { color: #111b2e !important; background: #f3f6fc !important; }
  body .content { background: linear-gradient(135deg,#edf3ff 0,#f5f7fc 48%,#f3f7fb 100%) !important; }
  body .sidebar { background: linear-gradient(165deg,#fff 36%,#eff4ff 100%) !important; border-right-color: #cbd8ed !important; }
  body .brand-wrap .brand-icon { object-fit: contain; mix-blend-mode: multiply; }
  body .brand-wrap strong { color: #12203a !important; letter-spacing: -.045em !important; }
  body .nav-group-label, body .workspace-label { color: #516583 !important; }
  body .sidebar .nav-btn.active {
    color: #fff !important; background: linear-gradient(125deg,#216cf0,#164fcf) !important;
    border-color: #1554d1 !important; box-shadow: 0 4px 10px #155eef20 !important;
  }
  body .sidebar .nav-btn.active .nav-icon { color: #fff !important; }
  body .sidebar .nav-btn:not(.active):hover { background: #e7efff !important; border-color: #c4d5f2 !important; }
  body .sidebar .nav-btn[data-tab="data-dw"] .nav-icon,
  body .sidebar .nav-btn[data-tab="grab-dw"] .nav-icon { color: #155eef !important; }
  body .sidebar .nav-btn[data-tab="data-player"] .nav-icon,
  body .sidebar .nav-btn[data-tab="grab-player"] .nav-icon { color: #6343c4 !important; }
  body .sidebar .nav-btn[data-tab="transactions"] .nav-icon,
  body .sidebar .nav-btn[data-tab="grab-board"] .nav-icon { color: #087969 !important; }
  body .sidebar .nav-btn.active[data-tab] .nav-icon { color: #fff !important; }
  body .workspace-page-icon { color: var(--accent); background: linear-gradient(145deg,#fff,var(--tint)); border-color: var(--accent-line); box-shadow: 0 3px 8px #2048870a; }
  body :is(.card,.dash-card,.history-card,.data-card,.site-health,.site-card,.glass-card,.queue-card,.transaction-card,.dashboard-main-card) {
    border-color: #cbd8ec !important; box-shadow: 0 5px 20px #244d8707,inset 0 1px #fff !important;
  }
  body .card.control-hero-card { background: linear-gradient(115deg,var(--tint),#fff 90%) !important; border-color: var(--accent-line) !important; }
  body .btn-primary, body .btn-premium, body .premium-submit-btn {
    color: #fff !important; background: linear-gradient(170deg,#246af0,#164fce) !important;
    border-color: #1554d1 !important; box-shadow: 0 3px 7px #155eef1c,inset 0 1px #ffffff26 !important;
  }
  body .btn-primary:hover, body .btn-premium:hover, body .premium-submit-btn:hover { background: linear-gradient(170deg,#1559de,#1242b4) !important; }
  body :is(button,input,select,textarea,summary):focus-visible { outline: 3px solid #79a9f7 !important; outline-offset: 3px !important; }
  body .dashboard-main-card { --panel-accent: #155eef; --panel-tint: #e3edff; --panel-line: #b6ccf5; }
  body .dashboard-main-card:nth-child(2) { --panel-accent: #6343c4; --panel-tint: #ebe5ff; --panel-line: #cabaf0; }
  body .dashboard-main-card:nth-child(3) { --panel-accent: #087969; --panel-tint: #dff4ed; --panel-line: #aedbcd; }
  body .dashboard-main-card .dashboard-main-topbar {
    background: linear-gradient(110deg,var(--panel-tint),#fafcff) !important;
    border-bottom-color: var(--panel-line) !important; box-shadow: inset 0 3px var(--panel-accent) !important;
  }
  body .dashboard-main-card .workspace-panel-configure { color: var(--panel-accent); border-color: var(--panel-line); background: #ffffffd9; }
  body .dashboard-main-card .workspace-panel-detail { color: var(--panel-accent); border-color: var(--panel-line); background: var(--panel-tint); }
  body .workspace-section-tabs, body .workspace-panel-tabs, body .workspace-module-nav { background: #e9eff9 !important; border-color: #c8d5eb !important; }
  body .workspace-section-tabs button[aria-pressed=true], body .workspace-panel-tabs button[aria-pressed=true], body .workspace-module-nav button[aria-current=page] {
    color: var(--accent) !important; background: #fff !important; border-color: var(--accent-line) !important; box-shadow: 0 2px 5px #234b8110 !important;
  }
  body thead th { background: #edf2fb !important; color: #273f63 !important; border-bottom-color: #cbd8ec !important; }
  body tbody tr:nth-child(even)>td { background: #f8faff !important; }
  body tbody tr:hover>td { background: #edf3ff !important; }
  body .workspace-bottom-nav { background: #fbfdfffa; border-top-color: #bfcfea; box-shadow: 0 -3px 16px #1643770c; }
  body .workspace-bottom-nav button[aria-current=page] { color: #fff !important; background: linear-gradient(125deg,#246af0,#164fce) !important; border-color: #1554d1 !important; }
  body .login-shell { background: radial-gradient(ellipse at 16% 10%,#cfe1ff,transparent 54%),radial-gradient(ellipse at 92% 88%,#dbe7fb,transparent 54%),#f5f8ff !important; }
  body .login-card { background: #ffffffed !important; border-color: #becfec !important; box-shadow: 0 20px 65px #2454a21a,inset 0 1px #fff !important; }
  body .login-card .brand-icon.large { width: 72px !important; height: 72px !important; object-fit: contain; mix-blend-mode: multiply; }
  body .login-title { color: #12203a !important; }
  body .login-subtitle { color: #405471 !important; }
}