:root .sidebar-brand {
  background: #020611 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  display: block !important;
  padding: 20px 18px 14px !important;
  text-decoration: none !important;
}

:root .brand-wordmark {
  width: 210px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

:root .brand-caption {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.3px !important;
  margin: 8px 0 0 !important;
}

:root .sidebar,
:root .admin-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: 250px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-right: 1px solid rgba(40, 59, 124, 0.08) !important;
  color: var(--text, #161b2f) !important;
  flex-direction: column !important;
  z-index: 100 !important;
  box-shadow: 16px 0 42px rgba(20, 31, 67, 0.06) !important;
}

:root .sidebar:not(.hidden),
:root .admin-sidebar:not(.hidden) {
  display: flex !important;
}

:root .sidebar-nav {
  flex: 1 !important;
  padding: 12px 0 !important;
  overflow-y: auto !important;
}

:root .sidebar-nav a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 20px !important;
  color: var(--text-muted, #5f6780) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

:root .sidebar-nav a:hover {
  background: rgba(40, 59, 124, 0.05) !important;
  color: var(--secondary, #283b7c) !important;
}

:root .sidebar-nav a.active {
  background: rgba(40, 59, 124, 0.09) !important;
  color: var(--secondary, #283b7c) !important;
  font-weight: 700 !important;
  box-shadow: inset 3px 0 0 var(--accent, #00a6ff) !important;
}

:root .sidebar-nav-group {
  display: grid !important;
}

:root .sidebar-subnav {
  display: grid !important;
  gap: 2px !important;
  margin: -2px 0 8px 46px !important;
}

:root .sidebar-subnav a {
  min-height: 28px !important;
  padding: 5px 10px !important;
  border-radius: 8px 0 0 8px !important;
  color: #4f5f7f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

:root .sidebar-subnav a.active {
  background: rgba(45, 212, 191, 0.14) !important;
  color: var(--secondary, #283b7c) !important;
  box-shadow: inset 2px 0 0 var(--accent, #00a6ff) !important;
}

:root .sidebar-nav a svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

:root .sidebar-note,
:root .admin-sidebar .sidebar-note {
  margin: 0 14px 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(40, 59, 124, 0.08) !important;
  border-radius: 8px !important;
  background: rgba(40, 59, 124, 0.05) !important;
}

:root .sidebar-note h4,
:root .admin-sidebar .sidebar-note h4 {
  margin: 0 0 6px !important;
  color: var(--secondary, #283b7c) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

:root .sidebar-note p,
:root .admin-sidebar .sidebar-note p {
  margin: 0 !important;
  color: var(--text, #161b2f) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

:root .sidebar-note .meta {
  margin-top: 8px !important;
  color: var(--text-muted, #5f6780) !important;
  font-size: 10.5px !important;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --primary: #8f7cff;
  --primary-light: rgba(143, 124, 255, 0.18);
  --primary-dark: #c7bdff;
  --secondary: #8fb4ff;
  --secondary-light: rgba(143, 180, 255, 0.16);
  --accent: #2dd4bf;
  --bg: #091321;
  --bg-panel: #0f1f35;
  --text: #f5f7fb;
  --text-muted: #a9b5c9;
  --border: #263a59;
  --success: #2dd4bf;
  --warning: #f59e0b;
  --danger: #fb7185;
}

:root[data-theme="dark"] body {
  background:
    radial-gradient(circle at top left, rgba(45, 212, 191, 0.12), transparent 24%),
    linear-gradient(180deg, #07101d 0%, #0d1b2f 48%, #07101d 100%) !important;
  color: var(--text);
}

:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .admin-sidebar {
  background: rgba(12, 25, 43, 0.94) !important;
  border-color: rgba(143, 180, 255, 0.18) !important;
  box-shadow: 16px 0 42px rgba(0, 0, 0, 0.28) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .sidebar .sidebar-nav a,
:root[data-theme="dark"] .admin-sidebar .sidebar-nav a {
  color: #aebdd3 !important;
}

:root[data-theme="dark"] .sidebar-subnav a {
  color: #9fb0cf !important;
}

:root[data-theme="dark"] .sidebar .sidebar-nav a:hover,
:root[data-theme="dark"] .sidebar .sidebar-nav a.active,
:root[data-theme="dark"] .admin-sidebar .sidebar-nav a:hover,
:root[data-theme="dark"] .admin-sidebar .sidebar-nav a.active {
  background: rgba(45, 212, 191, 0.12) !important;
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .sidebar .sidebar-note,
:root[data-theme="dark"] .admin-sidebar .sidebar-note {
  background: rgba(12, 25, 43, 0.96) !important;
  border-color: rgba(143, 180, 255, 0.24) !important;
}

:root[data-theme="dark"] .sidebar .sidebar-note h4,
:root[data-theme="dark"] .admin-sidebar .sidebar-note h4 {
  color: #8fb4ff !important;
}

:root[data-theme="dark"] .sidebar .sidebar-note p,
:root[data-theme="dark"] .admin-sidebar .sidebar-note p {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] ::placeholder {
  color: #8495af !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .header,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .kpi-card,
:root[data-theme="dark"] .kpi,
:root[data-theme="dark"] .status-card,
:root[data-theme="dark"] .status-banner,
:root[data-theme="dark"] .empty-card,
:root[data-theme="dark"] .report-strip,
:root[data-theme="dark"] .admin-diagnostics,
:root[data-theme="dark"] .section-card,
:root[data-theme="dark"] .account-tile,
:root[data-theme="dark"] .theme-option,
:root[data-theme="dark"] .mini-card,
:root[data-theme="dark"] .empty-point,
:root[data-theme="dark"] .table-card,
:root[data-theme="dark"] .empty-state,
:root[data-theme="dark"] .detail-card,
:root[data-theme="dark"] .hero-stat,
:root[data-theme="dark"] .stat-box,
:root[data-theme="dark"] .insight-item,
:root[data-theme="dark"] .note-item,
:root[data-theme="dark"] .coverage-item,
:root[data-theme="dark"] .sidebar-ai,
:root[data-theme="dark"] .sidebar-note,
:root[data-theme="dark"] .run-panel,
:root[data-theme="dark"] .run-meta span,
:root[data-theme="dark"] .run-state,
:root[data-theme="dark"] .status-pill,
:root[data-theme="dark"] .badge,
:root[data-theme="dark"] .status,
:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .list-item,
:root[data-theme="dark"] .data-object,
:root[data-theme="dark"] .source-overview-card,
:root[data-theme="dark"] .location-item,
:root[data-theme="dark"] .timeline-item,
:root[data-theme="dark"] .notice,
:root[data-theme="dark"] .chat-log,
:root[data-theme="dark"] .chat-msg.assistant,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .prompt-chip,
:root[data-theme="dark"] .ghost-btn {
  background: rgba(12, 25, 43, 0.94) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] input[readonly],
:root[data-theme="dark"] input:disabled,
:root[data-theme="dark"] select:disabled,
:root[data-theme="dark"] textarea:disabled {
  background: rgba(7, 16, 29, 0.62) !important;
  border-color: rgba(143, 180, 255, 0.20) !important;
  color: #aebdd3 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .help-btn {
  background: rgba(143, 180, 255, 0.13) !important;
  border-color: rgba(143, 180, 255, 0.28) !important;
  color: #d9fffa !important;
}

:root[data-theme="dark"] .home-dashboard-page .clients-table tr.row-link {
  background: rgba(12, 25, 43, 0.94) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .home-dashboard-page .clients-table tr.row-link:hover {
  background: rgba(18, 38, 65, 0.96) !important;
}

:root[data-theme="dark"] .home-dashboard-page .clients-table td {
  border-color: rgba(143, 180, 255, 0.16) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .home-dashboard-page .clients-table td::before {
  color: var(--text-muted) !important;
}

:root[data-theme="dark"] .timeline-item .date {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .timeline-item p {
  color: #aebdd3 !important;
}

:root[data-theme="dark"] .recommendations-page .badge.high {
  background: rgba(45, 212, 191, 0.18) !important;
  border-color: rgba(45, 212, 191, 0.34) !important;
  color: #d9fffa !important;
}

:root[data-theme="dark"] .recommendations-page .badge.medium {
  background: rgba(245, 158, 11, 0.18) !important;
  border-color: rgba(245, 158, 11, 0.36) !important;
  color: #ffe8b2 !important;
}

:root[data-theme="dark"] .recommendations-page .badge.low {
  background: rgba(251, 113, 133, 0.18) !important;
  border-color: rgba(251, 113, 133, 0.38) !important;
  color: #ffd8df !important;
}

:root[data-theme="dark"] .help-popover {
  background: #07101d !important;
  border-color: rgba(143, 180, 255, 0.32) !important;
  color: #f3f7ff !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36) !important;
}

:root[data-theme="dark"] .admin-diagnostics summary,
:root[data-theme="dark"] .report-strip strong {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .admin-diagnostics h3,
:root[data-theme="dark"] .status-list strong,
:root[data-theme="dark"] .status-rule strong {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .status-list li,
:root[data-theme="dark"] .status-list span,
:root[data-theme="dark"] .status-rule .meta,
:root[data-theme="dark"] .status-rule-message {
  color: #c3d0e4 !important;
}

:root[data-theme="dark"] .status-rule {
  background: rgba(7, 16, 29, 0.72) !important;
  border-color: rgba(143, 180, 255, 0.24) !important;
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .status-rule textarea {
  background: #07101d !important;
  border-color: rgba(143, 180, 255, 0.34) !important;
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .status-rule-actions button {
  background: rgba(0, 166, 255, 0.16) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  color: #e6fbff !important;
}

:root[data-theme="dark"] .status-rule-actions button:hover,
:root[data-theme="dark"] .status-rule-actions button:focus-visible {
  background: rgba(0, 166, 255, 0.24) !important;
  border-color: rgba(56, 189, 248, 0.72) !important;
}

:root[data-theme="dark"] .account-tile .value,
:root[data-theme="dark"] .theme-option strong,
:root[data-theme="dark"] .mini-card strong,
:root[data-theme="dark"] .empty-point strong,
:root[data-theme="dark"] .stat-box strong,
:root[data-theme="dark"] .note-item h4,
:root[data-theme="dark"] .coverage-item h4 {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .status-pill strong,
:root[data-theme="dark"] .badge strong,
:root[data-theme="dark"] .run-state,
:root[data-theme="dark"] .prompt-chip,
:root[data-theme="dark"] .status strong,
:root[data-theme="dark"] .hero-stat .value {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .list-item {
  background: rgba(7, 16, 29, 0.66) !important;
  border-color: rgba(143, 180, 255, 0.24) !important;
}

:root[data-theme="dark"] .list-item h3,
:root[data-theme="dark"] .finding strong,
:root[data-theme="dark"] .data-object strong,
:root[data-theme="dark"] .source-overview-card strong,
:root[data-theme="dark"] .location-item strong,
:root[data-theme="dark"] .list-row strong {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .notice.warning {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.30) !important;
  color: #fcd58b !important;
}

:root[data-theme="dark"] .chip,
:root[data-theme="dark"] .badge-row .badge {
  background: rgba(143, 180, 255, 0.13) !important;
  border-color: rgba(143, 180, 255, 0.28) !important;
  color: #dbe7fb !important;
}

:root[data-theme="dark"] .theme-option span,
:root[data-theme="dark"] .account-tile .label,
:root[data-theme="dark"] .mini-card span,
:root[data-theme="dark"] .empty-point span,
:root[data-theme="dark"] .note-item p,
:root[data-theme="dark"] .coverage-item p,
:root[data-theme="dark"] .status-pill span,
:root[data-theme="dark"] .run-meta span,
:root[data-theme="dark"] .badge span {
  color: #aebdd3 !important;
}

:root[data-theme="dark"] .source-overview-card p,
:root[data-theme="dark"] .location-item span {
  color: #aebdd3 !important;
}

:root[data-theme="dark"] .theme-option:has(input:checked) {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.18) !important;
}

:root[data-theme="dark"] .theme-swatch {
  border-color: rgba(143, 180, 255, 0.32) !important;
}

:root[data-theme="dark"] .theme-swatch .light {
  background: #e7eef9 !important;
}

:root[data-theme="dark"] .theme-swatch .dark {
  background: #07101d !important;
}

:root[data-theme="dark"] .hero-card,
:root[data-theme="dark"] .coverage-card {
  background:
    linear-gradient(135deg, rgba(45, 212, 191, 0.12), rgba(12, 25, 43, 0.98) 58%, rgba(143, 124, 255, 0.14)) !important;
}

:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .header {
  border-color: var(--border) !important;
}

:root[data-theme="dark"] .recommendations-page .hero p {
  color: #c9d6ea !important;
}

:root[data-theme="dark"] .sidebar-nav a:hover,
:root[data-theme="dark"] .sidebar-nav a.active {
  background: rgba(45, 212, 191, 0.10) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .insight-item.active,
:root[data-theme="dark"] .insight-headline,
:root[data-theme="dark"] .detail-headline {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.35) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .insight-card {
  background:
    linear-gradient(180deg, rgba(10, 22, 38, 0.98), rgba(12, 25, 43, 0.98)) !important;
  border-color: #2a4162 !important;
  color: var(--text) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26) !important;
}

:root[data-theme="dark"] .insight-card h3,
:root[data-theme="dark"] .insight-card .finding .headline,
:root[data-theme="dark"] .insight-card .split-wrap h4,
:root[data-theme="dark"] .insight-card .insight-stat .value {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .insight-card .subhead,
:root[data-theme="dark"] .insight-card .finding .evidence,
:root[data-theme="dark"] .insight-card .mini-note,
:root[data-theme="dark"] .insight-card .client-filter-note {
  color: #aebdd3 !important;
}

:root[data-theme="dark"] .insight-card .insight-headline {
  background: rgba(45, 212, 191, 0.09) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
  color: #d9fffa !important;
}

:root[data-theme="dark"] .insight-stat {
  background: rgba(7, 16, 29, 0.68) !important;
  border-color: rgba(143, 180, 255, 0.28) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .insight-panel {
  background: rgba(7, 16, 29, 0.54) !important;
  border-color: rgba(143, 180, 255, 0.18) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .finding {
  border-color: rgba(143, 180, 255, 0.24) !important;
}

:root[data-theme="dark"] .conf-high {
  background: rgba(34, 197, 94, 0.16) !important;
  color: #86efac !important;
}

:root[data-theme="dark"] .conf-medium {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #fcd58b !important;
}

:root[data-theme="dark"] .conf-low {
  background: rgba(251, 113, 133, 0.18) !important;
  color: #fda4af !important;
}

:root[data-theme="dark"] .finding .action {
  color: #5eead4 !important;
}

:root[data-theme="dark"] .insight-priority {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
  color: #fbd38d !important;
}

:root[data-theme="dark"] .split-table-wrap {
  border-color: rgba(143, 180, 255, 0.24) !important;
  background: rgba(6, 14, 26, 0.72) !important;
}

:root[data-theme="dark"] .split-wrap th {
  background: rgba(143, 180, 255, 0.10) !important;
  color: #c3d0e4 !important;
}

:root[data-theme="dark"] .split-wrap td {
  color: #edf4ff !important;
}

:root[data-theme="dark"] th,
:root[data-theme="dark"] td {
  border-color: var(--border) !important;
}

:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .subhead,
:root[data-theme="dark"] .who,
:root[data-theme="dark"] .meta,
:root[data-theme="dark"] .brand-caption,
:root[data-theme="dark"] .status-list p,
:root[data-theme="dark"] .status-banner p,
:root[data-theme="dark"] .detail,
:root[data-theme="dark"] .label,
:root[data-theme="dark"] .chat-meta {
  color: var(--text-muted) !important;
}

:root[data-theme="dark"] table,
:root[data-theme="dark"] option {
  color: var(--text);
  background: #0c192b;
}

:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] button.primary,
:root[data-theme="dark"] .pill-btn {
  background: #5eead4 !important;
  border-color: #5eead4 !important;
  color: #06101c !important;
}

:root[data-theme="dark"] .btn-primary:disabled,
:root[data-theme="dark"] button.primary:disabled,
:root[data-theme="dark"] .btn:disabled,
:root[data-theme="dark"] .btn-primary[disabled],
:root[data-theme="dark"] .btn-secondary[disabled],
:root[data-theme="dark"] .btn-danger[disabled],
:root[data-theme="dark"] button.ghost:disabled,
:root[data-theme="dark"] button.danger:disabled {
  background: #17263b !important;
  border-color: #304661 !important;
  color: #c9d5e6 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .btn-secondary,
:root[data-theme="dark"] button.ghost,
:root[data-theme="dark"] .ghost,
:root[data-theme="dark"] .ghost-btn,
:root[data-theme="dark"] .btn-link {
  background: rgba(7, 16, 29, 0.62) !important;
  border-color: rgba(143, 180, 255, 0.26) !important;
  color: #dbe7fb !important;
}

:root[data-theme="dark"] .btn-secondary:hover,
:root[data-theme="dark"] button.ghost:hover,
:root[data-theme="dark"] .ghost:hover,
:root[data-theme="dark"] .ghost-btn:hover,
:root[data-theme="dark"] .prompt-chip:hover,
:root[data-theme="dark"] .btn-link:hover {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.34) !important;
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .btn:not(.primary),
:root[data-theme="dark"] .nav-link,
:root[data-theme="dark"] .link-btn {
  color: #dbe7fb !important;
}

:root[data-theme="dark"] .btn-danger,
:root[data-theme="dark"] button.danger {
  background: rgba(251, 113, 133, 0.12) !important;
  border-color: rgba(251, 113, 133, 0.30) !important;
  color: #fda4af !important;
}

:root[data-theme="dark"] .btn-danger:hover,
:root[data-theme="dark"] button.danger:hover {
  background: rgba(251, 113, 133, 0.18) !important;
  border-color: rgba(251, 113, 133, 0.42) !important;
  color: #fecdd3 !important;
}

:root[data-theme="dark"] .status.planned,
:root[data-theme="dark"] .status.draft,
:root[data-theme="dark"] .status.internal_review,
:root[data-theme="dark"] .status.live,
:root[data-theme="dark"] .status.sent_to_client,
:root[data-theme="dark"] .status.client_approved,
:root[data-theme="dark"] .status.completed,
:root[data-theme="dark"] .status.revision_needed,
:root[data-theme="dark"] .pill.high,
:root[data-theme="dark"] .pill.medium,
:root[data-theme="dark"] .pill.low {
  background: rgba(45, 212, 191, 0.12) !important;
  color: #99f6e4 !important;
}

:root[data-theme="dark"] .avatar {
  background: #123044 !important;
  border: 1px solid rgba(45, 212, 191, 0.48) !important;
  color: #f2fffd !important;
}

:root[data-theme="dark"] .recommendations-page .stat,
:root[data-theme="dark"] .recommendations-page .rec-card,
:root[data-theme="dark"] .recommendations-page .evidence,
:root[data-theme="dark"] .recommendations-page .missing-item,
:root[data-theme="dark"] .recommendations-page .empty,
:root[data-theme="dark"] .recommendations-page .chat-log,
:root[data-theme="dark"] .recommendations-page .chat-msg.assistant,
:root[data-theme="dark"] .recommendations-page .queue-table-wrap,
:root[data-theme="dark"] .recommendations-page .history-item,
:root[data-theme="dark"] .recommendations-page .analyst-card,
:root[data-theme="dark"] .recommendations-page .ai-block {
  background: rgba(7, 16, 29, 0.72) !important;
  border-color: rgba(143, 180, 255, 0.24) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .recommendations-page .queue-table th,
:root[data-theme="dark"] .recommendations-page .filter-chip {
  background: #0c192b !important;
  border-color: rgba(143, 180, 255, 0.30) !important;
  color: #d7e1f2 !important;
}

:root[data-theme="dark"] .recommendations-page .filter-chip.active {
  background: #123044 !important;
  border-color: rgba(45, 212, 191, 0.58) !important;
  color: #f2fffd !important;
}

:root[data-theme="dark"] .recommendations-page .profile-actions label {
  color: #dbe7fb !important;
}

:root[data-theme="dark"] .recommendations-page .queue-table td {
  border-bottom-color: rgba(143, 180, 255, 0.18) !important;
}

:root[data-theme="dark"] .recommendations-page .queue-table strong,
:root[data-theme="dark"] .recommendations-page .history-item strong,
:root[data-theme="dark"] .recommendations-page .queue-table td {
  color: var(--text) !important;
}

:root[data-theme="dark"] .recommendations-page .queue-table small,
:root[data-theme="dark"] .recommendations-page .history-item span,
:root[data-theme="dark"] .recommendations-page .queue-summary {
  color: #c9d6ea !important;
}

:root[data-theme="dark"] .recommendations-page .history-item .btn,
:root[data-theme="dark"] .recommendations-page .queue-table .btn {
  background: rgba(143, 180, 255, 0.14) !important;
  border-color: rgba(143, 180, 255, 0.34) !important;
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .recommendations-page .history-item .btn:hover,
:root[data-theme="dark"] .recommendations-page .queue-table .btn:hover {
  background: rgba(45, 212, 191, 0.16) !important;
  border-color: rgba(45, 212, 191, 0.40) !important;
  color: #f2fffd !important;
}

:root[data-theme="dark"] .recommendations-page .rec-action,
:root[data-theme="dark"] .recommendations-page .detail-summary {
  background: rgba(45, 212, 191, 0.12) !important;
  border: 1px solid rgba(45, 212, 191, 0.24) !important;
  color: #d9fffa !important;
}

:root[data-theme="dark"] .recommendations-page .missing-item h4 {
  color: #fcd58b !important;
}

:root[data-theme="dark"] .recommendations-page .missing-item p,
:root[data-theme="dark"] .recommendations-page .rec-body,
:root[data-theme="dark"] .recommendations-page .evidence strong,
:root[data-theme="dark"] .recommendations-page .analyst-card p,
:root[data-theme="dark"] .recommendations-page .ai-list li,
:root[data-theme="dark"] .recommendations-page .guardrail-list li {
  color: var(--text) !important;
}

:root[data-theme="dark"] .recommendations-page .analyst-card h4 {
  color: #d9fffa !important;
}

:root[data-theme="dark"] .recommendations-page .ai-list span:first-child {
  color: #c9d6ea !important;
}

:root[data-theme="dark"] .recommendations-page .guardrail-list li {
  border-left-color: #2dd4bf !important;
}

:root[data-theme="dark"] .organizations-page .card,
:root[data-theme="dark"] .organizations-page .org-button,
:root[data-theme="dark"] .organizations-page .tab,
:root[data-theme="dark"] .organizations-page .notice-item,
:root[data-theme="dark"] .organizations-page .audit-item,
:root[data-theme="dark"] .organizations-page .user-item,
:root[data-theme="dark"] .organizations-page .empty,
:root[data-theme="dark"] .client-profile-page .card,
:root[data-theme="dark"] .client-profile-page .account-tile {
  background: rgba(7, 16, 29, 0.72) !important;
  border-color: rgba(143, 180, 255, 0.24) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] .organizations-page .org-button:hover,
:root[data-theme="dark"] .organizations-page .org-button.active,
:root[data-theme="dark"] .organizations-page .tab.active {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.40) !important;
  color: #f2fffd !important;
}

:root[data-theme="dark"] .organizations-page .pill {
  background: rgba(143, 180, 255, 0.13) !important;
  border-color: rgba(143, 180, 255, 0.28) !important;
  color: #dbe7fb !important;
}

:root[data-theme="dark"] .organizations-page .notice-item p,
:root[data-theme="dark"] .organizations-page .audit-item p,
:root[data-theme="dark"] .organizations-page .user-item p,
:root[data-theme="dark"] .client-profile-page .subhead {
  color: #c9d6ea !important;
}

.main,
.content,
.shell,
.card,
.hero,
.hero-card,
.table-card,
.table-wrap,
.split-table-wrap,
.queue-table-wrap,
.stack,
.grid-main > *,
.workspace-grid > *,
.detail-grid > *,
.insight-layout > *,
.layout > *,
.charts-row > *,
.coverage-grid > *,
.kpi-grid > *,
.hero-grid > *,
.stats-grid > *,
.form-grid > *,
.mini-grid > *,
.account-grid > *,
.theme-options > *,
.profile-grid > *,
.status-grid > *,
.queue-controls > *,
.ai-grid > *,
.history-item > * {
  min-width: 0 !important;
}

.table-card,
.table-wrap,
.split-table-wrap,
.queue-table-wrap,
.card:has(table) {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-danger,
.filter-chip,
.pill-btn,
button.primary,
button.ghost,
button.danger {
  min-height: 38px;
  overflow-wrap: anywhere;
}

.header-right,
.header-actions,
.hero-actions,
.profile-actions,
.review-actions,
.review-note-actions,
.chat-actions,
.queue-toolbar,
.filter-row,
.chip-row,
.actions {
  min-width: 0 !important;
}

.shell-notice-link {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(40, 59, 124, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(40, 59, 124, 0.05) !important;
  color: var(--secondary, #283b7c) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.shell-notice-wrap {
  position: relative !important;
  display: inline-flex !important;
}

.shell-notice-link:hover,
.shell-notice-link:focus-visible {
  border-color: rgba(0, 166, 255, 0.34) !important;
  background: rgba(0, 166, 255, 0.10) !important;
  text-decoration: none !important;
  outline: none !important;
}

.shell-notice-link svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.shell-notice-link strong {
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  background: var(--primary, #6a2763) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.shell-notice-popover {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  z-index: 140 !important;
  width: min(280px, calc(100vw - 32px)) !important;
  display: grid !important;
  gap: 6px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(40, 59, 124, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 18px 40px rgba(20, 31, 67, 0.14) !important;
  color: var(--text, #161b2f) !important;
}

.shell-notice-popover.hidden {
  display: none !important;
}

.shell-notice-popover strong {
  color: var(--secondary, #283b7c) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.shell-notice-popover span {
  color: var(--text-muted, #5f6780) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

:root[data-theme="dark"] .shell-notice-link {
  background: rgba(143, 180, 255, 0.12) !important;
  border-color: rgba(143, 180, 255, 0.24) !important;
  color: #dbe7fb !important;
}

:root[data-theme="dark"] .shell-notice-link:hover,
:root[data-theme="dark"] .shell-notice-link:focus-visible {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.34) !important;
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .shell-notice-link strong {
  background: #5eead4 !important;
  color: #06101c !important;
}

:root[data-theme="dark"] .shell-notice-popover {
  border-color: rgba(143, 180, 255, 0.2) !important;
  background: rgba(12, 25, 43, 0.98) !important;
  box-shadow: 0 18px 40px rgba(3, 10, 20, 0.5) !important;
}

:root[data-theme="dark"] .shell-notice-popover strong {
  color: #f3f7ff !important;
}

:root[data-theme="dark"] .shell-notice-popover span {
  color: #bfd0ec !important;
}

.review-actions > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.help-text {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  max-width: min(280px, calc(100vw - 32px)) !important;
}

.help-text.is-floating {
  left: var(--help-left) !important;
  right: auto !important;
  top: var(--help-top) !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    display: block !important;
  }

  :root .sidebar,
  :root .admin-sidebar {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--border, rgba(40, 59, 124, 0.08)) !important;
    box-shadow: none !important;
  }

  :root .sidebar-brand {
    padding: 14px 16px 10px !important;
  }

  :root .brand-wordmark {
    width: min(190px, 68vw) !important;
  }

  :root .sidebar-nav {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow-x: visible !important;
    padding: 8px 10px !important;
  }

  :root .sidebar-nav a {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: min(180px, calc(50% - 6px)) !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    padding: 10px 12px !important;
  }

  :root .sidebar-nav-group {
    flex: 1 1 100% !important;
  }

  :root .sidebar-subnav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  :root .sidebar-subnav a {
    min-width: 0 !important;
    border-radius: 8px !important;
  }

  .sidebar-ai,
  .sidebar-note {
    margin: 10px !important;
  }

  .main,
  body.admin-review .shell {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .header {
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .header-right,
  .header-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .header-right select,
  .header-actions select,
  .header-actions button,
  .header-actions .settings-link {
    max-width: 100% !important;
  }

  .content,
  .shell {
    padding: 16px !important;
  }

  .card,
  .kpi-card,
  .kpi,
  .status-card,
  .empty-card,
  .table-card,
  .section-card {
    border-radius: 12px !important;
  }

  .card:has(table),
  .table-card {
    overflow-x: auto !important;
  }
}

@media (max-width: 640px) {
  .header h1,
  .header h2,
  .header-left h1,
  .header-left h2 {
    overflow-wrap: anywhere !important;
  }

  .header-right select,
  .header-actions select,
  .header-actions button,
  .header-actions .settings-link,
  .btn-primary,
  .primary,
  button.primary {
    width: 100% !important;
  }

  .header-actions .settings-link {
    text-align: center !important;
  }

  .who,
  #whoAmI {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .kpi-grid,
  .coverage-grid,
  .hero-grid,
  .stats-grid,
  .form-grid,
  .mini-grid,
  .account-grid,
  .theme-options {
    grid-template-columns: 1fr !important;
  }

  .actions,
  .chat-actions,
  .hero-actions,
  .profile-actions,
  .review-actions,
  .review-note-actions,
  .queue-toolbar,
  .filter-row,
  .header-right,
  .header-actions {
    align-items: stretch !important;
  }

  .hero-actions .btn,
  .profile-actions .btn,
  .chat-actions .btn,
  .queue-toolbar .btn,
  .review-note-actions .btn,
  .review-actions > div:last-child,
  .review-actions > div:last-child .btn,
  .chip-row .btn-primary,
  .chip-row .btn-secondary,
  .chip-row .btn-danger {
    width: 100% !important;
  }

  .list-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .list-row span {
    text-align: left !important;
  }

  :root[data-theme="dark"] body.admin-page .card:has(table) tr,
  :root[data-theme="dark"] body.home-dashboard-page .clients-table tr.row-link,
  :root[data-theme="dark"] body.recommendations-page .queue-table tr {
    background: rgba(7, 16, 29, 0.82) !important;
    border-color: rgba(143, 180, 255, 0.24) !important;
  }

  :root[data-theme="dark"] body.admin-page .card:has(table) td,
  :root[data-theme="dark"] body.home-dashboard-page .clients-table td,
  :root[data-theme="dark"] body.recommendations-page .queue-table td {
    border-bottom-color: rgba(143, 180, 255, 0.18) !important;
  }
}