/* ================================================================
   WO Premium Visual Layer — v1.0
   Adds: 3D depth, glassmorphism, visual hierarchy, trust signals,
   established-software polish. Drop-in — no existing styles broken.
   ================================================================ */

/* ─── GLOBAL DEPTH SYSTEM ─────────────────────────────────── */
:root {
  --wo-shadow-sm: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
  --wo-shadow-md: 0 4px 14px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.25);
  --wo-shadow-lg: 0 10px 40px rgba(0,0,0,0.4), 0 4px 12px rgba(0,0,0,0.3);
  --wo-shadow-xl: 0 20px 60px rgba(0,0,0,0.5), 0 8px 20px rgba(0,0,0,0.35);
  --wo-shadow-glow: 0 0 20px rgba(var(--wo-accent-rgb),0.08);
  --wo-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(0,0,0,0.1);
  --wo-glass: rgba(255,255,255,0.025);
  --wo-glass-border: rgba(255,255,255,0.06);
  --wo-glass-hover: rgba(255,255,255,0.05);
  --wo-ring-accent: 0 0 0 1px rgba(var(--wo-accent-rgb),0.15);
}

/* ─── CARDS: Multi-layer depth ────────────────────────────── */
.card {
  box-shadow: var(--wo-shadow-md), var(--wo-shadow-inset) !important;
  border: 1px solid var(--wo-glass-border) !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.04) 0%,
    rgba(255,255,255,0.015) 100%
  ) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
  position: relative;
}
.card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
  border-radius: 18px 18px 0 0;
  pointer-events: none;
}
.card:hover {
  box-shadow: var(--wo-shadow-lg), var(--wo-shadow-glow) !important;
  border-color: rgba(var(--wo-accent-rgb),0.12) !important;
  transform: translateY(-1px);
}
.wo-reduce-motion .card:hover { transform: none; }

/* ─── ELEVATED CARD (for Morning Briefing, Alerts) ────────── */
.card--elevated,
[style*="linear-gradient(135deg,rgba(var(--wo-accent-rgb)"] {
  box-shadow: var(--wo-shadow-lg), 0 0 30px rgba(var(--wo-accent-rgb),0.06) !important;
  border: 1px solid rgba(var(--wo-accent-rgb),0.18) !important;
}

/* ─── SIDEBAR: Depth + frosted glass ──────────────────────── */
.sidebar {
  box-shadow: 4px 0 24px rgba(0,0,0,0.3), 1px 0 0 rgba(255,255,255,0.03) !important;
  background: linear-gradient(
    180deg,
    var(--panel) 0%,
    color-mix(in srgb, var(--panel) 85%, black) 100%
  ) !important;
  border-right: 1px solid rgba(255,255,255,0.05) !important;
}

/* ─── NAV BUTTONS: 3D press effect ────────────────────────── */
.navbtn {
  transition: all 0.15s ease !important;
  border: 1px solid transparent !important;
  position: relative;
}
.navbtn:hover {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: var(--wo-shadow-sm);
  transform: translateX(2px);
}
.navbtn.active {
  background: linear-gradient(135deg, rgba(var(--wo-accent-rgb),0.12), rgba(var(--wo-accent-rgb),0.06)) !important;
  border-color: rgba(var(--wo-accent-rgb),0.25) !important;
  box-shadow: var(--wo-shadow-sm), inset 0 0 12px rgba(var(--wo-accent-rgb),0.04) !important;
}
.navbtn.active .navicon {
  background: rgba(var(--wo-accent-rgb),0.2) !important;
  border-color: rgba(var(--wo-accent-rgb),0.3) !important;
  color: var(--wo-accent) !important;
}
.wo-reduce-motion .navbtn:hover { transform: none; }

/* ─── NAV ICONS: Elevated badges ──────────────────────────── */
.navicon {
  box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0.15)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* ─── NAV GROUP HEADERS: Embossed label ───────────────────── */
.nav-group-header {
  position: relative;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.nav-group-header::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 12px; right: 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
}

