html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #10141c;
  --surface: #1a2130;
  --surface-2: #232b3b;
  --text: #e8eef6;
  --muted: #9aa8b8;
  --primary: #4d8aff;
  --primary-dark: #3b73e0;
  --border: #334056;
  --success: #4ade80;
  --danger: #f87171;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  --input-bg: #141a24;
}

html[data-theme="dark"] .read-only-banner {
  background: #3a2e12;
  border-bottom-color: #6b5420;
  color: #f5d98c;
}

html[data-theme="dark"] .user-menu,
html[data-theme="dark"] .nav-drawer,
html[data-theme="dark"] .global-search-results,
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .parts-picker-modal,
html[data-theme="dark"] .equipment-modal,
html[data-theme="dark"] .open-point-modal,
html[data-theme="dark"] .pwa-install-modal__panel,
html[data-theme="dark"] .detail-header,
html[data-theme="dark"] .detail-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .search-result-item,
html[data-theme="dark"] .list-row,
html[data-theme="dark"] .list-card,
html[data-theme="dark"] .planning-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .empty-state {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .pwa-install-modal__panel h2,
html[data-theme="dark"] .equipment-picker-group__title {
  color: var(--text);
}

html[data-theme="dark"] .pwa-install-steps {
  color: var(--text);
}

html[data-theme="dark"] .equipment-picker-group + .equipment-picker-group,
html[data-theme="dark"] .equipment-picker-row {
  border-color: var(--border);
}

html[data-theme="dark"] .equipment-picker-row__meta {
  color: var(--muted);
}

html[data-theme="dark"] .pwa-install-modal__backdrop {
  background: rgba(0, 0, 0, 0.65);
}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group select,
html[data-theme="dark"] .form-group textarea {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .readonly-field {
  background: var(--surface-2);
  color: var(--muted);
}

html[data-theme="dark"] .nav-drawer__link.is-active {
  background: #24344d;
  color: #93c5fd;
}

html[data-theme="dark"] .back-link:hover {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--primary);
}

html[data-theme="dark"] .count-badge,
html[data-theme="dark"] .tag {
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--border);
}

html[data-theme="dark"] .form-group label,
html[data-theme="dark"] .form-group-label,
html[data-theme="dark"] .checkbox-group label,
html[data-theme="dark"] .detail-label,
html[data-theme="dark"] .list-filter-label,
html[data-theme="dark"] .feeder-subnav__label,
html[data-theme="dark"] .field-hint,
html[data-theme="dark"] .form-hint,
html[data-theme="dark"] .data-meta,
html[data-theme="dark"] .list-card__meta,
html[data-theme="dark"] .detail-empty,
html[data-theme="dark"] .contact-card-role {
  color: var(--muted);
}

html[data-theme="dark"] .detail-value,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .subsection-title,
html[data-theme="dark"] .report-section h3,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .list-card__main,
html[data-theme="dark"] .data-item-main strong {
  color: var(--text);
}

