/* Construction app dark-theme corrections loaded after page-local CSS. */
html[data-theme="black"] body {
  background: var(--nomu-bg) !important;
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .nomu-app-shell,
html[data-theme="black"] .nomu-app-body,
html[data-theme="black"] .nomu-workspace,
html[data-theme="black"] .workspace-header {
  background: var(--nomu-bg) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .workspace-header {
  box-shadow: none !important;
}

html[data-theme="black"] .page-title,
html[data-theme="black"] .card-title,
html[data-theme="black"] .section-title,
html[data-theme="black"] .section-subtitle,
html[data-theme="black"] .list-section-title,
html[data-theme="black"] .filter-label,
html[data-theme="black"] .form-label,
html[data-theme="black"] .selector-item,
html[data-theme="black"] .selector-item span,
html[data-theme="black"] #displayDate,
html[data-theme="black"] .selector-item i,
html[data-theme="black"] .temp-unit,
html[data-theme="black"] .calendar-icon,
html[data-theme="black"] .invoice-info-item .value,
html[data-theme="black"] .invoice-total .value {
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .card-subtitle,
html[data-theme="black"] .empty-state,
html[data-theme="black"] .helper-text,
html[data-theme="black"] .muted,
html[data-theme="black"] .filter-note {
  color: var(--nomu-muted) !important;
}

html[data-theme="black"] .top-selector,
html[data-theme="black"] .top-selector-std,
html[data-theme="black"] .tab-navigation,
html[data-theme="black"] .daily-card,
html[data-theme="black"] .form-card,
html[data-theme="black"] .partners-top-bar,
html[data-theme="black"] .trades-top-bar,
html[data-theme="black"] .workers-top-bar,
html[data-theme="black"] .worker-info-box,
html[data-theme="black"] .invoice-header-box,
html[data-theme="black"] .invoice-info-item,
html[data-theme="black"] .invoice-summary-card,
html[data-theme="black"] .invoice-footer,
html[data-theme="black"] .data-table-container,
html[data-theme="black"] .partners-table-container,
html[data-theme="black"] .trades-table-container,
html[data-theme="black"] .gps-box,
html[data-theme="black"] .photo-upload-area,
html[data-theme="black"] .signature-card,
html[data-theme="black"] .tag-btn {
  background: var(--nomu-card) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
  box-shadow: var(--nomu-shadow-sm) !important;
}

html[data-theme="black"] .tab-navigation {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="black"] .tab-btn {
  color: var(--nomu-muted) !important;
}

html[data-theme="black"] .tab-btn:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .tab-btn.active {
  background: rgba(56, 189, 248, 0.14) !important;
  color: var(--nomu-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.22) !important;
}

html[data-theme="black"] .divider {
  background: var(--nomu-border) !important;
}

html[data-theme="black"] .nomu-app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="black"] .nomu-app-shell textarea,
html[data-theme="black"] .nomu-app-shell select,
html[data-theme="black"] .form-control,
html[data-theme="black"] .search-input,
html[data-theme="black"] .site-select,
html[data-theme="black"] .site-select-sc,
html[data-theme="black"] .worker-info-input,
html[data-theme="black"] .daily-input,
html[data-theme="black"] .pay-input,
html[data-theme="black"] .qty-input,
html[data-theme="black"] .budget-input-mock {
  background-color: var(--nomu-input-bg) !important;
  color: var(--nomu-text) !important;
  -webkit-text-fill-color: var(--nomu-text) !important;
  caret-color: var(--nomu-text) !important;
  border-color: var(--nomu-input-border) !important;
}

html[data-theme="black"] .nomu-app-shell input:focus,
html[data-theme="black"] .nomu-app-shell textarea:focus,
html[data-theme="black"] .nomu-app-shell select:focus,
html[data-theme="black"] .form-control:focus {
  background-color: rgba(15, 23, 42, 0.92) !important;
  border-color: var(--nomu-accent) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.16) !important;
}

html[data-theme="black"] .form-control:disabled,
html[data-theme="black"] .nomu-app-shell input:disabled,
html[data-theme="black"] .nomu-app-shell textarea:disabled,
html[data-theme="black"] .nomu-app-shell select:disabled {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--nomu-muted) !important;
  -webkit-text-fill-color: var(--nomu-muted) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .nomu-app-shell input::placeholder,
html[data-theme="black"] .nomu-app-shell textarea::placeholder {
  color: rgba(255, 255, 255, 0.42) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.42) !important;
}

html[data-theme="black"] .nomu-select-trigger,
html[data-theme="black"] .nomu-select-options {
  background: var(--nomu-input-bg) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-input-border) !important;
}