/* ─── BRAND AREA: Premium badge feel ──────────────────────── */
.brand {
  box-shadow: var(--wo-shadow-md), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  background: linear-gradient(
    135deg,
    rgba(var(--wo-accent-rgb),0.06) 0%,
    rgba(255,255,255,0.03) 50%,
    rgba(var(--wo-accent-rgb),0.03) 100%
  ) !important;
  border: 1px solid rgba(var(--wo-accent-rgb),0.12) !important;
}

/* ─── STAT CHIPS: Glass + inner glow ──────────────────────── */
[style*="min-width:110px"] {
  box-shadow: var(--wo-shadow-sm), var(--wo-shadow-inset) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.04) 0%,
    rgba(0,0,0,0.05) 100%
  ) !important;
  backdrop-filter: blur(4px);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
[style*="min-width:110px"]:hover {
  transform: translateY(-2px);
  box-shadow: var(--wo-shadow-md) !important;
}
.wo-reduce-motion [style*="min-width:110px"]:hover { transform: none; }

/* ─── BUTTONS: Depth + press ──────────────────────────────── */
.btn {
  box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.06);
  transition: all 0.15s ease;
  position: relative;
}
.btn:hover {
  box-shadow: 0 3px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.08);
  transform: translateY(-1px);
}
.btn:active {
  transform: translateY(0px);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
}
.wo-reduce-motion .btn:hover,
.wo-reduce-motion .btn:active { transform: none; }

/* ─── TOPBAR: Premium frosted glass ───────────────────────── */
.topbar {
  box-shadow: 0 2px 16px rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* ─── TABLES: Layered rows ────────────────────────────────── */
table {
  border-collapse: separate;
  border-spacing: 0;
}
thead tr {
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}
th {
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
tbody tr {
  transition: background 0.1s ease;
}
tbody tr:hover {
  background: rgba(var(--wo-accent-rgb),0.04) !important;
}

/* ─── INPUTS: Inset depth ─────────────────────────────────── */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="date"],
select,
textarea {
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.03);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
input:focus, select:focus, textarea:focus {
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 0 0 2px rgba(var(--wo-accent-rgb),0.2) !important;
  border-color: rgba(var(--wo-accent-rgb),0.4) !important;
}

/* ─── TAGS / BADGES: Pill depth ───────────────────────────── */
.pill,
[style*="border-radius:4px"][style*="font-size:11px"][style*="font-weight:600"] {
  box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.06);
}

/* ─── SCROLLBAR: Premium thin track ───────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.1);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.18); }
::-webkit-scrollbar-corner { background: transparent; }

/* ─── TOAST: Elevated notification ────────────────────────── */
.toast {
  box-shadow: var(--wo-shadow-xl) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ─── MORNING BRIEFING: Hero treatment ────────────────────── */
[style*="linear-gradient(135deg,rgba(var(--wo-accent-rgb),0.06)"] {
  box-shadow: var(--wo-shadow-lg), 0 0 40px rgba(var(--wo-accent-rgb),0.05) !important;
  border: 1px solid rgba(var(--wo-accent-rgb),0.15) !important;
  position: relative;
  overflow: hidden;
}
[style*="linear-gradient(135deg,rgba(var(--wo-accent-rgb),0.06)"]::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(var(--wo-accent-rgb),0.04) 0%, transparent 70%);
  pointer-events: none;
}

/* ─── QUICK LAUNCH BUTTONS: 3D tile feel ──────────────────── */
[style*="flex-direction:column"][style*="gap:6px"][style*="border-radius:8px"][style*="cursor:pointer"] {
  box-shadow: var(--wo-shadow-sm), var(--wo-shadow-inset) !important;
  transition: all 0.15s ease !important;
}
[style*="flex-direction:column"][style*="gap:6px"][style*="border-radius:8px"][style*="cursor:pointer"]:hover {
  box-shadow: var(--wo-shadow-md), 0 0 12px rgba(var(--wo-accent-rgb),0.08) !important;
  transform: translateY(-2px) !important;
}
.wo-reduce-motion [style*="flex-direction:column"][style*="gap:6px"][style*="border-radius:8px"][style*="cursor:pointer"]:hover {
  transform: none !important;
}