html[data-theme="dark"] .section-title,
html[data-theme="dark"] .feeder-subnav,
html[data-theme="dark"] .form-actions,
html[data-theme="dark"] .open-point-row,
html[data-theme="dark"] .planning-row {
  border-color: var(--border);
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn.btn-secondary,
html[data-theme="dark"] .btn-secondary.btn-small,
html[data-theme="dark"] button.secondary,
html[data-theme="dark"] .feeder-subnav__link {
  background: var(--surface-2);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-secondary.btn-small:hover,
html[data-theme="dark"] .feeder-subnav__link:hover {
  background: #2d3748;
  color: var(--text);
}

html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn.btn-danger,
html[data-theme="dark"] .btn-small.btn-danger,
html[data-theme="dark"] button.danger {
  background: #7f1d1d;
  color: #fecaca;
}

html[data-theme="dark"] .btn-danger:hover,
html[data-theme="dark"] .btn-small.btn-danger:hover {
  background: #991b1b;
  color: #fff;
}

html[data-theme="dark"] .btn-small:not(.btn-secondary):not(.btn-danger) {
  background: var(--primary);
  color: #fff;
}

html[data-theme="dark"] .form-message.success,
html[data-theme="dark"] .profile-form .message.success,
html[data-theme="dark"] .flash-message {
  background: #163427;
  color: #86efac;
}

html[data-theme="dark"] .form-message.error,
html[data-theme="dark"] .profile-form .message.error {
  background: #3f1d1d;
  color: #fca5a5;
}

html[data-theme="dark"] .edit-tab {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .time-table th,
html[data-theme="dark"] .time-table td,
html[data-theme="dark"] table th,
html[data-theme="dark"] table td {
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .time-table tr.time-entry-row {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .form-actions--sticky,
html[data-theme="dark"] .sticky-form-actions {
  background: rgba(16, 20, 28, 0.96);
  border-top-color: var(--border);
  box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .detail-grid {
  color: var(--text);
}

html[data-theme="dark"] .detail-header h2 {
  color: var(--text);
}

html[data-theme="dark"] .detail-value a,
html[data-theme="dark"] .contact-card-line a,
html[data-theme="dark"] .contact-card-actions a,
html[data-theme="dark"] .nav-address-link {
  color: var(--primary);
}

html[data-theme="dark"] .contract-machine-list li {
  background: var(--surface-elevated, var(--surface));
  border: 1px solid var(--border);
}

html[data-theme="dark"] .contract-machine-list__line,
html[data-theme="dark"] .contract-machine-list__model {
  color: var(--text);
}

html[data-theme="dark"] .contract-machine-list__serial,
html[data-theme="dark"] .card-editable-title:hover,
html[data-theme="dark"] .card-editable-title:focus-visible {
  color: var(--primary);
}

html[data-theme="dark"] .contract-card-meta {
  color: var(--text-muted);
}

html[data-theme="dark"] .machine-column {
  background: var(--surface);
  border-color: var(--border);
}

html[data-theme="dark"] .machine-column-title {
  background: var(--surface-2);
  border-bottom-color: var(--border);
  color: var(--muted);
}

html[data-theme="dark"] .machine-line-row {
  border-bottom-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .machine-line-row:hover {
  background: var(--surface-2);
}

html[data-theme="dark"] .machine-line-number {
  color: var(--primary);
}

html[data-theme="dark"] .machine-line-title,
html[data-theme="dark"] .machine-line-model {
  color: var(--text);
}

html[data-theme="dark"] .machine-line-brand,
html[data-theme="dark"] .machine-line-model-muted,
html[data-theme="dark"] .machine-line-sub,
html[data-theme="dark"] .machine-line-meta,
html[data-theme="dark"] .machine-line-type,
html[data-theme="dark"] .machine-line-serial {
  color: var(--muted);
}

html[data-theme="dark"] .machine-line-ip {
  color: var(--muted);
  background: var(--surface-2);
}

html[data-theme="dark"] .auth-card {
  background: var(--surface);
}

html[data-theme="dark"] .auth-brand img {
  filter: brightness(0) invert(1);
}

html[data-theme="dark"] .readiness-panel,
html[data-theme="dark"] .open-points-banner {
  background: #2a2416;
  border-color: #92722a;
  color: #f5e6c8;
}

html[data-theme="dark"] .readiness-block--critical {
  color: #fca5a5;
}

html[data-theme="dark"] .readiness-block--optional {
  color: #fbbf24;
}

html[data-theme="dark"] .open-points-banner__item {
  border-top-color: #6b5420;
}

html[data-theme="dark"] .open-points-banner__text,
html[data-theme="dark"] .open-points-banner__head,
html[data-theme="dark"] .open-points-banner p,
html[data-theme="dark"] .open-points-banner li {
  color: #f5e6c8;
}

html[data-theme="dark"] .status-badge,
html[data-theme="dark"] .status-other {
  background: var(--surface-2);
  color: var(--text);
}

html[data-theme="dark"] .status-active {
  background: #163427;
  color: #86efac;
}

html[data-theme="dark"] .ui-badge--slate {
  background: var(--surface-2);
  color: var(--text);
}

html[data-theme="dark"] .ui-badge--blue {
  background: #1e3a5f;
  color: #93c5fd;
}

html[data-theme="dark"] .ui-badge--green {
  background: #163427;
  color: #86efac;
}

html[data-theme="dark"] .ui-badge--amber {
  background: #3a2e12;
  color: #fbbf24;
}

html[data-theme="dark"] .badge-primary {
  background: #1e3a5f;
  color: #93c5fd;
}

html[data-theme="dark"] .equipment-chip {
  background: var(--surface-2);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .danger-zone,
html[data-theme="dark"] .danger-zone--compact {
  background: #2a1818;
  border-color: #7f1d1d;
}

html[data-theme="dark"] .coming-soon-panel {
  background: var(--surface);
}

html[data-theme="dark"] .signature-fullscreen {
  background: #0f141c;
}

html[data-theme="dark"] .signature-fullscreen__toolbar {
  background: var(--surface);
  border-bottom-color: var(--border);
}

html[data-theme="dark"] .signature-fullscreen__toolbar h2 {
  color: var(--text);
}

html[data-theme="dark"] .signature-fullscreen__canvas,
html[data-theme="dark"] .signature-canvas {
  border-color: var(--border);
  background: #fff;
}

html[data-theme="dark"] .feeder-item-card {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .feeder-item-grid label,
html[data-theme="dark"] .feeder-swap-field {
  color: var(--muted);
}

html[data-theme="dark"] .feeder-item-nr,
html[data-theme="dark"] .feeder-parts__total,
html[data-theme="dark"] .feeder-tariff-computed,
html[data-theme="dark"] .feeder-totals span {
  color: var(--muted);
}

html[data-theme="dark"] .feeder-totals {
  border-top-color: var(--border);
}

html[data-theme="dark"] .feeder-type-size-summary {
  background: var(--surface-2);
  border-color: var(--border);
}

html[data-theme="dark"] .feeder-type-size-summary__head span,
html[data-theme="dark"] .feeder-summary-type__name em,
html[data-theme="dark"] .feeder-summary-chip__size {
  color: var(--muted);
}

html[data-theme="dark"] .feeder-summary-type + .feeder-summary-type {
  border-top-color: var(--border);
}

html[data-theme="dark"] .feeder-summary-chip {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .feeder-item-card input,
html[data-theme="dark"] .feeder-item-card select {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

/* Nested form sections (customer logistics, machine install, etc.) */
html[data-theme="dark"] .logistics-section,
html[data-theme="dark"] .install-section {
  background: var(--surface-2);
  border-color: var(--border);
}

html[data-theme="dark"] .logistics-section h4,
html[data-theme="dark"] .install-section h4 {
  color: var(--text);
  border-bottom-color: var(--border);
}

html[data-theme="dark"] .subsection-title {
  color: var(--text);
}

/* Machine form: installations, options, credentials, applications */
html[data-theme="dark"] .installation-row {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .installation-row-main strong {
  color: var(--text);
}

html[data-theme="dark"] .installation-panel {
  background: var(--surface-2);
  border-color: var(--border);
}

html[data-theme="dark"] .option-card {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
  box-shadow: none;
}

html[data-theme="dark"] .option-card:hover {
  border-color: #475569;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .option-card.is-selected {
  background: #1e3a5f;
  border-color: #3b82f6;
}

html[data-theme="dark"] .option-card-code,
html[data-theme="dark"] .option-checkbox-code {
  color: var(--muted);
}

html[data-theme="dark"] .option-checkbox {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .credentials-table th {
  background: var(--surface-2);
  color: var(--muted);
}

html[data-theme="dark"] .credentials-table td {
  background: var(--surface);
}

/* Component repair checklist & sensor tables */
html[data-theme="dark"] .repair-check-item {
  background: var(--surface-2);
  border-color: var(--border);
}

html[data-theme="dark"] .repair-check-option {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .repair-check-option + .repair-check-option {
  border-left-color: var(--border);
}

html[data-theme="dark"] .repair-check-option:has(input:checked) {
  background: #163427;
  color: #86efac;
}

html[data-theme="dark"] .repair-check-option--problem:has(input:checked) {
  background: #3f1d1d;
  color: #fca5a5;
}

html[data-theme="dark"] .repair-check-problem {
  border-top-color: var(--border);
}

html[data-theme="dark"] .sensor-measure-table,
html[data-theme="dark"] .sensor-eval-table {
  background: var(--surface);
}

html[data-theme="dark"] .sensor-measure-table th,
html[data-theme="dark"] .sensor-eval-table th {
  background: var(--surface-2);
  color: var(--text);
}

html[data-theme="dark"] .machine-report-card {
  background: var(--surface-2);
  border-color: var(--border);
}

html[data-theme="dark"] .stat-card--muted {
  background: var(--surface-2);
}

html[data-theme="dark"] .pwa-install-banner {
  background: #1e3a5f;
  border-color: #3b82f6;
  color: var(--text);
}

html[data-theme="dark"] .btn-link-action {
  color: var(--primary) !important;
}

html[data-theme="dark"] .list-card--static:hover {
  border-color: var(--border);
}

html[data-theme="dark"] .detail-card:hover {
  border-color: var(--primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}