html[data-theme="dark"] {
  color-scheme: dark;
  --body-bg: #09101c;
  --ink: #e7eefc;
  --ink-muted: #a7b6d4;
  --paper: #0d1526;
  --card: rgba(13, 21, 38, 0.86);
  --accent: #7da6ff;
  --accent-dark: #edf3ff;
  --accent-soft: rgba(125, 166, 255, 0.18);
  --shadow: rgba(0, 0, 0, 0.42);
  --border: rgba(148, 163, 184, 0.16);
  --page-gradient-start: #12203b;
  --page-gradient-mid: #0a1221;
  --page-gradient-end: #0d172a;
  --page-orb-1: rgba(125, 166, 255, 0.12);
  --page-orb-2: rgba(86, 112, 162, 0.14);
  --footer-bg: rgba(9, 16, 28, 0.9);
  --footer-border: rgba(148, 163, 184, 0.16);
  --footer-text: rgba(231, 238, 252, 0.82);
}

html[data-theme="dark"] body {
  background: var(--body-bg);
  color: var(--ink);
}

html[data-theme="dark"] .dashboard-boot-overlay {
  background:
    radial-gradient(circle at top, rgba(125, 166, 255, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(9, 16, 28, 0.98), rgba(12, 20, 35, 0.98));
}

html[data-theme="dark"] .dashboard-boot-card {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.96), rgba(9, 16, 28, 0.94));
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .dashboard-boot-card h2 {
  color: var(--ink);
}

html[data-theme="dark"] .dashboard-boot-copy {
  color: var(--ink-muted);
}

html[data-theme="dark"] .global-busy-overlay {
  background: rgba(3, 8, 18, 0.48);
}

html[data-theme="dark"] .global-busy-overlay-card {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.98), rgba(9, 16, 28, 0.96));
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .global-busy-overlay-copy {
  color: var(--ink);
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .account-menu-dropdown,
html[data-theme="dark"] .project-history-list,
html[data-theme="dark"] .project-history-item,
html[data-theme="dark"] .admin-project-item,
html[data-theme="dark"] .settings-sidebar,
html[data-theme="dark"] .settings-panel-head,
html[data-theme="dark"] .settings-user-row,
html[data-theme="dark"] .settings-preview-field,
html[data-theme="dark"] #settings-modal .modal-tab-panel,
html[data-theme="dark"] #project-modal .modal-tab-panel,
html[data-theme="dark"] .switch-row,
html[data-theme="dark"] .theme-toggle {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.96), rgba(9, 16, 28, 0.92));
  border-color: rgba(148, 163, 184, 0.16);
  color: var(--ink);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
}