/* ─── DISCLAIMER BANNERS: Subtle emboss ───────────────────── */
.wo-disclaimer {
  box-shadow: inset 0 1px 0 rgba(var(--wo-accent-rgb),0.06), 0 1px 3px rgba(0,0,0,0.15);
}

/* ─── MODAL: Premium glass ────────────────────────────────── */
.wo-modal {
  box-shadow: var(--wo-shadow-xl), 0 0 60px rgba(0,0,0,0.3) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(16px);
}
.wo-modal-header {
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}

/* ─── COMPLIANCE BADGES: Status glow ──────────────────────── */
[style*="UPCOMING"] {
  text-shadow: 0 0 8px currentColor;
}

/* ─── TIER BAR CHART: Depth bars ──────────────────────────── */
[style*="border-radius:4px;transition:width"] {
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.1);
}

/* ─── TRUST SIGNAL: Footer bar ────────────────────────────── */
.wo-trust-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 4px 16px;
  background: linear-gradient(180deg, rgba(15,23,42,0.95), rgba(10,15,30,0.98));
  border-top: 1px solid rgba(255,255,255,0.04);
  font-size: 10px;
  color: var(--wo-text-muted);
  backdrop-filter: blur(8px);
  box-shadow: 0 -2px 12px rgba(0,0,0,0.3);
}
.wo-trust-footer .wo-trust-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wo-trust-footer .wo-trust-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--wo-positive);
  box-shadow: 0 0 4px rgba(16,185,129,0.5);
}
.wo-trust-footer .wo-trust-dot--warn { background: var(--wo-warning); box-shadow: 0 0 4px rgba(245,158,11,0.5); }

/* ─── NAVY THEME DEPTH ADJUSTMENTS ────────────────────────── */
:root.navy-theme .card {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.5) !important;
  background: linear-gradient(180deg, var(--wo-card), var(--wo-card)) !important;
  border: 1px solid var(--wo-border) !important;
}
:root.navy-theme .card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08) !important;
  border-color: var(--wo-border) !important;
}
:root.navy-theme .sidebar {
  box-shadow: 2px 0 12px rgba(0,0,0,0.08) !important;
}
:root.navy-theme .navbtn.active {
  background: linear-gradient(135deg, rgba(26,75,140,0.1), rgba(26,75,140,0.05)) !important;
  border-color: rgba(26,75,140,0.2) !important;
}
:root.navy-theme .btn {
  box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.8);
}
:root.navy-theme ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }
:root.navy-theme ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }

/* ─── RL THEME DEPTH ADJUSTMENTS ──────────────────────────── */
:root.rl-theme .card {
  box-shadow: 0 4px 14px rgba(0,0,0,0.4), inset 0 1px 0 rgba(181,154,91,0.04) !important;
  border: 1px solid rgba(181,154,91,0.1) !important;
}
:root.rl-theme .brand {
  border-color: rgba(181,154,91,0.2) !important;
  box-shadow: var(--wo-shadow-md), 0 0 20px rgba(181,154,91,0.04) !important;
}
:root.rl-theme .navbtn.active {
  background: linear-gradient(135deg, rgba(181,154,91,0.12), rgba(181,154,91,0.04)) !important;
  border-color: rgba(181,154,91,0.25) !important;
}

/* ─── SUBTLE GRID BACKGROUND (optional depth texture) ─────── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(var(--wo-accent-rgb),0.015) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(59,130,246,0.01) 0%, transparent 50%);
  pointer-events: none;
}

/* ─── CONTENT AREA: Breathing room ────────────────────────── */
#content {
  padding-bottom: 32px; /* space for trust footer */
}

