body {
    min-height: 75rem;
    padding-top: 4.5rem;
    background-color: var(--gh-bg-body);
    color: var(--gh-text-primary);
}

/* Map SVG background - theme-aware */
.gh-map-svg {
    background: #fff;
}

[data-theme="dark"] .gh-map-svg {
    background: var(--gh-bg-body);
}

main.container {
    background-color: var(--gh-bg-body);
    color: var(--gh-text-primary);
}

/* Cards and content use theme tokens */
[data-theme="dark"] .card {
    background-color: var(--gh-bg-card);
    border-color: var(--gh-border-color);
    color: var(--gh-text-primary);
}

[data-theme="dark"] .card-header {
    background-color: var(--gh-bg-card-header-gray);
    border-color: var(--gh-border-color);
    color: var(--gh-text-primary);
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--gh-bg-dropdown);
    border-color: var(--gh-border-color);
}

[data-theme="dark"] .dropdown-item {
    color: var(--gh-text-primary);
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--gh-bg-hover);
}

[data-theme="dark"] .modal-content {
    background-color: var(--gh-bg-modal);
    border-color: var(--gh-border-color);
    color: var(--gh-text-primary);
}

[data-theme="dark"] .modal-header {
    border-color: var(--gh-border-color);
}

[data-theme="dark"] .modal-footer {
    border-color: var(--gh-border-color);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--gh-input-bg);
    border-color: var(--gh-input-border);
    color: var(--gh-input-text);
}

[data-theme="dark"] .form-select option {
    background-color: var(--gh-input-bg);
    color: var(--gh-input-text);
}

[data-theme="dark"] .form-check-input {
    background-color: var(--gh-bg-secondary);
    border-color: var(--gh-border-color);
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--gh-primary);
    border-color: var(--gh-primary);
}