html[data-theme="black"] .nomu-select-item {
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .nomu-select-item:hover,
html[data-theme="black"] .nomu-select-item.active {
  background: var(--nomu-hover) !important;
  color: var(--nomu-accent) !important;
}

html[data-theme="black"] table,
html[data-theme="black"] .data-table,
html[data-theme="black"] .daily-table,
html[data-theme="black"] .attendance-table,
html[data-theme="black"] .partners-table,
html[data-theme="black"] .trades-table {
  background: var(--nomu-card) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .data-table th,
html[data-theme="black"] .daily-table th,
html[data-theme="black"] .attendance-table th,
html[data-theme="black"] .partners-table th,
html[data-theme="black"] .trades-table th {
  background: var(--nomu-table-header) !important;
  color: var(--nomu-muted) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .data-table td,
html[data-theme="black"] .daily-table td,
html[data-theme="black"] .attendance-table td,
html[data-theme="black"] .partners-table td,
html[data-theme="black"] .trades-table td {
  background: transparent !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .data-table tr:hover td,
html[data-theme="black"] .daily-table tr:hover td,
html[data-theme="black"] .attendance-table tr:hover td,
html[data-theme="black"] .partners-table tr:hover td,
html[data-theme="black"] .trades-table tr:hover td {
  background: var(--nomu-hover) !important;
}

html[data-theme="black"] .data-table tr[style],
html[data-theme="black"] .daily-table tr[style],
html[data-theme="black"] .attendance-table tr[style],
html[data-theme="black"] .partners-table tr[style],
html[data-theme="black"] .trades-table tr[style] {
  background: rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="black"] .data-table tr.bg-light-blue,
html[data-theme="black"] .data-table tr.bg-light-blue td,
html[data-theme="black"] .daily-table tr.bg-light-blue,
html[data-theme="black"] .daily-table tr.bg-light-blue td {
  background: rgba(56, 189, 248, 0.10) !important;
  color: var(--nomu-accent) !important;
}

html[data-theme="black"] .data-table tr[style] td,
html[data-theme="black"] .daily-table tr[style] td {
  background: rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="black"] .invoice-info-grid {
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .invoice-info-item .label,
html[data-theme="black"] .invoice-total .label,
html[data-theme="black"] .invoice-footer-date {
  color: var(--nomu-muted) !important;
}

html[data-theme="black"] .invoice-footer-text,
html[data-theme="black"] .invoice-footer-sign {
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .gps-title {
  color: var(--nomu-accent) !important;
}

html[data-theme="black"] .trades-table tfoot td {
  background: var(--nomu-table-header) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .modal-overlay {
  background: rgba(0, 0, 0, 0.72) !important;
}

html[data-theme="black"] .modal-content,
html[data-theme="black"] .modal-header,
html[data-theme="black"] .modal-body,
html[data-theme="black"] .modal-footer {
  background: var(--nomu-modal-bg) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .modal-content {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="black"] .modal-title,
html[data-theme="black"] .modal-subtitle {
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .modal-subtitle {
  color: var(--nomu-muted) !important;
}

html[data-theme="black"] .btn-outline,
html[data-theme="black"] .top-btn.btn-print,
html[data-theme="black"] button.form-control,
html[data-theme="black"] .btn-cancel,
html[data-theme="black"] .btn-delete {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--nomu-text) !important;
  border-color: var(--nomu-border) !important;
}

html[data-theme="black"] .btn-outline:hover,
html[data-theme="black"] button.form-control:hover,
html[data-theme="black"] .btn-cancel:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="black"] .btn-delete {
  color: #fca5a5 !important;
}

html[data-theme="black"] .btn-delete:hover {
  background: rgba(239, 68, 68, 0.16) !important;
  border-color: rgba(248, 113, 113, 0.55) !important;
}

html[data-theme="black"] .btn-submit {
  background: #2563eb !important;
  color: #ffffff !important;
}

html[data-theme="black"] .btn-submit:hover {
  background: #1d4ed8 !important;
}

html[data-theme="black"] .photo-upload-area {
  border-style: dashed !important;
  color: var(--nomu-muted) !important;
}

html[data-theme="black"] .photo-upload-area:hover {
  background: rgba(56, 189, 248, 0.09) !important;
  border-color: var(--nomu-accent) !important;
  color: var(--nomu-accent) !important;
}

html[data-theme="black"] .signature-card.signed {
  background: rgba(59, 130, 246, 0.16) !important;
  border-color: rgba(59, 130, 246, 0.34) !important;
  color: var(--nomu-text) !important;
}

html[data-theme="black"] .tag-btn.selected {
  background: rgba(249, 115, 22, 0.2) !important;
  border-color: #f97316 !important;
  color: #fed7aa !important;
}