/* Batch 72 — Accounts Guide + instrument reference */
.accounts-guide-hero .notice{border-radius:16px}
.ag-hero-top,
.ag-section-head,
.instrument-topline,
.instrument-bottom-grid,
.ag-filter-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.ag-jump-row,
.ag-chip-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.ag-chip-row-right{justify-content:flex-end}
.ag-pill,
.ag-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  line-height:1.2;
  color:var(--text-muted, var(--wo-text-secondary));
}
.ag-chip{
  border-radius:12px;
  padding:5px 8px;
}
.ag-filter-grid{
  display:grid;
  grid-template-columns:2fr repeat(4, minmax(140px, 1fr));
  gap:12px;
  margin-top:12px;
}
.ag-filter-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  color:var(--text-muted, var(--wo-text-secondary));
}
.ag-filter-grid input,
.ag-filter-grid select{
  width:100%;
  min-height:40px;
}
.instrument-grid{
  margin-top:12px;
}
.instrument-ref{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.instrument-meta-stack{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.instrument-kv-grid,
.instrument-outcomes-grid,
.instrument-bottom-grid{
  display:grid;
  gap:10px;
}
.instrument-kv-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.instrument-outcomes-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.instrument-kv-grid > div,
.instrument-outcomes-grid > div,
.instrument-bottom-grid > div{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.instrument-kv-grid span,
.instrument-outcomes-grid span,
.instrument-bottom-grid span{
  color:var(--text-muted, var(--wo-text-secondary));
  font-size:13px;
  line-height:1.45;
}
.instrument-empty{
  justify-content:center;
}
@media (max-width: 980px){
  .ag-filter-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .instrument-kv-grid,
  .instrument-outcomes-grid,
  .instrument-bottom-grid{grid-template-columns:1fr;}
}
@media (max-width: 680px){
  .ag-filter-grid{grid-template-columns:1fr;}
}


/* Batch 78 — center consolidation shells */
.wo-center-shell{margin:0 0 14px 0;padding:14px 16px 16px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,rgba(9,18,30,.9),rgba(9,18,30,.78));box-shadow:0 10px 28px rgba(2,6,23,.22)}
.wo-center-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.wo-center-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wo-text-secondary);margin-bottom:4px}
.wo-center-title{margin:0;font-size:15px;line-height:1.4;color:var(--wo-text-primary);font-weight:600;max-width:860px}
.wo-center-actions{display:flex;gap:8px;flex-wrap:wrap}
.wo-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wo-center-card{padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(255,255,255,.03);min-height:138px}
.wo-center-card-title{font-size:13px;font-weight:600;color:var(--wo-text-primary);margin-bottom:6px}
.wo-center-card-desc{font-size:12px;line-height:1.55;color:var(--wo-text-secondary);margin:0 0 12px 0}
.wo-center-linkrow{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width: 1100px){.wo-center-grid{grid-template-columns:1fr}.wo-center-head{flex-direction:column}}


/* Batch 79 — Document Center hardening + mobile polish */
.dv-meta-notice{margin-top:12px;margin-bottom:0}
.dv-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px 0}
.dv-summary-card{padding:14px 16px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(255,255,255,.03)}
.dv-summary-value{font-size:24px;font-weight:800;line-height:1.1;color:var(--wo-text-primary);margin-top:6px}
.dv-ops-card textarea{margin-top:6px;min-height:84px;resize:vertical}
.dv-ops-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dv-activity-list{display:flex;flex-direction:column;gap:8px}
.dv-activity-item{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.14)}
.dv-activity-title{font-size:13px;font-weight:700;color:var(--wo-text-primary)}
.dv-activity-meta{font-size:11px;color:var(--wo-text-secondary);margin-top:3px}
.dv-activity-body{font-size:12px;line-height:1.5;color:var(--wo-text-secondary);margin-top:6px}
@media (max-width: 1080px){
  .dv-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 820px){
  .dv-top{align-items:flex-start}
  .dv-actions,.qabar,.segbar{width:100%}
  .dv-actions .btn,.qabar .btn,.segbar .btn{flex:1 1 calc(50% - 8px)}
}
@media (max-width: 640px){
  .dv-summary-grid{grid-template-columns:1fr}
  .dv-actions .btn,.qabar .btn,.segbar .btn{flex:1 1 100%}
  .dv-table th:nth-child(2), .dv-table td:nth-child(2){display:none}
  .wo-center-shell{padding:12px 13px 14px}
  .wo-center-card{min-height:auto;padding:12px}
}