html[data-theme="dark"] .modal-header {
  background: linear-gradient(90deg, rgba(13, 21, 38, 0.98), rgba(11, 19, 34, 0.92) 100%);
  border-bottom-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .site-footer {
  box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .hero-subtitle,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .account-menu-subtitle,
html[data-theme="dark"] .settings-search-icon,
html[data-theme="dark"] .settings-tab-copy,
html[data-theme="dark"] .settings-panel-copy .muted,
html[data-theme="dark"] .settings-user-meta,
html[data-theme="dark"] .project-history-meta,
html[data-theme="dark"] .auth-status.info {
  color: var(--ink-muted);
}

html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .settings-panel-eyebrow,
html[data-theme="dark"] .theme-toggle-label {
  color: #8fb2ff;
}

html[data-theme="dark"] .button.ghost,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .tab,
html[data-theme="dark"] .modal-tab-btn,
html[data-theme="dark"] .admin-nav-btn {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(148, 163, 184, 0.18);
  color: var(--ink);
}

html[data-theme="dark"] .button.ghost:hover,
html[data-theme="dark"] .icon-button:hover,
html[data-theme="dark"] .tab:hover,
html[data-theme="dark"] .modal-tab-btn:hover {
  background: rgba(125, 166, 255, 0.12);
  border-color: rgba(125, 166, 255, 0.22);
}

html[data-theme="dark"] .button,
html[data-theme="dark"] .tab.is-active,
html[data-theme="dark"] .modal-tab-btn.is-active,
html[data-theme="dark"] .admin-nav-btn.is-active,
html[data-theme="dark"] .admin-nav-btn[aria-current="page"],
html[data-theme="dark"] .theme-toggle[data-theme="dark"] {
  box-shadow: 0 16px 30px rgba(43, 73, 140, 0.32);
}

html[data-theme="dark"] .input,
html[data-theme="dark"] .select,
html[data-theme="dark"] .textarea,
html[data-theme="dark"] .users-table-wrap,
html[data-theme="dark"] .history-table-wrap,
html[data-theme="dark"] .release-task-picker,
html[data-theme="dark"] .project-history-empty,
html[data-theme="dark"] .delete-summary,
html[data-theme="dark"] .meta-card {
  background: rgba(7, 13, 24, 0.86);
  border-color: rgba(148, 163, 184, 0.18);
  color: var(--ink);
}

html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] .textarea::placeholder {
  color: rgba(167, 182, 212, 0.58);
}

html[data-theme="dark"] .theme-toggle-track {
  background: linear-gradient(135deg, rgba(12, 21, 37, 0.96), rgba(21, 34, 59, 0.94));
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .theme-toggle-thumb {
  background: linear-gradient(135deg, #eaf1ff, #8fb2ff);
  box-shadow: 0 8px 18px rgba(125, 166, 255, 0.24);
}

html[data-theme="dark"] .theme-toggle-state {
  color: var(--ink);
}

html[data-theme="dark"] .theme-toggle[data-theme="dark"] .theme-toggle-icon-sun {
  color: rgba(231, 238, 252, 0.34);
}

html[data-theme="dark"] .theme-toggle[data-theme="dark"] .theme-toggle-icon-moon {
  color: #0f1d33;
}

html[data-theme="dark"] .theme-toggle[data-theme="light"] .theme-toggle-icon-sun {
  color: #ffd466;
}

html[data-theme="dark"] .theme-toggle[data-theme="light"] .theme-toggle-icon-moon {
  color: rgba(231, 238, 252, 0.4);
}

html[data-theme="dark"] .settings-meta-pill,
html[data-theme="dark"] .settings-panel-count,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .pill.open {
  background: rgba(125, 166, 255, 0.12);
  border-color: rgba(125, 166, 255, 0.16);
  color: #d7e4ff;
}

html[data-theme="dark"] .settings-permission-pill.is-enabled,
html[data-theme="dark"] .pill.done {
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.18);
  color: #8cf0ae;
}

html[data-theme="dark"] .settings-permission-pill.is-disabled {
  background: rgba(148, 163, 184, 0.1);
  border-color: rgba(148, 163, 184, 0.14);
  color: #c1cde3;
}

html[data-theme="dark"] .settings-sidebar {
  background:
    radial-gradient(circle at top left, rgba(125, 166, 255, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(16, 26, 46, 0.96), rgba(11, 19, 34, 0.92));
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .settings-sidebar-head h3,
html[data-theme="dark"] .settings-panel-title h3,
html[data-theme="dark"] .settings-user-name,
html[data-theme="dark"] .settings-role-name {
  color: var(--ink);
}

html[data-theme="dark"] #settings-modal .modal-tabs,
html[data-theme="dark"] #project-modal .modal-tabs {
  border-right-color: rgba(148, 163, 184, 0.14);
}

html[data-theme="dark"] #settings-modal .modal-tab-btn,
html[data-theme="dark"] #project-modal .modal-tab-btn {
  background: rgba(248, 251, 255, 0.74);
  border-color: rgba(210, 220, 239, 0.78);
  color: #1f2b43;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.16);
}

html[data-theme="dark"] #settings-modal .modal-tab-btn:hover,
html[data-theme="dark"] #project-modal .modal-tab-btn:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(125, 166, 255, 0.34);
}

html[data-theme="dark"] #settings-modal .modal-tab-btn .settings-tab-copy,
html[data-theme="dark"] #project-modal .modal-tab-btn .settings-tab-copy {
  color: #5b6f97;
}

