/* theme-light.css — WardCRM "Classic Light" (cool-neutral). Loaded LAST.
   Re-declares Classic tokens under [data-theme="classic-light"]. The dark theme
   (design-system.css :root) is untouched, so rollback = drop this <link>.
   Equal specificity to :root, so this MUST stay the last stylesheet to win.
   See design spec docs/plans/2026-06-04-classic-light-theme-design.md §4.1. */
[data-theme="classic-light"] {
  --color-bg-primary:#F0F4F8; --color-bg-secondary:#FFFFFF; --color-bg-tertiary:#F0F4F8;
  --color-bg-hover:#D9E2EC; --color-bg-active:#BCCCDC; --color-bg-elevated:#FFFFFF;
  --color-bg-surface:#FFFFFF; --color-bg-input:#FFFFFF;
  /* Matter drawer body reads white in light (matches the drawer shell); dark keeps navy via design-system.css. */
  --color-bg-drawer-content:var(--color-bg-secondary);
  --color-scrim:rgba(10,31,51,0.6);

  --color-border:#D9E2EC; --color-border-light:rgba(72,101,129,0.14);
  --color-border-subtle:#F0F4F8; --color-border-strong:#BCCCDC;

  --color-text-primary:#102A43; --color-text-secondary:#243B53;
  --color-text-muted:#486581; --color-text-dim:#627D98;

  --color-accent:#8A6614; --color-accent-hover:#6B4F0F;
  --color-accent-soft:#8A6614; --color-accent-deep:#8A6614;
  --color-accent-light:rgba(233,185,73,0.18); --color-accent-light-hi:rgba(233,185,73,0.26);
  --color-accent-border:rgba(138,102,20,0.38);
  --gradient-gold-primary:linear-gradient(180deg, #E9B949, #E9B949);
  --shadow-gold-inset:inset 0 0 0 transparent; --color-on-gold:#102A43;
  --gold-btn-border:#C99A2E;
  --gradient-grey-primary:linear-gradient(180deg, #243B53, #243B53); --grey-btn-border:#486581;

  --color-accent-green:#147D64; --color-accent-green-light:rgba(20,125,100,0.08);
  --color-accent-purple:#6A4D94; --color-accent-purple-light:rgba(120,90,165,0.12);

  /* Suggested-fact blue (classic-light) — the handoff's resolved blue on white. */
  --color-fact-blue:#0B69A3; --color-fact-blue-bg:rgba(11,105,163,0.08); --color-fact-blue-border:rgba(11,105,163,0.38);

  --status-done-bg:rgba(20,125,100,0.08); --status-done-fg:#147D64; --status-done-border:rgba(20,125,100,0.38); --status-done-dot:#147D64;
  --status-progress-bg:rgba(233,185,73,0.18); --status-progress-fg:#8A6614; --status-progress-border:rgba(138,102,20,0.38); --status-progress-dot:#8A6614;
  --status-pending-bg:rgba(11,105,163,0.08); --status-pending-fg:#0B69A3; --status-pending-border:rgba(11,105,163,0.38); --status-pending-dot:#0B69A3;
  --status-blocked-bg:rgba(186,37,37,0.08); --status-blocked-fg:#BA2525; --status-blocked-border:rgba(186,37,37,0.38); --status-blocked-dot:#BA2525;
  --status-na-bg:transparent; --status-na-fg:#6B7689; --status-na-border:rgba(120,135,160,0.24); --status-na-dot:#AEB6C2;
  --status-live-other-bg:rgba(66,108,170,0.12); --status-live-other-fg:#2F5591; --status-live-other-border:rgba(66,108,170,0.34); --status-live-other-dot:#3A5D8F;

  --owner-pr-color:#8A6A1E; --owner-pr-bg:rgba(176,136,60,0.10); --owner-pr-border:rgba(176,136,60,0.30);
  --owner-counsel-color:#3C7544; --owner-counsel-bg:rgba(90,150,98,0.12); --owner-counsel-border:rgba(90,150,98,0.30);
  --owner-court-color:#3A5D8F; --owner-court-bg:rgba(66,108,170,0.10); --owner-court-border:rgba(66,108,170,0.30);
  --owner-cpa-color:#6A4D94; --owner-cpa-bg:rgba(120,90,165,0.10); --owner-cpa-border:rgba(120,90,165,0.30);
  --owner-client-color:#955F30; --owner-client-bg:rgba(165,110,66,0.10); --owner-client-border:rgba(165,110,66,0.30);

  --event-consult-color:#8A6A1E; --event-consult-bg:rgba(176,136,60,0.16); --event-consult-border:rgba(176,136,60,0.45);
  --event-meeting-color:#8A5A10; --event-meeting-bg:rgba(200,150,40,0.16); --event-meeting-border:rgba(178,128,38,0.40);
  --event-comm-out-color:#3A5D8F; --event-comm-out-bg:rgba(66,108,170,0.12); --event-comm-out-border:rgba(66,108,170,0.35);
  --event-comm-in-color:#6A4D94; --event-comm-in-bg:rgba(120,90,165,0.12); --event-comm-in-border:rgba(120,90,165,0.35);

  --color-success:#147D64; --color-success-bg:rgba(20,125,100,0.08);
  --color-warning:#8A6614; --color-warning-bg:rgba(233,185,73,0.18);
  --color-danger:#BA2525; --color-danger-bg:rgba(186,37,37,0.08);
  --color-info:#0B69A3; --color-info-bg:rgba(11,105,163,0.08);
  --color-accent-text:#8A6614; --color-success-text:#147D64; --color-warning-text:#8A6614;
  --color-danger-text:#BA2525; --color-info-text:#0B69A3; --color-neutral-text:var(--color-text-muted);
  --color-primary:var(--color-accent); --color-primary-bg:var(--color-accent-light);

  --pipeline-new-lead:#B5832A; --pipeline-consult-scheduled:#A8772C; --pipeline-active-client:#98701F;
  --pipeline-matter-complete:#7C5810; --pipeline-closed:#6B7689;

  --shadow-sm:0 1px 2px rgba(16,42,67,0.07);
  --shadow-md:0 1px 2px rgba(16,42,67,0.08), 0 6px 16px rgba(16,42,67,0.06);
  --shadow-lg:0 2px 4px rgba(16,42,67,0.08), 0 12px 24px rgba(16,42,67,0.08);
  --shadow-xl:0 2px 6px rgba(16,42,67,0.08), 0 16px 32px rgba(16,42,67,0.10);
  --shadow-up:0 -1px 2px rgba(16,42,67,0.08), 0 -6px 16px rgba(16,42,67,0.06);
  --shadow-up-deep:0 -3px 8px rgba(16,42,67,0.16), 0 -18px 44px rgba(16,42,67,0.18);
  --shadow-avatar:0 1px 2px rgba(16,42,67,0.16), 0 5px 12px rgba(16,42,67,0.18);
  --avatar-smoke:rgba(16,42,67,0.20);

  /* Depth tokens (Gold System v2 §7) — light-theme values. */
  --shadow-card:var(--shadow-md);
  --shadow-input:inset 0 1px 2px rgba(16,42,67,0.05);
  --shadow-bar:inset 0 0 0 transparent;

  /* Matter intake depth (design-system.css "Matter intake depth") — light values,
     measured from the approved "proposed depth" board. */
  --depth-sheet:0 0 0 1px rgba(16,42,67,0.10), 0 1px 2px rgba(16,42,67,0.12), 0 3px 8px -2px rgba(16,42,67,0.18), 0 10px 20px -10px rgba(16,42,67,0.32);
  --depth-well:inset 0 3px 6px -3px rgba(16,42,67,0.16);
  --depth-card:0 1px 2px rgba(16,42,67,0.12), 0 2px 5px -2px rgba(16,42,67,0.18);
  --depth-fold:0 3px 8px -2px rgba(16,42,67,0.18), 0 10px 20px -10px rgba(16,42,67,0.32);
  --depth-fold-in:0 1px 2px rgba(16,42,67,0.12), 0 4px 10px -2px rgba(16,42,67,0.18), 0 12px 24px -12px rgba(16,42,67,0.30);
  --depth-raised:inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(16,42,67,0.08), 0 3px 6px -2px rgba(16,42,67,0.10);
  --depth-raised-hover:inset 0 1px 0 #FFFFFF, 0 2px 4px rgba(16,42,67,0.10), 0 8px 16px -6px rgba(16,42,67,0.22);
  --depth-pressed:inset 0 2px 4px rgba(16,42,67,0.14);
  --depth-gold:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -2px 0 rgba(138,102,20,0.22), 0 1px 2px rgba(16,42,67,0.16), 0 4px 10px -3px rgba(138,102,20,0.45);
  --depth-gold-hover:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -2px 0 rgba(138,102,20,0.22), 0 2px 4px rgba(16,42,67,0.14), 0 10px 18px -6px rgba(138,102,20,0.55);
  --depth-gold-pressed:inset 0 2px 5px rgba(107,79,15,0.35);
  --depth-input:inset 0 1px 2px rgba(16,42,67,0.09);
  --depth-focus-ring:0 0 0 3px rgba(233,185,73,0.30);
  --depth-tab:3px 0 4px -2px rgba(16,42,67,0.20), inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -10px 12px -10px rgba(16,42,67,0.22);
  --depth-tab-active:inset 0 2px 0 #E9B949, 0 -4px 10px -4px rgba(16,42,67,0.16), 4px 0 8px -6px rgba(16,42,67,0.24);
  --depth-seg:inset 0 1px 3px rgba(16,42,67,0.10);
  --depth-seg-on:inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(16,42,67,0.10), 0 3px 8px -2px rgba(16,42,67,0.16);
  --depth-chip:0 1px 2px rgba(16,42,67,0.08), 0 2px 5px -2px rgba(16,42,67,0.10);
  --depth-chip-hover:0 2px 4px rgba(16,42,67,0.08), 0 8px 14px -6px rgba(16,42,67,0.22);
  --depth-cbar:inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(16,42,67,0.10), 0 6px 14px -6px rgba(16,42,67,0.22);
  --depth-dock:0 -3px 8px rgba(16,42,67,0.16), 0 -18px 44px rgba(16,42,67,0.18);
  --depth-slide-over:0 0 0 1px rgba(16,42,67,0.08), -8px 0 16px -4px rgba(16,42,67,0.16), -28px 0 56px -12px rgba(16,42,67,0.32);
  --depth-handle:inset 3px 0 0 #E9B949, -4px 0 12px -4px rgba(16,42,67,0.24), -12px 0 24px -12px rgba(16,42,67,0.30);
  --depth-handle-hover:inset 4px 0 0 #E9B949, -6px 0 16px -4px rgba(16,42,67,0.30), -16px 0 32px -12px rgba(16,42,67,0.36);
  --depth-scrim:rgba(16,42,67,0.28);
  --depth-gold-edge:#C99A2E;
  --depth-command-navy:#102A43;
  --depth-command-navy-hover:#243B53;
  --depth-command-navy-ink:#F0F4F8;
}

/* ── Token-bypass patches (spots that ignore tokens with literal hex) ── */

/* Body ambient wash — dark theme paints a navy+gold radial; swap for a faint cool wash. */
[data-theme="classic-light"] body {
  background: var(--color-bg-primary);
}

/* Keep the dense intake workbench on a clean paper-white canvas in Classic
   Light. The cool-gray app background remains visible outside the drawer. */
[data-theme="classic-light"] .ss-container--workbench,
[data-theme="classic-light"] .ss-container--workbench .ss-artifacts-bar,
[data-theme="classic-light"] .ss-container--workbench .ss-workbench {
  background: var(--color-bg-secondary);
}

/* Portal-reference blue-grey ground behind the white matter-workspace cards.
   Gold remains on selected tabs and actions, not the workspace background. */
[data-theme="classic-light"] .ss-container--workbench .ss-workbench__notes,
[data-theme="classic-light"] .ss-container--workbench .ss-workbench__intake {
  background: var(--color-bg-primary);
}

[data-theme="classic-light"] .ward-live-container {
  background:
    radial-gradient(circle at 50% 48%, rgba(176,136,60,0.08) 0%, rgba(238,240,243,0.52) 38%, transparent 68%),
    var(--color-bg-secondary);
}

[data-theme="classic-light"] ::selection { background:var(--color-selection); color:var(--color-text-primary); }

/* Native <select> dropdown menu — invert the dark theme's navy menu for light. */
[data-theme="classic-light"] select option,
[data-theme="classic-light"] .ifc-input option,
[data-theme="classic-light"] .ifc-select option { background-color:var(--color-bg-secondary); color:var(--color-text-primary); }

/* Gold System v2 §10 — Left sidebar is a LIGHT "book-spine" in Light Classic
   (owner-approved flip, 2026-07): white surface, cool hairlines, ink text,
   gold-tint active item. Re-pin the light palette locally so the rail matches
   the workspace. Classic (dark) keeps the navy rail via design-system.css. */
[data-theme="classic-light"] .sidebar {
  --color-bg-primary:#F0F4F8; --color-bg-secondary:#FFFFFF; --color-bg-tertiary:#F0F4F8;
  --color-bg-hover:#D9E2EC; --color-bg-active:#BCCCDC;
  --color-text-primary:#102A43; --color-text-secondary:#243B53; --color-text-muted:#486581; --color-text-dim:#627D98;
  --color-border:#D9E2EC; --color-border-subtle:#F0F4F8; --color-border-strong:#BCCCDC;
  --color-accent:#8A6614; --color-accent-hover:#6B4F0F; --color-accent-text:#8A6614;
  --color-accent-light:rgba(233,185,73,0.18); --color-accent-light-hi:rgba(233,185,73,0.26);
  --color-accent-border:rgba(138,102,20,0.38);
}

/* case-flow.css private --pf-* palette (Probate Flow workspace) re-declared light. */
[data-theme="classic-light"] .case-flow {
  --pf-bg:var(--color-bg-primary); --pf-bg-2:var(--color-bg-secondary); --pf-bg-3:var(--color-bg-tertiary); --pf-bg-elevated:var(--color-bg-elevated);
  --pf-text:var(--color-text-primary); --pf-text-2:var(--color-text-secondary); --pf-text-dim:var(--color-text-dim); --pf-text-muted:var(--color-text-muted);
  --pf-border:var(--color-border); --pf-border-light:var(--color-border-light); --pf-border-strong:var(--color-border-strong);
  --pf-gold:var(--color-accent); --pf-gold-hi:var(--color-accent-hover); --pf-gold-bg:var(--color-accent-light);
  --pf-gold-bg-hi:var(--color-accent-light-hi); --pf-gold-line:var(--color-accent-border);
  --pf-st-done-bg:var(--status-done-bg); --pf-st-done-fg:var(--status-done-fg); --pf-st-done-border:var(--status-done-border); --pf-st-done-dot:var(--status-done-dot);
  --pf-st-prog-bg:var(--status-progress-bg); --pf-st-prog-fg:var(--status-progress-fg); --pf-st-prog-border:var(--status-progress-border); --pf-st-prog-dot:var(--status-progress-dot);
  --pf-st-pend-bg:var(--status-pending-bg); --pf-st-pend-fg:var(--status-pending-fg); --pf-st-pend-border:var(--status-pending-border); --pf-st-pend-dot:var(--status-pending-dot);
  --pf-st-blk-bg:var(--status-blocked-bg); --pf-st-blk-fg:var(--status-blocked-fg); --pf-st-blk-border:var(--status-blocked-border); --pf-st-blk-dot:var(--status-blocked-dot);
  --pf-st-na-fg:#6B7689; --pf-st-na-border:rgba(120,135,160,0.24); --pf-st-na-dot:#AEB6C2;
}

/* Theme toggle button (sidebar footer). Token-based so it reads on the navy rail
   (Classic) and the white rail (Light Classic §10) alike — the sidebar re-pins
   --color-accent per theme. */
.theme-toggle-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; margin-left: var(--space-2);
  color: var(--color-accent); background: transparent;
  border: 1px solid var(--color-accent-border); border-radius: var(--radius-sm);
  cursor: pointer; transition: background 120ms, color 120ms, border-color 120ms;
}
.theme-toggle-btn:hover { background: var(--color-accent-light); color: var(--color-accent-hover); border-color: var(--color-accent-border); }
.theme-toggle-btn i { font-size: 16px; }
.sidebar.collapsed .theme-toggle-btn { margin-left: 0; }

/* ── Probate Flow / Local-Rules research: light overrides ──────────────────
   case-flow.css hardcodes the dark navy/cream palette for the .cf-lr-* research
   modal, the phase labels, and owner chips (literals that load after this file).
   Re-skin them light here with GLOBAL tokens so they work regardless of the
   modal's DOM parent. Dark theme untouched. */
[data-theme="classic-light"] .cf-lr-modal {
  background: var(--color-bg-elevated);
  border-color: var(--color-border-strong);
  color: var(--color-text-primary);
}
[data-theme="classic-light"] .cf-lr-modal__header { background: var(--color-bg-tertiary); border-bottom-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-modal__body { background: var(--color-bg-secondary); }
[data-theme="classic-light"] .cf-lr-modal__glyph { color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-modal__close:hover { background: var(--color-bg-tertiary); color: var(--color-text-primary); }
[data-theme="classic-light"] .cf-lr-modal__subtitle,
[data-theme="classic-light"] .cf-lr-modal__close,
[data-theme="classic-light"] .cf-lr-label,
[data-theme="classic-light"] .cf-lr-loading,
[data-theme="classic-light"] .cf-lr-card__pill { color: var(--color-text-muted); }
[data-theme="classic-light"] .cf-lr-checkbox,
[data-theme="classic-light"] .cf-lr-banner__summary,
[data-theme="classic-light"] .cf-lr-card__desc { color: var(--color-text-secondary); }
[data-theme="classic-light"] .cf-lr-cache-hint,
[data-theme="classic-light"] .cf-lr-card__conf { color: var(--color-text-dim); }
[data-theme="classic-light"] .cf-lr-actions { border-top-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-banner,
[data-theme="classic-light"] .cf-lr-card { background: var(--color-bg-secondary); border-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-banner { border-left-color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-banner.is-cache { border-left-color: var(--color-text-muted); }
[data-theme="classic-light"] .cf-lr-card__pill { background: var(--color-bg-tertiary); border-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-card__cite { color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-card__cite:hover { color: var(--color-accent-hover); }
[data-theme="classic-light"] .cf-lr-card__src--local_rule,
[data-theme="classic-light"] .cf-lr-card__pill--crit { color: var(--color-accent-hover); border-color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-banner__dropped,
[data-theme="classic-light"] .cf-lr-card__diff,
[data-theme="classic-light"] .cf-lr-card__confirm { color: var(--status-progress-fg); }
[data-theme="classic-light"] .cf-lr-card__dup { color: var(--status-done-fg); }

/* Phase labels (decorative sage/teal hues — deepened for light) */
[data-theme="classic-light"] .cf-phase--open .cf-phase__label,
[data-theme="classic-light"] .cf-phase--open .cf-phase__gutter { color: #3C7544; }
[data-theme="classic-light"] .cf-phase--distrib .cf-phase__label,
[data-theme="classic-light"] .cf-phase--distrib .cf-phase__gutter { color: #5E6B3F; }
[data-theme="classic-light"] .cf-phase--close .cf-phase__label,
[data-theme="classic-light"] .cf-phase--close .cf-phase__gutter { color: #2F6B62; }

/* Owner chips (bright pastels → deepened owner-role tokens) */
[data-theme="classic-light"] .cf-owner--PR { color: var(--owner-pr-color); }
[data-theme="classic-light"] .cf-owner--Counsel { color: var(--owner-counsel-color); }
[data-theme="classic-light"] .cf-owner--Court { color: var(--owner-court-color); }
[data-theme="classic-light"] .cf-owner--CPA { color: var(--owner-cpa-color); }
[data-theme="classic-light"] .cf-owner--Client { color: var(--owner-client-color); }

/* The selected Intake folder tab shares its central panel surface. */
[data-theme="classic-light"] .ss-container--workbench .ss-workbench__center > .ss-workbench__intake {
  background: var(--color-bg-secondary);
}