/* Light-theme fixes for tabs that keep dark hardcoded colors. */
[data-theme='light'] {
  --auth-ink: #15202b;
  --auth-dim: #5c6570;
  --auth-line: #15202b24;
  --auth-card: #ffffffd8;
}

[data-theme='light'] .cr-files-cm .cm-editor,
[data-theme='light'] .cr-files-cm .cm-gutters {
  background: var(--surface) !important;
  color: var(--text);
}

[data-theme='light'] .cr-files-editor,
[data-theme='light'] .cr-files-reader {
  background: var(--bg) !important;
  color: var(--text);
}

[data-theme='light'] .cr-task-card:active {
  background: var(--hover);
}

[data-theme='light'] .cr-gantt-scroll {
  scrollbar-color: var(--border-strong) transparent;
}

[data-theme='light'] .cr-gantt-scroll::-webkit-scrollbar-thumb {
  background: var(--border-strong);
}

[data-theme='light'] .cr-claw-pill.is-run {
  color: #1e40af;
  background: #dbeafe;
  border-color: #93c5fd;
}

[data-theme='light'] .cr-claw-pill.is-wait {
  color: #b45309;
  background: #fef3c7;
  border-color: #fcd34d;
}

[data-theme='light'] .cr-claw-pill.is-done {
  color: #047857;
  background: #d1fae5;
  border-color: #6ee7b7;
}

[data-theme='light'] .cr-claw-pill.is-err {
  color: #b91c1c;
  background: #fee2e2;
  border-color: #fca5a5;
}

[data-theme='light'] .recharts-cartesian-grid line,
[data-theme='light'] .recharts-cartesian-grid-horizontal line,
[data-theme='light'] .recharts-cartesian-grid-vertical line {
  stroke: var(--border);
}

[data-theme='light'] .recharts-cartesian-axis-tick text,
[data-theme='light'] .recharts-legend-item-text {
  fill: var(--muted);
}

html[data-theme='light'] meta[name='theme-color'] {
  color: #eef1f5;
}