html[data-theme="dark"] #settings-modal .modal-tab-btn.is-active,
html[data-theme="dark"] #project-modal .modal-tab-btn.is-active {
  background: linear-gradient(135deg, #395ea0, #587fc8);
  border-color: rgba(125, 166, 255, 0.38);
  color: #f8fbff;
  box-shadow: 0 18px 32px rgba(24, 40, 72, 0.42);
}

html[data-theme="dark"] #settings-modal .modal-tab-btn.is-active .settings-tab-copy,
html[data-theme="dark"] #project-modal .modal-tab-btn.is-active .settings-tab-copy {
  color: rgba(248, 251, 255, 0.84);
}

html[data-theme="dark"] #settings-modal .modal-tab-panel,
html[data-theme="dark"] #project-modal .modal-tab-panel {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.98), rgba(10, 18, 33, 0.94));
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] .settings-panel-head {
  background:
    radial-gradient(circle at top right, rgba(125, 166, 255, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(16, 26, 46, 0.96), rgba(11, 19, 34, 0.9));
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .settings-search {
  color: var(--ink-muted);
}

html[data-theme="dark"] .settings-user-row,
html[data-theme="dark"] .settings-role-row {
  background: rgba(15, 24, 42, 0.92);
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] #settings-modal .modal-actions,
html[data-theme="dark"] #project-modal .modal-actions {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0), rgba(13, 21, 38, 0) 12%, rgba(13, 21, 38, 0.98) 32%);
}

html[data-theme="dark"] .permission-group {
  background: rgba(15, 24, 42, 0.88);
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .permission-group h4,
html[data-theme="dark"] .permission-item span {
  color: var(--ink);
}

html[data-theme="dark"] .permission-group .muted {
  color: var(--ink-muted);
}

html[data-theme="dark"] .permission-item {
  background: rgba(15, 24, 42, 0.94);
  border-color: rgba(148, 163, 184, 0.16);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] .permission-item.is-disabled {
  background: rgba(15, 24, 42, 0.7);
  border-color: rgba(148, 163, 184, 0.12);
  opacity: 0.72;
}

html[data-theme="dark"] #role-modal .modal-actions {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0), rgba(13, 21, 38, 0) 12%, rgba(13, 21, 38, 0.98) 32%);
}

html[data-theme="dark"] .users-table thead th,
html[data-theme="dark"] .history-table thead th,
html[data-theme="dark"] .release-task-table thead th {
  background: rgba(21, 34, 59, 0.96);
  color: #dce8ff;
}

html[data-theme="dark"] .users-table td,
html[data-theme="dark"] .history-table td,
html[data-theme="dark"] .release-task-table td,
html[data-theme="dark"] .users-table th,
html[data-theme="dark"] .history-table th,
html[data-theme="dark"] .release-task-table th {
  border-bottom-color: rgba(148, 163, 184, 0.12);
}

html[data-theme="dark"] .history-table tbody tr:hover,
html[data-theme="dark"] .release-task-table tbody tr:hover {
  background: rgba(125, 166, 255, 0.08);
}

html[data-theme="dark"] .tooltip::after,
html[data-theme="dark"] .tooltip::before {
  filter: brightness(1.04);
}

html[data-theme="dark"] .login-card,
html[data-theme="dark"] .project-history-empty {
  backdrop-filter: blur(12px);
}

html[data-theme="dark"] .tabs,
html[data-theme="dark"] .todo-view-switcher {
  background: rgba(16, 26, 46, 0.84);
  border-color: rgba(148, 163, 184, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] .tab,
html[data-theme="dark"] .todo-view-switch {
  color: var(--ink-muted);
}

html[data-theme="dark"] .tab:not(.is-active):hover,
html[data-theme="dark"] .todo-view-switch:hover {
  background: rgba(125, 166, 255, 0.12);
  color: var(--ink);
}

html[data-theme="dark"] .tab.is-active,
html[data-theme="dark"] .todo-view-switch.is-active {
  background: linear-gradient(135deg, #395ea0, #587fc8);
  color: #f8fbff;
  box-shadow: 0 14px 28px rgba(24, 40, 72, 0.46);
}

html[data-theme="dark"] .todo-view-switch-count {
  background: rgba(125, 166, 255, 0.12);
}

html[data-theme="dark"] .metrics-hero-card,
html[data-theme="dark"] .metrics-section-card,
html[data-theme="dark"] .metrics-attention-card,
html[data-theme="dark"] .metrics-team-context,
html[data-theme="dark"] .chart-card,
html[data-theme="dark"] .todo-section-card,
html[data-theme="dark"] .todo-my-card,
html[data-theme="dark"] .release-table-wrap,
html[data-theme="dark"] .release-tagged-summary,
html[data-theme="dark"] .release-tagged-task-card,
html[data-theme="dark"] .release-tagged-task-fact {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.98), rgba(10, 18, 33, 0.94));
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
}

html[data-theme="dark"] .metrics-section-card-featured,
html[data-theme="dark"] .todo-section-card-primary,
html[data-theme="dark"] .chart-card-primary {
  background:
    radial-gradient(circle at top right, rgba(125, 166, 255, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(16, 26, 46, 0.98), rgba(10, 18, 33, 0.94));
}

html[data-theme="dark"] .metrics-summary-card,
html[data-theme="dark"] .metrics-contributor-focus,
html[data-theme="dark"] .metrics-contributor-release-spotlight,
html[data-theme="dark"] .metrics-queue-summary-item,
html[data-theme="dark"] .metrics-queue-group,
html[data-theme="dark"] .metrics-queue-item,
html[data-theme="dark"] .metrics-status-band-item,
html[data-theme="dark"] .metrics-release-focus,
html[data-theme="dark"] .metrics-attention-item,
html[data-theme="dark"] .metrics-workload-row,
html[data-theme="dark"] .metrics-compact-distribution-row,
html[data-theme="dark"] .task-metrics-pill,
html[data-theme="dark"] .chart-wrap,
html[data-theme="dark"] .metrics-detail li,
html[data-theme="dark"] .metrics-detail-card,
html[data-theme="dark"] .time-log-summary,
html[data-theme="dark"] .checklist-table-wrap,
html[data-theme="dark"] .todo-filter-toolbar,
html[data-theme="dark"] .todo-empty-state,
html[data-theme="dark"] .todo-my-card-metrics > div,
html[data-theme="dark"] .todo-table-wrap,
html[data-theme="dark"] .ticket-card,
html[data-theme="dark"] .release-card {
  background: rgba(15, 24, 42, 0.9);
  border-color: rgba(148, 163, 184, 0.16);
  color: var(--ink);
  box-shadow: none;
}

html[data-theme="dark"] .metrics-summary-card-neutral,
html[data-theme="dark"] .metrics-summary-card-active,
html[data-theme="dark"] .metrics-summary-card-accent,
html[data-theme="dark"] .metrics-summary-card-success,
html[data-theme="dark"] .metrics-queue-summary-item-warning,
html[data-theme="dark"] .metrics-queue-summary-item-active,
html[data-theme="dark"] .task-metrics-pill-active,
html[data-theme="dark"] .task-metrics-pill-success,
html[data-theme="dark"] .task-metrics-pill-accent {
  background: rgba(15, 24, 42, 0.9);
}

html[data-theme="dark"] .metrics-capacity-section > .metrics-section-card,
html[data-theme="dark"] .metrics-team-context .metrics-section-card,
html[data-theme="dark"] .metrics-team-context .metrics-queue-item {
  background: rgba(15, 24, 42, 0.82);
}

html[data-theme="dark"] .metrics-hero-head h2,
html[data-theme="dark"] .metrics-contributor-focus h3,
html[data-theme="dark"] .metrics-contributor-release-spotlight h3,
html[data-theme="dark"] .metrics-queue-group-header h4,
html[data-theme="dark"] .metrics-queue-item h4,
html[data-theme="dark"] .metrics-section-header h3,
html[data-theme="dark"] .metrics-release-name,
html[data-theme="dark"] .metrics-attention-item-top h4,
html[data-theme="dark"] .metrics-workload-row-head h4,
html[data-theme="dark"] .metrics-compact-distribution-label,
html[data-theme="dark"] .metrics-compact-distribution-value,
html[data-theme="dark"] .chart-card h3,
html[data-theme="dark"] .release-tagged-task-title,
html[data-theme="dark"] .todo-my-card-title-block h3,
html[data-theme="dark"] .todo-progress-cell strong,
html[data-theme="dark"] .todo-assignee-chip,
html[data-theme="dark"] .release-count-pill {
  color: var(--ink);
}

html[data-theme="dark"] .metrics-hero-badge,
html[data-theme="dark"] .metrics-attention-badge,
html[data-theme="dark"] .metrics-workload-hours,
html[data-theme="dark"] .metrics-info-badge,
html[data-theme="dark"] .chart-card-note,
html[data-theme="dark"] .todo-section-count,
html[data-theme="dark"] .release-count-pill,
html[data-theme="dark"] .release-tagged-task-open {
  background: rgba(125, 166, 255, 0.12);
  border-color: rgba(125, 166, 255, 0.18);
  color: #dce8ff;
}

html[data-theme="dark"] .metrics-health-pill-active {
  background: rgba(245, 158, 11, 0.18);
  color: #ffd38a;
}

html[data-theme="dark"] .metrics-health-pill-neutral {
  background: rgba(148, 163, 184, 0.16);
  color: #d6dfef;
}

html[data-theme="dark"] .todo-stepper {
  background: linear-gradient(180deg, rgba(16, 26, 46, 0.9), rgba(11, 19, 34, 0.88));
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  padding: 14px 12px;
}

html[data-theme="dark"] .todo-step-tab {
  background: rgba(248, 251, 255, 0.96);
  border-color: rgba(210, 220, 239, 0.88);
  color: #1f2b43;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.12);
}

html[data-theme="dark"] .todo-step-tab:hover {
  background: #ffffff;
  border-color: rgba(125, 166, 255, 0.42);
}

html[data-theme="dark"] .todo-step-tab.is-active {
  background: linear-gradient(135deg, #395ea0, #587fc8);
  border-color: rgba(125, 166, 255, 0.44);
  color: #f8fbff;
  box-shadow: 0 14px 28px rgba(24, 40, 72, 0.42);
}

html[data-theme="dark"] #todo-modal .sticky-actions,
html[data-theme="dark"] #release-modal .sticky-actions {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.98), rgba(9, 16, 28, 0.96));
  border-top-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .sidecar-modal .modal-content {
  border-left-color: rgba(148, 163, 184, 0.16);
  box-shadow: -24px 0 48px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] #subtask-modal .modal-header {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.98), rgba(11, 19, 34, 0.94));
  border-bottom-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] #subtask-modal .subtask-status-toggle {
  background: rgba(15, 24, 42, 0.92);
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] #subtask-modal .subtask-status-toggle-label,
html[data-theme="dark"] #subtask-modal .doc-toggle-row span,
html[data-theme="dark"] .subtask-empty strong,
html[data-theme="dark"] .subtask-card-linkhint,
html[data-theme="dark"] .subtask-assignee-chip {
  color: var(--ink);
}

html[data-theme="dark"] #subtask-modal .subtask-status-toggle-helper,
html[data-theme="dark"] .subtask-card-linkhint span,
html[data-theme="dark"] .subtask-assignees-label,
html[data-theme="dark"] .subtask-empty p {
  color: var(--ink-muted);
}

html[data-theme="dark"] #subtask-modal .modal-actions {
  background: linear-gradient(180deg, rgba(13, 21, 38, 0.94), rgba(9, 16, 28, 0.98) 28%);
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .subtask-empty,
html[data-theme="dark"] .subtask-card {
  background: rgba(15, 24, 42, 0.9);
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] #todo-modal .todo-create-more span,
html[data-theme="dark"] #release-modal .todo-create-more span,
html[data-theme="dark"] .checkbox-field span {
  color: var(--ink);
}

html[data-theme="dark"] #todo-modal .todo-step-panel,
html[data-theme="dark"] #release-modal .todo-step-panel {
  scrollbar-color: rgba(125, 166, 255, 0.42) rgba(10, 18, 33, 0.52);
}

