/* Screen-only theme. Keep exports and the original print cascade independent.
   Loaded outside the legacy CSS minifier, which predates custom properties. */
@media screen {
    :root {
        color-scheme: light;
        --theme-page: #fff;
        --theme-surface: #fff;
        --theme-raised: #f5f5f5;
        --theme-text: #333;
        --theme-muted: #666;
        --theme-border: #ccc;
        --theme-link: #3276b1;
        --theme-focus: #098801;
    }
    html[data-theme="dark"] {
        color-scheme: dark;
        --theme-page: #151b22;
        --theme-surface: #202933;
        --theme-raised: #2b3743;
        --theme-text: #e6edf3;
        --theme-muted: #b1bfcd;
        --theme-border: #4b5b6b;
        --theme-link: #8fc9ff;
        --theme-focus: #79dca3;
        --theme-success: #8ae0ac;
        --theme-success-bg: #203d30;
        --theme-warning: #f6ce83;
        --theme-warning-bg: #493b22;
        --theme-danger: #ffabad;
        --theme-danger-bg: #492b32;
        --theme-info: #9bccff;
        --theme-info-bg: #233b52;
        --theme-purple: #d0bbff;
        --theme-purple-bg: #392f4d;
        background: var(--theme-page);
    }
    .dropdownAccount .theme-picker { float: none; margin: 0; padding: 8px 0 12px; }
    .theme-picker label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: normal; color: var(--theme-muted); }
    .theme-picker select {
        width: 94px; height: 30px; padding: 3px 6px;
        border-color: var(--theme-border); border-radius: 4px;
        color: var(--theme-text); background: var(--theme-surface); font-size: 12px;
    }
    .theme-picker select:focus { outline: 2px solid var(--theme-focus); outline-offset: 2px; }
    /* Keep the fixed header from wrapping over page content. */
    @media (min-width: 768px) and (max-width: 1399px) {
        .navbar-header { float: none; }
        .navbar-toggle { display: block; }
        .navbar-collapse.collapse { display: none !important; }
        .navbar-collapse.collapse.in { display: block !important; }
        .navbar-collapse .navbar-nav { float: none !important; margin: 7.5px -15px; }
        .navbar-collapse .navbar-nav > li { float: none; }
        .navbar-collapse .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
        .navbar-collapse .navbar-right { float: none !important; }
    }
    @media (max-width: 1399px) {
        .navbar-fixed-top .navbar-collapse { max-height: calc(100vh - 70px); overflow-y: auto !important; }
    }
    .navbar-header > .navbar-nav { display: flex; margin: 0; }
    .navbar-header > .navbar-nav > li > a { padding: 15px 10px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: var(--theme-muted); }
    .modal-dialog { max-width: calc(100vw - 30px); }
    html[data-theme="dark"] body { background: var(--theme-page); color: var(--theme-text); }
    html[data-theme="dark"] a { color: var(--theme-link); }
    html[data-theme="dark"] a:hover { color: #c4e3ff; }
    html[data-theme="dark"] .navbar-inverse { background: var(--theme-surface); border-color: var(--theme-focus); }
    html[data-theme="dark"] .navbar-inverse .navbar-nav > li > a,
    html[data-theme="dark"] .navbar-brand { color: var(--theme-muted); }
    html[data-theme="dark"] .navbar-inverse .navbar-nav > li > a:hover,
    html[data-theme="dark"] .navbar-inverse .navbar-nav > li > a:focus { color: var(--theme-focus) !important; }
    html[data-theme="dark"] .navbar-nav > .open > a { background: var(--theme-raised); }
    html[data-theme="dark"] .panel,
    html[data-theme="dark"] .well,
    html[data-theme="dark"] .modal-content,
    html[data-theme="dark"] .dropdown-menu,
    html[data-theme="dark"] .popover,
    html[data-theme="dark"] .list-group-item,
    html[data-theme="dark"] .autocomplete-suggestions,
    html[data-theme="dark"] .ui-widget-content,
    html[data-theme="dark"] .form,
    html[data-theme="dark"] .scrum-board .input-group,
    html[data-theme="dark"] td.acceptDragable .input-group,
    html[data-theme="dark"] .placeholder {
        background: var(--theme-surface); color: var(--theme-text); border-color: var(--theme-border);
    }
    html[data-theme="dark"] .panel-default > .panel-heading,
    html[data-theme="dark"] .panel-footer,
    html[data-theme="dark"] .popover-title,
    html[data-theme="dark"] .ui-widget-header,
    html[data-theme="dark"] .ui-state-default,
    html[data-theme="dark"] .sprintContainer,
    html[data-theme="dark"] .highlightedBacklogItemContainer,
    html[data-theme="dark"] .input-group-addon {
        background: var(--theme-raised); color: var(--theme-text); border-color: var(--theme-border);
    }
    html[data-theme="dark"] .form-control,
    html[data-theme="dark"] select,
    html[data-theme="dark"] textarea,
    html[data-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    html[data-theme="dark"] .colorRed,
    html[data-theme="dark"] .colorGreen {
        background-color: var(--theme-surface) !important; color: var(--theme-text); border-color: var(--theme-border); box-shadow: none;
    }
    html[data-theme="dark"] select option { background: var(--theme-surface); color: var(--theme-text); }
    html[data-theme="dark"] .form-control[disabled],
    html[data-theme="dark"] .form-control[readonly],
    html[data-theme="dark"] fieldset[disabled] .form-control { background: var(--theme-raised) !important; color: var(--theme-muted); }
    html[data-theme="dark"] input::placeholder,
    html[data-theme="dark"] textarea::placeholder { color: var(--theme-muted); opacity: 1; }
    html[data-theme="dark"] .form-control:focus { border-color: var(--theme-focus); box-shadow: 0 0 0 2px #79dca333; }
    html[data-theme="dark"] :focus-visible { outline: 2px solid var(--theme-focus) !important; outline-offset: 2px; }
    html[data-theme="dark"] .btn-default,
    html[data-theme="dark"] .UrBtnSmall,
    html[data-theme="dark"] #ToThisWeek { color: var(--theme-text); background: var(--theme-raised); border-color: var(--theme-border); }
    html[data-theme="dark"] .btn-default:hover,
    html[data-theme="dark"] .btn-default:focus,
    html[data-theme="dark"] .btn-default.active { background: #3b4d5e; color: var(--theme-text); }
    html[data-theme="dark"] .btn-primary,
    html[data-theme="dark"] .btn-success,
    html[data-theme="dark"] .btn-danger,
    html[data-theme="dark"] .btn-warning,
    html[data-theme="dark"] .btn-info { color: #fff; }
    html[data-theme="dark"] .text-muted,
    html[data-theme="dark"] .help-block { color: var(--theme-muted); }
    html[data-theme="dark"] .text-success,
    html[data-theme="dark"] .colorGreen,
    html[data-theme="dark"] .button-done,
    html[data-theme="dark"] .BtnSelected { color: var(--theme-success) !important; }
    html[data-theme="dark"] .text-danger,
    html[data-theme="dark"] .field-validation-error,
    html[data-theme="dark"] .validation-summary-errors,
    html[data-theme="dark"] .red,
    html[data-theme="dark"] .colorRed,
    html[data-theme="dark"] .deadlineLabel,
    html[data-theme="dark"] .button-delete { color: var(--theme-danger) !important; }
    html[data-theme="dark"] .text-warning,
    html[data-theme="dark"] .button-progress,
    html[data-theme="dark"] .hasCommentaar > p,
    html[data-theme="dark"] .hasDeadline > p { color: var(--theme-warning); }
    html[data-theme="dark"] .alert-success { background: var(--theme-success-bg); color: var(--theme-success); border-color: var(--theme-success); }
    html[data-theme="dark"] .alert-warning { background: var(--theme-warning-bg); color: var(--theme-warning); border-color: var(--theme-warning); }
    html[data-theme="dark"] .alert-danger { background: var(--theme-danger-bg); color: var(--theme-danger); border-color: var(--theme-danger); }
    html[data-theme="dark"] .alert-info { background: var(--theme-info-bg); color: var(--theme-info); border-color: var(--theme-info); }
    html[data-theme="dark"] .alert a { color: inherit; text-decoration: underline; }
    html[data-theme="dark"] .table > thead > tr > th,
    html[data-theme="dark"] .table > tbody > tr > td,
    html[data-theme="dark"] .table > tbody > tr > th,
    html[data-theme="dark"] .table > tfoot > tr > td,
    html[data-theme="dark"] .table > tfoot > tr > th,
    html[data-theme="dark"] .table-bordered,
    html[data-theme="dark"] #urenWeekOverzicht td,
    html[data-theme="dark"] #urenWeekOverzicht th,
    html[data-theme="dark"] .scrum-board,
    html[data-theme="dark"] hr,
    html[data-theme="dark"] .modal-header,
    html[data-theme="dark"] .modal-footer { border-color: var(--theme-border); }
    html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > td,
    html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > th { background: #25303b; }
    html[data-theme="dark"] .table-hover > tbody > tr:hover > td,
    html[data-theme="dark"] .table-hover > tbody > tr:hover > th { background: var(--theme-raised); }
    html[data-theme="dark"] #urenWeekOverzicht,
    html[data-theme="dark"] #urenWeekOverzicht th { background: var(--theme-surface); }
    html[data-theme="dark"] .table .table { background: var(--theme-surface); }
    html[data-theme="dark"] .dropdown-menu > li > a { color: var(--theme-text); }
    html[data-theme="dark"] .caret { border-top-color: currentColor; border-bottom-color: currentColor; }
    html[data-theme="dark"] .dropdown-menu > li > a:hover,
    html[data-theme="dark"] .dropdown-menu > li > a:focus,
    html[data-theme="dark"] .autocomplete-selected,
    html[data-theme="dark"] .datetimepicker td.day:hover,
    html[data-theme="dark"] .datetimepicker span:hover { background: var(--theme-raised); }
    html[data-theme="dark"] .autocomplete-suggestions strong,
    html[data-theme="dark"] .autocomplete-group,
    html[data-theme="dark"] .scrum-board .input-group span,
    html[data-theme="dark"] td.acceptDragable .input-group span,
    html[data-theme="dark"] .drag { color: var(--theme-text); }
    html[data-theme="dark"] .close { color: var(--theme-text); text-shadow: none; opacity: .8; }
    html[data-theme="dark"] .tooltip-inner,
    html[data-theme="dark"] .tooltipster-sidetip .tooltipster-box { background: var(--theme-raised); color: var(--theme-text); border-color: var(--theme-border); }
    html[data-theme="dark"] .tooltipster-sidetip .tooltipster-content { color: var(--theme-text); }
    html[data-theme="dark"] .popover.top > .arrow:after { border-top-color: var(--theme-surface); }
    html[data-theme="dark"] .popover.bottom > .arrow:after { border-bottom-color: var(--theme-surface); }
    html[data-theme="dark"] .popover.left > .arrow:after { border-left-color: var(--theme-surface); }
    html[data-theme="dark"] .popover.right > .arrow:after { border-right-color: var(--theme-surface); }
    html[data-theme="dark"] .progress { background: var(--theme-raised); }
    html[data-theme="dark"] .table > tbody > tr.success > td,
    html[data-theme="dark"] .table > tbody > tr > td.success { background: var(--theme-success-bg); color: var(--theme-success); }
    html[data-theme="dark"] .table > tbody > tr.warning > td,
    html[data-theme="dark"] .table > tbody > tr > td.warning { background: var(--theme-warning-bg); color: var(--theme-warning); }
    html[data-theme="dark"] .table > tbody > tr.danger > td,
    html[data-theme="dark"] .table > tbody > tr > td.danger { background: var(--theme-danger-bg); color: var(--theme-danger); }
    html[data-theme="dark"] .table > tbody > tr.active > td,
    html[data-theme="dark"] .table > tbody > tr > td.active { background: var(--theme-raised); }
    html[data-theme="dark"] .has-error .control-label,
    html[data-theme="dark"] .has-error .help-block { color: var(--theme-danger); }
    html[data-theme="dark"] .has-error .form-control { border-color: var(--theme-danger); }
    html[data-theme="dark"] .has-warning .form-control { border-color: var(--theme-warning); }
    html[data-theme="dark"] .has-success .form-control { border-color: var(--theme-success); }
    html[data-theme="dark"] .nav-tabs > li.active > a,
    html[data-theme="dark"] .nav-tabs > li.active > a:hover,
    html[data-theme="dark"] .nav-tabs > li.active > a:focus,
    html[data-theme="dark"] .pagination > li > a,
    html[data-theme="dark"] .pagination > li > span { background: var(--theme-surface); color: var(--theme-link); border-color: var(--theme-border); }
    html[data-theme="dark"] .nav > li > a:hover,
    html[data-theme="dark"] .nav > li > a:focus,
    html[data-theme="dark"] .pagination > .active > a,
    html[data-theme="dark"] .pagination > .active > span { background: var(--theme-raised); }
    html[data-theme="dark"] .nav-tabs,
    html[data-theme="dark"] legend,
    html[data-theme="dark"] .dropdown-menu .divider { border-color: var(--theme-border); color: var(--theme-text); }
    html[data-theme="dark"] .datetimepicker thead tr:first-child th:hover,
    html[data-theme="dark"] .datetimepicker tfoot th:hover { background: var(--theme-raised); }
    html[data-theme="dark"] .datetimepicker td.old,
    html[data-theme="dark"] .datetimepicker td.new { color: var(--theme-muted); }
    html[data-theme="dark"] .ui-state-hover,
    html[data-theme="dark"] .ui-state-focus { background: var(--theme-raised); color: var(--theme-text); border-color: var(--theme-focus); }
    html[data-theme="dark"] .ui-state-active { background: var(--theme-success-bg); color: var(--theme-success); }
    html[data-theme="dark"] .ui-icon { filter: brightness(0) invert(1); }
    html[data-theme="dark"] .fc-widget-header,
    html[data-theme="dark"] .fc-widget-content { border-color: var(--theme-border); }
    html[data-theme="dark"] .fc-state-default { background: var(--theme-raised); color: var(--theme-text); text-shadow: none; }
    html[data-theme="dark"] .fc-state-highlight { background: var(--theme-info-bg); }
    html[data-theme="dark"] .WeekDatum .UrBtnMini,
    html[data-theme="dark"] .WeekDatum .UrBtnMini .glyphicon { color: var(--theme-success); border-color: var(--theme-success) !important; }
    html[data-theme="dark"] .WeekDatum .UrBtnMini:hover { background: var(--theme-success-bg); }
    html[data-theme="dark"] #urenWeekOverzicht td > div[style*="#7d909d"] { background-color: #354957 !important; }
    html[data-theme="dark"] #urenWeekOverzicht td > div[style*="#98a8b0"] { background-color: #405765 !important; }
    html[data-theme="dark"] #urenWeekOverzicht td a .glyphicon[style] { background: var(--theme-surface) !important; color: var(--theme-link) !important; }
    /* Workflow colors are user-defined; retain their original foreground/background pair. */
    html[data-theme="dark"] .button-backlog[style] { background: #f1f1f1; }
    html[data-theme="dark"] .goedgekeurd { background: #22603c !important; color: #fff; }
    html[data-theme="dark"] .afgekeurd { background: #913e46 !important; color: #fff; }
    html[data-theme="dark"] #hours select[style*="color:green"],
    html[data-theme="dark"] #hours select[style*="color: green"] { color: var(--theme-success) !important; }
    html[data-theme="dark"] #hours select[style*="color:red"],
    html[data-theme="dark"] #hours select[style*="color: red"] { color: var(--theme-danger) !important; }
    @media (max-width: 767px) {
        .theme-picker select { width: 100%; max-width: 250px; }
        #Sprintboard .flex { overflow-x: auto; }
        #Sprintboard .table { min-width: 900px; }
        .uren-week-scroll { overflow-x: auto !important; }
        #urenWeekOverzicht { min-width: 1000px; }
        html .week-nav-side { width: 32px; flex: 0 0 32px; }
        html .week-header-center { gap: 4px; min-width: 0; }
        html #ThisWeek { width: 100px; }
        html #ToThisWeek { white-space: nowrap; font-size: 11px; padding: 0 6px; }
        html .analytics-header { display: block; }
        html .analytics-header-actions { flex-wrap: wrap; margin-top: 10px; }
    }
}

/* Explicit screen component overrides; the source views remain owned by their features. */
@media screen {

    /* Views/Reports/HoursAnalytics.cshtml */
    html[data-theme="dark"] .analytics-filter-toolbar { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-preset-dirty-badge { border-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-preset-menu[open] > summary { background: var(--theme-raised); border-color: var(--theme-border); color: var(--theme-info); }
    html[data-theme="dark"] .analytics-presets { border-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-preset-editor { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-preset-editor p { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-presets small { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-presets .analytics-preset-new-label { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-comparison h3 { color: var(--theme-info); }
    html[data-theme="dark"] .analytics-comparison th,
    html[data-theme="dark"] .analytics-comparison td { border-bottom-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-comparison p { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-comparison thead th { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-comparison .comparison-current { background: var(--theme-raised); color: var(--theme-info); }
    html[data-theme="dark"] .analytics-comparison .comparison-previous { background: var(--theme-raised); color: var(--theme-purple); }
    html[data-theme="dark"] .comparison-badge { background: var(--theme-raised); color: var(--theme-muted); }
    html[data-theme="dark"] .comparison-badge.is-up { background: var(--theme-raised); color: var(--theme-info); }
    html[data-theme="dark"] .comparison-badge.is-down { background: var(--theme-warning-bg); color: var(--theme-warning); }
    html[data-theme="dark"] .comparison-badge.is-positive { background: var(--theme-raised); color: var(--theme-success); }
    html[data-theme="dark"] .comparison-badge.is-negative { background: var(--theme-raised); color: var(--theme-danger); }
    html[data-theme="dark"] .analytics-comparison-custom-dates { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-page { color: var(--theme-text); }
    html[data-theme="dark"] .invoice-attachment-period-options .btn.is-active { background: var(--theme-raised); color: var(--theme-info); }
    html[data-theme="dark"] .invoice-attachment-period-options span { color: var(--theme-muted); }
    html[data-theme="dark"] .invoice-attachment-help { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-pdf-icon { color: var(--theme-danger); }
    html[data-theme="dark"] .analytics-excel-icon { color: var(--theme-success); }
    html[data-theme="dark"] .analytics-subtitle { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-filter-panel,
    html[data-theme="dark"] .analytics-card { border-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-period-control-label { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-filter-toggle { border-top-color: var(--theme-border); color: var(--theme-text); }
    html[data-theme="dark"] .analytics-filter-toggle:hover,
    html[data-theme="dark"] .analytics-filter-toggle:focus { background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-active-filter-empty { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-active-filter-chip { border-color: var(--theme-border); background: var(--theme-raised); color: var(--theme-info); }
    html[data-theme="dark"] .analytics-active-filter-chip.is-exclusion { border-color: var(--theme-danger); background: var(--theme-raised); color: var(--theme-danger); }
    html[data-theme="dark"] .analytics-filter-body { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-filter-section { border-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-filter-section.is-exclusion { border-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-filter-section-icon { background: var(--theme-raised); color: var(--theme-info); }
    html[data-theme="dark"] .is-exclusion .analytics-filter-section-icon { background: var(--theme-raised); color: var(--theme-danger); }
    html[data-theme="dark"] .analytics-filter-section-help { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-filter label { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-exclusion-toggle { background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-filter-section:not(.is-exclusion) .analytics-exclusion-toggle.has-selection { border-color: var(--theme-info); }
    html[data-theme="dark"] .analytics-filter-section.is-exclusion .analytics-exclusion-toggle.has-selection { border-color: var(--theme-danger); color: var(--theme-danger); }
    html[data-theme="dark"] .analytics-exclusion-option { color: var(--theme-text) !important; }
    html[data-theme="dark"] .analytics-exclusion-option:hover { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-exclusion-footer { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-filter-actions { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-kpi-label { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-kpi-value { color: var(--theme-text); }
    html[data-theme="dark"] .analytics-kpi-detail { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-kpi { border-top-color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-kpi.is-billable,
    html[data-theme="dark"] .analytics-kpi.is-budget.is-budget-good { border-top-color: #26a269; }
    html[data-theme="dark"] .analytics-kpi.is-nonbillable { border-top-color: #ef8354; }
    html[data-theme="dark"] .analytics-kpi.is-percentage { border-top-color: #3977c3; }
    html[data-theme="dark"] .analytics-kpi.is-budget { border-top-color: #7c5cbf; }
    html[data-theme="dark"] .analytics-kpi.is-budget.is-budget-warning { border-top-color: #d9a514; }
    html[data-theme="dark"] .analytics-kpi.is-budget.is-budget-danger { border-top-color: #c94f4f; }
    html[data-theme="dark"] .analytics-budget-table th,
    html[data-theme="dark"] .analytics-budget-table td { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-budget-project-meta,
    html[data-theme="dark"] .analytics-budget-hours-comparison { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-comparison strong { color: var(--theme-text); }
    html[data-theme="dark"] .analytics-budget-hours-link { color: var(--theme-info); }
    html[data-theme="dark"] .analytics-budget-hours-link:hover,
    html[data-theme="dark"] .analytics-budget-hours-link:focus { color: var(--theme-info); }
    html[data-theme="dark"] .analytics-budget-hours-content { color: var(--theme-text); }
    html[data-theme="dark"] .analytics-budget-hours-summary { border-bottom-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-budget-hours-summary span { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-close { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-table th,
    html[data-theme="dark"] .analytics-budget-hours-table td { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-budget-hours-table th { background: var(--theme-surface); color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-billability { background: var(--theme-raised); color: var(--theme-success); }
    html[data-theme="dark"] .analytics-budget-hours-billability.is-nonbillable { background: var(--theme-raised); color: var(--theme-warning); }
    html[data-theme="dark"] .analytics-budget-hours-work-project { color: var(--theme-text); }
    html[data-theme="dark"] .analytics-budget-hours-message { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-searchbar { border-bottom-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-budget-hours-search-count { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-search-empty { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-hours-notice { border-top-color: var(--theme-border); background: var(--theme-warning-bg); color: var(--theme-warning); }
    html[data-theme="dark"] .analytics-budget-table thead th { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-budget-company-row td { background: var(--theme-raised); color: var(--theme-text); }
    html[data-theme="dark"] .analytics-budget-track { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-budget-signal { background: var(--theme-raised); color: var(--theme-success); }
    html[data-theme="dark"] .analytics-budget-signal.is-warning { background: var(--theme-raised); color: var(--theme-warning); }
    html[data-theme="dark"] .analytics-budget-signal.is-danger,
    html[data-theme="dark"] .analytics-budget-difference.is-danger { color: var(--theme-danger); }
    html[data-theme="dark"] .analytics-budget-signal.is-danger { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-card-header { border-bottom-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-detail-settings { border-bottom-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-detail-settings label { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-detail-more { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-detail-more > summary { color: var(--theme-info); }
    html[data-theme="dark"] .analytics-detail-more > summary span { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-detail-empty-setting small { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-legend { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-chart-percentage-track { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-trend-plot { border-bottom-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-trend-label { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-chart-track { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-budget-chart-company { border-bottom-color: var(--theme-border); color: var(--theme-text); }
    html[data-theme="dark"] .analytics-budget-chart-track { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-detail-searchbar { border-bottom-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .analytics-detail-search-count { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-detail-search-empty { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-table tr.is-search-match td { background: var(--theme-warning-bg); }
    html[data-theme="dark"] .analytics-table th,
    html[data-theme="dark"] .analytics-table td { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-table thead th { background: var(--theme-raised); }
    html[data-theme="dark"] .analytics-child-row { background: var(--theme-surface); color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-drill-toggle { color: var(--theme-info); }
    html[data-theme="dark"] .analytics-empty { color: var(--theme-muted); }
    html[data-theme="dark"] .analytics-budget-table tr { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .analytics-budget-table td[data-label]::before { color: var(--theme-muted); }

    /* Views/Projects/Index.cshtml */
    html[data-theme="dark"] .project-hours-progress .progress-bar-default { background-color: var(--theme-raised); }
    html[data-theme="dark"] .project-hours-tooltip-tab:hover,
    html[data-theme="dark"] .project-hours-tooltip-tab:focus,
    html[data-theme="dark"] .project-hours-tooltip-tab.is-active { background: var(--theme-surface); color: var(--theme-text); }
    html[data-theme="dark"] .project-hours-warnings { border-color: var(--theme-warning); background: var(--theme-surface); }
    html[data-theme="dark"] .project-hours-warning-exceeded { color: var(--theme-danger); }
    html[data-theme="dark"] .project-hours-warning-remaining { color: var(--theme-warning); }
    html[data-theme="dark"] .project-hours-warning-budget-status { background: var(--theme-raised); color: var(--theme-warning); }
    html[data-theme="dark"] .project-hours-warning-budget-status.is-critical { background: var(--theme-raised); color: var(--theme-danger); }
    html[data-theme="dark"] .project-hours-warning-status { background: var(--theme-raised); color: var(--theme-success); }
    html[data-theme="dark"] .project-hours-warning-status.is-inactive { background: var(--theme-raised); color: var(--theme-muted); }
    html[data-theme="dark"] .project-hours-warnings-empty td { color: var(--theme-muted); }

    /* Views/Projects/Create.cshtml */
    html[data-theme="dark"] .activity-selected-row { border-color: var(--theme-border); background: var(--theme-surface); }
    html[data-theme="dark"] .activity-selected-name { color: var(--theme-text); }
    html[data-theme="dark"] .facturabel-label { color: var(--theme-text); }
    html[data-theme="dark"] .remove-activity { color: var(--theme-danger); }
    html[data-theme="dark"] .remove-activity:hover { color: var(--theme-danger); }

    /* Views/Hours/_IndexWeek.cshtml */
    html[data-theme="dark"] #ToThisWeek { border-color: var(--theme-border); background: linear-gradient(var(--theme-surface), var(--theme-raised)); color: var(--theme-text); }
    html[data-theme="dark"] #ToThisWeek:hover { background: linear-gradient(var(--theme-surface), var(--theme-raised)); border-color: var(--theme-border); color: var(--theme-text); }
    html[data-theme="dark"] .uren-week-scroll { border-top-color: var(--theme-border); }
    html[data-theme="dark"] .WeekDatum .UrBtnMini { background-color: var(--theme-surface); }
    html[data-theme="dark"] #urenWeekOverzicht th,
    html[data-theme="dark"] #urenWeekOverzicht td { border-color: var(--theme-border); }
}