/* Phase 23 browser-inspection fixes for the exception reviewer.
   These light-mode overrides replace legacy dark-only surfaces while leaving dark mode unchanged. */

html[data-theme="light"] .workflow-hero-card,
html[data-theme="light"] .workflow-queue-card,
html[data-theme="light"] .plain-summary-card,
html[data-theme="light"] .next-step-card,
html[data-theme="light"] .case-decision-guidance,
html[data-theme="light"] .suggestion-card,
html[data-theme="light"] .no-suggestion-card,
html[data-theme="light"] .review-details-toggle {
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
  background: var(--color-surface) !important;
  background-image: none !important;
  box-shadow: var(--shadow-xs) !important;
}

html[data-theme="light"] .workflow-hero-card {
  border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border)) !important;
  background: var(--color-primary-softer) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="light"] .workflow-queue-card,
html[data-theme="light"] .plain-summary-card,
html[data-theme="light"] .suggestion-card,
html[data-theme="light"] .no-suggestion-card,
html[data-theme="light"] .review-details-toggle {
  background: var(--color-surface-subtle) !important;
}

html[data-theme="light"] .next-step-card {
  border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border)) !important;
  background: var(--color-primary-softer) !important;
}

html[data-theme="light"] .case-decision-guidance.manual {
  border-color: color-mix(in srgb, var(--color-warning) 40%, var(--color-border)) !important;
  background: var(--color-warning-soft) !important;
}

html[data-theme="light"] .case-decision-guidance.supported {
  border-color: color-mix(in srgb, var(--color-success) 40%, var(--color-border)) !important;
  background: var(--color-success-soft) !important;
}

html[data-theme="light"] .workflow-queue-button,
html[data-theme="light"] .simple-explain-list li,
html[data-theme="light"] .case-decision-choice,
html[data-theme="light"] .suggestion-decision-box {
  color: var(--color-text-muted) !important;
  border-color: var(--color-border) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .workflow-queue-button:hover,
html[data-theme="light"] .workflow-queue-button.active {
  color: var(--color-text-strong) !important;
  border-color: var(--color-primary) !important;
  background: var(--color-primary-soft) !important;
}

html[data-theme="light"] .workflow-queue-button.recommended {
  box-shadow: inset 3px 0 0 var(--color-primary) !important;
}

html[data-theme="light"] .workflow-step-number {
  color: var(--color-text-strong) !important;
  border-color: var(--color-border-strong) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .workflow-step.active .workflow-step-number {
  color: var(--color-primary-strong) !important;
  border-color: var(--color-primary) !important;
  background: var(--color-primary-soft) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 12%, transparent) !important;
}

html[data-theme="light"] .workflow-step.done .workflow-step-number {
  color: var(--color-success-strong) !important;
  border-color: var(--color-success) !important;
  background: var(--color-success-soft) !important;
}

html[data-theme="light"] .workflow-progress-track::before {
  background: var(--color-border) !important;
}

html[data-theme="light"] .workflow-empty-note {
  color: var(--color-success-strong) !important;
  border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border)) !important;
  background: var(--color-success-soft) !important;
}

html[data-theme="light"] .case-item-meaning,
html[data-theme="light"] .case-item-action,
html[data-theme="light"] .workflow-primary-note,
html[data-theme="light"] .workflow-hero-card p,
html[data-theme="light"] .workflow-step,
html[data-theme="light"] .workflow-queue-button,
html[data-theme="light"] .workflow-empty-note,
html[data-theme="light"] .plain-summary-card p,
html[data-theme="light"] .next-step-card p,
html[data-theme="light"] .simple-explain-list li,
html[data-theme="light"] .case-decision-guidance p,
html[data-theme="light"] .case-decision-choice span,
html[data-theme="light"] .suggestion-copy,
html[data-theme="light"] .suggestion-decision-box,
html[data-theme="light"] .no-suggestion-card p,
html[data-theme="light"] .review-details-toggle > summary span {
  color: var(--color-text-muted) !important;
}

html[data-theme="light"] .case-item-action strong,
html[data-theme="light"] .workflow-queue-button strong,
html[data-theme="light"] .workflow-empty-note strong,
html[data-theme="light"] .simple-explain-list strong,
html[data-theme="light"] .case-decision-choice strong,
html[data-theme="light"] .suggestion-decision-box strong,
html[data-theme="light"] .review-details-toggle > summary {
  color: var(--color-text-strong) !important;
}

html[data-theme="light"] .queue-badge {
  color: var(--color-primary-strong) !important;
  background: var(--color-primary-soft) !important;
}

html[data-theme="light"] .queue-badge.manual_review,
html[data-theme="light"] .queue-badge.manual {
  color: var(--color-warning-strong) !important;
  background: var(--color-warning-soft) !important;
}

html[data-theme="light"] .queue-badge.no_suggested_action,
html[data-theme="light"] .queue-badge.none,
html[data-theme="light"] .queue-badge.reviewed {
  color: var(--color-text-muted) !important;
  background: var(--color-surface-muted) !important;
}

html[data-theme="light"] .queue-badge.supported {
  color: var(--color-success-strong) !important;
  background: var(--color-success-soft) !important;
}

html[data-theme="light"] .review-details-toggle > .panel {
  border-top-color: var(--color-border) !important;
  background: transparent !important;
}