html[data-theme="dark"] .metrics-queue-group-header span,
html[data-theme="dark"] .metrics-progress-bar,
html[data-theme="dark"] .metrics-workload-meter,
html[data-theme="dark"] .metrics-pipeline-bar,
html[data-theme="dark"] .metrics-compact-distribution-track,
html[data-theme="dark"] .metrics-status-band-bar {
  background: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .metrics-status-band-item,
html[data-theme="dark"] .metrics-pipeline-legend-item {
  background: rgba(15, 24, 42, 0.92);
  border-color: rgba(148, 163, 184, 0.16);
  color: var(--ink);
}

html[data-theme="dark"] .metrics-empty,
html[data-theme="dark"] .metrics-detail-empty {
  background:
    radial-gradient(circle at top, rgba(18, 29, 52, 0.98), rgba(12, 20, 35, 0.96)),
    linear-gradient(180deg, rgba(15, 24, 42, 0.94), rgba(10, 18, 33, 0.94));
  border-color: rgba(148, 163, 184, 0.16);
  color: var(--ink-muted);
}

html[data-theme="dark"] .metrics-detail-empty-visual {
  background: rgba(125, 166, 255, 0.12);
  border-color: rgba(125, 166, 255, 0.18);
  color: #dce8ff;
}

html[data-theme="dark"] .release-panel-header .muted,
html[data-theme="dark"] .metrics-release-meta,
html[data-theme="dark"] .metrics-release-facts,
html[data-theme="dark"] .metrics-workload-meta,
html[data-theme="dark"] .metrics-attention-meta,
html[data-theme="dark"] .metrics-attention-detail,
html[data-theme="dark"] .metrics-progress-top,
html[data-theme="dark"] .metrics-info-meta,
html[data-theme="dark"] .release-notes-cell,
html[data-theme="dark"] .release-table-secondary,
html[data-theme="dark"] .todo-empty-state-helper,
html[data-theme="dark"] .todo-assignee-empty,
html[data-theme="dark"] .todo-serial-cell,
html[data-theme="dark"] .todo-my-card-label,
html[data-theme="dark"] .release-tagged-task-label,
html[data-theme="dark"] .chart-card-eyebrow,
html[data-theme="dark"] .task-metrics-pill-label,
html[data-theme="dark"] .metrics-summary-label {
  color: var(--ink-muted);
}

html[data-theme="dark"] .release-table thead th,
html[data-theme="dark"] .todo-table thead th,
html[data-theme="dark"] .checklist-table th {
  background: rgba(21, 34, 59, 0.96);
  color: #dce8ff;
  border-bottom-color: rgba(148, 163, 184, 0.14);
}

html[data-theme="dark"] .release-table tbody td,
html[data-theme="dark"] .todo-table tbody td,
html[data-theme="dark"] .checklist-table td {
  border-bottom-color: rgba(148, 163, 184, 0.1);
  color: var(--ink);
}

html[data-theme="dark"] .release-table tbody tr:hover,
html[data-theme="dark"] .todo-table tbody tr.task-row:hover,
html[data-theme="dark"] .checklist-table tbody tr:hover,
html[data-theme="dark"] .todo-table tbody tr.task-row.is-expanded,
html[data-theme="dark"] .todo-detail-row td {
  background: rgba(125, 166, 255, 0.08);
}

html[data-theme="dark"] .release-status-planning {
  background: rgba(148, 163, 184, 0.14);
  color: #d9e2f2;
  border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .release-status-progress {
  background: rgba(125, 166, 255, 0.16);
  color: #dce8ff;
  border-color: rgba(125, 166, 255, 0.22);
}

html[data-theme="dark"] .release-status-qa {
  background: rgba(245, 158, 11, 0.18);
  color: #ffd38a;
  border-color: rgba(245, 158, 11, 0.24);
}

html[data-theme="dark"] .release-status-ready,
html[data-theme="dark"] .release-status-released {
  background: rgba(34, 197, 94, 0.16);
  color: #9dedb6;
  border-color: rgba(34, 197, 94, 0.22);
}

html[data-theme="dark"] .release-status-cancelled {
  background: rgba(239, 68, 68, 0.16);
  color: #ffb0b0;
  border-color: rgba(239, 68, 68, 0.22);
}

html[data-theme="dark"] .release-task-summary {
  color: var(--ink-muted);
}

html[data-theme="dark"] .release-task-picker {
  background: rgba(15, 24, 42, 0.92);
  border-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .release-task-table thead th {
  background: rgba(21, 34, 59, 0.98);
  color: #dce8ff;
  border-bottom-color: rgba(148, 163, 184, 0.14);
}

html[data-theme="dark"] .release-task-table tbody tr {
  background: rgba(15, 24, 42, 0.94);
}

html[data-theme="dark"] .release-task-table tbody tr:hover {
  background: rgba(125, 166, 255, 0.08);
}

html[data-theme="dark"] .release-task-table th,
html[data-theme="dark"] .release-task-table td {
  border-bottom-color: rgba(148, 163, 184, 0.1);
  color: var(--ink);
}

html[data-theme="dark"] .release-task-link {
  color: var(--ink);
}

html[data-theme="dark"] .release-task-link:hover {
  color: #dce8ff;
}

html[data-theme="dark"] .pill.open {
  background: rgba(148, 163, 184, 0.16);
  color: #d6dfef;
}

html[data-theme="dark"] .pill.progress {
  background: rgba(125, 166, 255, 0.16);
  color: #dce8ff;
}

html[data-theme="dark"] .task-priority-chip.priority-low,
html[data-theme="dark"] .task-type-chip.task-type-other {
  background: rgba(148, 163, 184, 0.14);
  color: #d6dfef;
  border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .task-priority-chip.priority-medium {
  background: rgba(125, 166, 255, 0.16);
  color: #dce8ff;
  border-color: rgba(125, 166, 255, 0.22);
}

html[data-theme="dark"] .task-priority-chip.priority-high {
  background: rgba(245, 158, 11, 0.18);
  color: #ffd38a;
  border-color: rgba(245, 158, 11, 0.24);
}

html[data-theme="dark"] .task-priority-chip.priority-critical,
html[data-theme="dark"] .task-type-chip.task-type-bug {
  background: rgba(239, 68, 68, 0.16);
  color: #ffb0b0;
  border-color: rgba(239, 68, 68, 0.22);
}

html[data-theme="dark"] .task-type-chip.task-type-feature {
  background: rgba(45, 212, 191, 0.14);
  color: #9af2e8;
  border-color: rgba(45, 212, 191, 0.2);
}

html[data-theme="dark"] .task-type-chip.task-type-improvement {
  background: rgba(167, 139, 250, 0.16);
  color: #ddd1ff;
  border-color: rgba(167, 139, 250, 0.22);
}

html[data-theme="dark"] .task-type-chip.task-type-research {
  background: rgba(251, 191, 36, 0.16);
  color: #ffe098;
  border-color: rgba(251, 191, 36, 0.22);
}

html[data-theme="dark"] .task-type-chip.task-type-testing {
  background: rgba(34, 197, 94, 0.16);
  color: #9dedb6;
  border-color: rgba(34, 197, 94, 0.22);
}

html[data-theme="dark"] .task-type-chip.task-type-release {
  background: rgba(125, 166, 255, 0.14);
  color: #dce8ff;
  border-color: rgba(125, 166, 255, 0.2);
}

html[data-theme="dark"] .todo-filter-summary,
html[data-theme="dark"] .todo-filter-field span,
html[data-theme="dark"] .todo-my-card-footer > p,
html[data-theme="dark"] .todo-meta-inline,
html[data-theme="dark"] .metrics-queue-meta,
html[data-theme="dark"] .metrics-queue-detail,
html[data-theme="dark"] .metrics-queue-footnote,
html[data-theme="dark"] .metrics-contributor-focus-summary,
html[data-theme="dark"] .metrics-contributor-focus-meta,
html[data-theme="dark"] .checklist-date-empty,
html[data-theme="dark"] .checklist-date-hint {
  color: var(--ink-muted);
}