/* Batch 8 — advisor cockpit hierarchy */
.content{
  max-width: 100%;
}
.content > .wo-advisor-cockpit,
.content > .wo-center-shell,
.content > .grid,
.content > .card{
  position: relative;
}
.wo-advisor-cockpit .card,
#woWorkspaceSettingsCard,
.wo-cockpit-card,
.wo-kpi{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.wo-advisor-cockpit .wo-kpi,
.wo-advisor-cockpit .wo-cockpit-card,
#woWorkspaceSettingsCard{
  box-shadow: var(--wo-shadow-md), var(--wo-shadow-inset) !important;
}
.wo-cockpit-card:hover,
.wo-readiness-row:hover,
#woWorkspaceSettingsCard:hover{
  box-shadow: var(--wo-shadow-lg), var(--wo-shadow-glow) !important;
}
body.wo-compact-tables table th,
body.wo-compact-tables table td{
  font-size: 12px;
}
body.wo-compact-tables .card h2{
  margin-bottom: 10px;
}


/* FINAL TERMINAL CLEANUP */
body.b20-present, html.b20-present, body.wo-present-mode, html.wo-present-mode { background:var(--wo-bg) !important; }
#b20_present_badge, #b20_present_btn { display:none !important; }
:root.navy-theme body, :root.navy-theme .app, :root.navy-theme #content { background:var(--wo-bg) !important; color:var(--wo-text-primary) !important; }
:root.navy-theme .card, :root.navy-theme .cockpit-panel, :root.navy-theme .cockpit-overlay, :root.navy-theme .kpi, :root.navy-theme .account-card { background:var(--wo-card) !important; color:var(--wo-text-primary) !important; border-color:var(--wo-border) !important; }
:root.navy-theme h1, :root.navy-theme h2, :root.navy-theme h3, :root.navy-theme .title, :root.navy-theme .account-name, :root.navy-theme .value, :root.navy-theme strong, :root.navy-theme .wo-cockpit-cardhead, :root.navy-theme .wo-readiness-name { color:var(--wo-text-primary) !important; }
:root.navy-theme .muted, :root.navy-theme .small, :root.navy-theme .account-rules, :root.navy-theme p, :root.navy-theme span { color:var(--wo-text-muted) !important; }
:root.navy-theme .sidebar, :root.navy-theme aside { background:linear-gradient(180deg,var(--wo-panel),var(--wo-panel)) !important; }
:root.navy-theme .sidebar *, :root.navy-theme aside * { color:var(--wo-text-primary) !important; }
:root.navy-theme .sidebar .navbtn.active, :root.navy-theme aside .navbtn.active { color:var(--wo-accent) !important; }
:root.midnight-theme body, :root.midnight-theme .app, :root.midnight-theme #content { background:
linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/40px 40px,
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/40px 40px,
linear-gradient(135deg,var(--wo-bg),var(--wo-panel) 55%,var(--wo-bg)) !important; }
.cockpit-pb { overflow:auto; }
.cockpit-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.cockpit-row { display:flex; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
.cockpit-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
.cockpit-stat { padding:12px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
.cockpit-stat .label { font-size:11px; opacity:.7; text-transform:uppercase; letter-spacing:.08em; }
.cockpit-stat .value { font-size:18px; font-weight:800; margin-top:6px; }
.cockpit-panel-expanded { z-index: 3000; width: 70% !important; height: 70% !important; left: 15% !important; top: 15% !important; }
#cmdpal .cmdrow, #cmdpal .cmdrow * { cursor:pointer; }
.accounts-guide-hero h2, #ag-instruments h2, #ag-trusts h2, #ag-accounts h2 { color:var(--wo-bg) !important; }
.instrument-empty { background:rgba(var(--wo-accent-rgb),0.08) !important; color:var(--wo-accent) !important; }