[data-theme="dark"] .form-check-label {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .table {
    color: var(--gh-text-primary);
}

[data-theme="dark"] .table-light {
    background-color: var(--gh-bg-table-stripe);
}

[data-theme="dark"] .text-muted {
    color: var(--gh-text-muted) !important;
}

[data-theme="dark"] .text-body {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .border {
    border-color: var(--gh-border-color) !important;
}

/* Severity pills (diagnostics/alert rows) - used on location dashboard and diagnostics summary */
.severity-pill {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    min-width: 70px;
    text-align: center;
}
.severity-pill--critical { background: #dc3545; color: #fff; }
.severity-pill--warning { background: #ffc107; color: #000; }
.severity-pill--ok { background: #198754; color: #fff; }
.severity-pill--default { background: #6c757d; color: #fff; }

/* ========== Tables: no black text on dark ========== */
[data-theme="dark"] .table thead,
[data-theme="dark"] .table thead th {
    background-color: var(--gh-bg-card-header-gray) !important;
    border-color: var(--gh-border-color) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .table tbody,
[data-theme="dark"] .table tbody td,
[data-theme="dark"] .table tbody th {
    background-color: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .table tbody tr:hover {
    background-color: var(--gh-bg-hover) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--gh-bg-card) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(even) {
    background-color: var(--gh-bg-table-stripe) !important;
}

[data-theme="dark"] .table .table-warning {
    background-color: var(--gh-alert-warning-bg-dark) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .table .table-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .rounded.border.p-2 {
    background-color: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

/* Nav tabs (e.g. Map US/EU): always light text on dark */
[data-theme="dark"] .nav-tabs {
    border-color: var(--gh-border-color);
    background-color: var(--gh-bg-secondary);
}

[data-theme="dark"] .nav-tabs .nav-link {
    background-color: var(--gh-bg-secondary);
    border-color: var(--gh-border-color);
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
    background-color: var(--gh-bg-hover);
    border-color: var(--gh-border-color);
    color: var(--gh-text-on-dark) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--gh-bg-card);
    border-color: var(--gh-border-color) var(--gh-border-color) var(--gh-bg-card);
    color: var(--gh-text-primary) !important;
}

/* Map SVG background (fallback if class not applied) */
[data-theme="dark"] #usMap,
[data-theme="dark"] #euMap {
    background: var(--gh-bg-body) !important;
}

/* Map tooltip (home.html) */
[data-theme="dark"] div.tooltip {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
    color: var(--gh-text-primary) !important;
}

/* Location selector & stat cards (override template inline styles) */
[data-theme="dark"] .location-selector {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .location-selector .form-label {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .stat-card {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .stat-card .stat-number {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .stat-card .stat-label {
    color: var(--gh-text-muted) !important;
}

[data-theme="dark"] .widget-card {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .widget-header {
    background: var(--gh-bg-card-header-gray) !important;
    border-color: var(--gh-border-color) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .widget-header h5,
[data-theme="dark"] .widget-header i {
    color: var(--gh-text-primary) !important;
}

/* Form labels and placeholders */
[data-theme="dark"] .form-label {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-select::placeholder {
    color: var(--gh-text-muted) !important;
}

/* Input group (reporting, etc.) */
[data-theme="dark"] .input-group-text {
    background-color: var(--gh-bg-secondary) !important;
    border-color: var(--gh-input-border) !important;
    color: var(--gh-text-primary) !important;
}

/* Pagination */
[data-theme="dark"] .pagination .page-link {
    background-color: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .pagination .page-link:hover {
    background-color: var(--gh-bg-hover) !important;
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
    color: var(--gh-text-on-dark) !important;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link {
    background-color: var(--gh-bg-secondary) !important;
    color: var(--gh-text-muted) !important;
}

/* Buttons: no black text on dark */
[data-theme="dark"] .btn-secondary {
    background-color: var(--gh-bg-secondary);
    border-color: var(--gh-border-color);
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: var(--gh-bg-hover);
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .btn-outline-secondary {
    border-color: var(--gh-border-color);
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: var(--gh-bg-hover);
    color: var(--gh-text-primary) !important;
}

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

[data-theme="dark"] .btn-close {
    filter: invert(1);
}

/* Card text and borders */
[data-theme="dark"] .card-body,
[data-theme="dark"] .card-text,
[data-theme="dark"] .card-subtitle {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .card.border-danger .card-body,
[data-theme="dark"] .card.border-warning .card-body,
[data-theme="dark"] .card.border-secondary .card-body {
    color: var(--gh-text-primary) !important;
}

/* Reporting sidebar */
[data-theme="dark"] .reporting-sidebar {
    background: var(--gh-bg-secondary) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .location-item {
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .location-company {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .location-name {
    color: var(--gh-text-muted) !important;
}

/* Small / last-updated text */
[data-theme="dark"] small.text-muted {
    color: var(--gh-text-muted) !important;
}

/* List group (if used) */
[data-theme="dark"] .list-group-item {
    background-color: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
    color: var(--gh-text-primary) !important;
}

/* Ensure no Bootstrap light backgrounds leak */
[data-theme="dark"] .bg-white {
    background-color: var(--gh-bg-card) !important;
}

[data-theme="dark"] .bg-light {
    background-color: var(--gh-bg-secondary) !important;
}

[data-theme="dark"] .thead-light {
    background-color: var(--gh-bg-card-header-gray) !important;
    color: var(--gh-text-primary) !important;
}

/* ========== Location list cards: location name and subtitle (no black on dark) ========== */
[data-theme="dark"] .location-summary-card {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .location-summary-card .card-title {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .location-summary-card .card-subtitle {
    color: var(--gh-text-muted) !important;
}

[data-theme="dark"] .location-summary-card .summary-stat span:not(.badge) {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .status-filter-wrap {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .status-filter-wrap .form-label {
    color: var(--gh-text-primary) !important;
}

/* ========== Individual location page: header and all text legible ========== */
[data-theme="dark"] .location-header h2 {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .location-header p {
    color: var(--gh-text-muted) !important;
}

[data-theme="dark"] .alert-overview-card {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .alert-overview-card--critical {
    background: linear-gradient(to right, rgba(239, 68, 68, 0.15), var(--gh-bg-card)) !important;
    border-left-color: #ef4444 !important;
}

[data-theme="dark"] .alert-overview-card--warning {
    background: linear-gradient(to right, rgba(245, 158, 11, 0.15), var(--gh-bg-card)) !important;
    border-left-color: #f59e0b !important;
}

[data-theme="dark"] .alert-overview-card--ok {
    background: linear-gradient(to right, rgba(16, 185, 129, 0.15), var(--gh-bg-card)) !important;
    border-left-color: #10b981 !important;
}

[data-theme="dark"] .alert-overview-card--default {
    background: var(--gh-bg-card) !important;
    border-left-color: var(--gh-border-dark) !important;
}

[data-theme="dark"] .alert-overview-card .alert-overview-room,
[data-theme="dark"] .alert-overview-card .alert-overview-asset,
[data-theme="dark"] .alert-overview-card .alert-overview-type,
[data-theme="dark"] .alert-overview-card .alert-overview-time {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .alert-overview-header {
    color: var(--gh-text-muted) !important;
}

[data-theme="dark"] .breakdown-item {
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .breakdown-item:hover {
    background-color: var(--gh-bg-hover) !important;
}

[data-theme="dark"] .breakdown-label {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .breakdown-count {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .empty-state {
    background: var(--gh-bg-card) !important;
    border-color: var(--gh-border-color) !important;
}

[data-theme="dark"] .empty-state h4,
[data-theme="dark"] .empty-state p {
    color: var(--gh-text-primary) !important;
}

[data-theme="dark"] .empty-state i {
    color: var(--gh-text-muted) !important;
}

[data-theme="dark"] .no-data-message {
    color: var(--gh-text-muted) !important;
}

/* Severity pills: ensure readable in dark (warning keeps dark text on yellow) */
[data-theme="dark"] .severity-pill--critical {
    background: #dc3545;
    color: #fff;
}

[data-theme="dark"] .severity-pill--warning {
    background: #ffc107;
    color: #000;
}

[data-theme="dark"] .severity-pill--ok {
    background: #198754;
    color: #fff;
}

[data-theme="dark"] .severity-pill--default {
    background: var(--gh-bg-secondary);
    color: var(--gh-text-primary);
}