html[data-theme="cobalt"] {
    color-scheme: light;
    --navy-950: #06163b;
    --navy-900: #0a2458;
    --navy-800: #123a7c;
    --blue-700: #1e56d5;
    --blue-600: #2d68ee;
    --blue-100: #e8efff;
    --orange-600: #245cf6;
    --orange-500: #3973ff;
    --orange-100: #edf3ff;
    --ink-900: #101827;
    --ink-700: #3b4759;
    --ink-500: #6f7c8f;
    --line: #dce3ef;
    --surface: #ffffff;
    --canvas: #f5f7fb;
    --danger-theme: #b42318;
    --danger-bg: #fff0ee;
    --success-theme: #177245;
    --success-bg: #eaf8f0;
    --warning-theme: #8a5a00;
    --warning-bg: #fff7df;
    --theme-shadow: 0 12px 32px rgba(10, 36, 88, .08);
    --on-accent: #ffffff;
    --accent-hover: #174bd0;
    --soft-surface: #f8faff;
    --soft-surface-2: #f1f5fc;
    --field-bg: #ffffff;
    --field-border: #cfd8e7;
    --table-head: #eef3fb;
    --row-border: #e6ebf3;
    --row-hover: #f8faff;
    --topbar-bg: rgba(255, 255, 255, .95);
    --sidebar-end: #071a44;
    --sidebar-shadow: rgba(5, 24, 64, .18);
    --sidebar-muted: #aebdde;
    --sidebar-text: #dce6fb;
    --sidebar-icon: #96afe5;
    --sidebar-active-icon: #8db2ff;
    --sidebar-highlight: rgba(52, 106, 242, .22);
    --sidebar-highlight-soft: rgba(52, 106, 242, .08);
    --sidebar-highlight-border: rgba(91, 139, 255, .50);
    --focus-ring: rgba(45, 104, 238, .16);
    --primary-shadow: rgba(36, 92, 246, .24);
    --auth-start: #173f91;
    --auth-end: #050e27;
    --auth-brand-overlay-1: rgba(10, 36, 88, .96);
    --auth-brand-overlay-2: rgba(6, 22, 59, .98);
    --auth-brand-copy: #d9e4fb;
    --auth-badge-text: #c7d8ff;
    --auth-badge-bg: rgba(57, 115, 255, .15);
    --auth-badge-border: rgba(91, 139, 255, .46);
    --modal-scrim: rgba(5, 18, 48, .72);
}

html[data-theme="void"] {
    color-scheme: dark;
    --navy-950: #050705;
    --navy-900: #0a0d0a;
    --navy-800: #151a15;
    --blue-700: #2e9d59;
    --blue-600: #38b66b;
    --blue-100: #1b2c0c;
    --orange-600: #35aa63;
    --orange-500: #48bd75;
    --orange-100: #1c2e0d;
    --ink-900: #eff4ec;
    --ink-700: #c0c8bc;
    --ink-500: #8e998a;
    --line: #2b3329;
    --surface: #111511;
    --canvas: #080b08;
    --danger-theme: #ff7469;
    --danger-bg: #321410;
    --success-theme: #49bf77;
    --success-bg: #17290b;
    --warning-theme: #ffd166;
    --warning-bg: #2b240c;
    --theme-shadow: 0 15px 40px rgba(0, 0, 0, .32);
    --on-accent: #0a0d08;
    --accent-hover: #57c982;
    --soft-surface: #151a15;
    --soft-surface-2: #1b211a;
    --field-bg: #0d110d;
    --field-border: #394237;
    --table-head: #171d17;
    --row-border: #252d24;
    --row-hover: #171d16;
    --topbar-bg: rgba(13, 17, 13, .96);
    --sidebar-end: #030503;
    --sidebar-shadow: rgba(0, 0, 0, .45);
    --sidebar-muted: #7d8978;
    --sidebar-text: #bec7bb;
    --sidebar-icon: #74806f;
    --sidebar-active-icon: #48bd75;
    --sidebar-highlight: rgba(53, 170, 99, .15);
    --sidebar-highlight-soft: rgba(53, 170, 99, .05);
    --sidebar-highlight-border: rgba(53, 170, 99, .48);
    --focus-ring: rgba(56, 182, 107, .16);
    --primary-shadow: rgba(53, 170, 99, .18);
    --auth-start: #18220d;
    --auth-end: #020402;
    --auth-brand-overlay-1: rgba(12, 15, 12, .96);
    --auth-brand-overlay-2: rgba(3, 5, 3, .99);
    --auth-brand-copy: #afb9aa;
    --auth-badge-text: #86d4a2;
    --auth-badge-bg: rgba(53, 170, 99, .10);
    --auth-badge-border: rgba(53, 170, 99, .35);
    --modal-scrim: rgba(0, 0, 0, .78);
}

html[data-theme="aqua"] {
    color-scheme: light;
    --navy-950: #162327;
    --navy-900: #1d2e33;
    --navy-800: #2a4147;
    --blue-700: #078fa3;
    --blue-600: #14b2c5;
    --blue-100: #e0f7fa;
    --orange-600: #12a9bc;
    --orange-500: #20bfd0;
    --orange-100: #e6f9fb;
    --ink-900: #172124;
    --ink-700: #435055;
    --ink-500: #718086;
    --line: #d9e3e5;
    --surface: #ffffff;
    --canvas: #f4f8f9;
    --danger-theme: #b42318;
    --danger-bg: #fff0ee;
    --success-theme: #15744c;
    --success-bg: #e8f8f0;
    --warning-theme: #8a5a00;
    --warning-bg: #fff7df;
    --theme-shadow: 0 12px 32px rgba(24, 52, 58, .08);
    --on-accent: #052c31;
    --accent-hover: #1cc5d7;
    --soft-surface: #f7fbfc;
    --soft-surface-2: #edf5f6;
    --field-bg: #ffffff;
    --field-border: #cddadd;
    --table-head: #edf5f6;
    --row-border: #e4ecee;
    --row-hover: #f5fafb;
    --topbar-bg: rgba(255, 255, 255, .95);
    --sidebar-end: #131f22;
    --sidebar-shadow: rgba(16, 39, 44, .18);
    --sidebar-muted: #9db0b5;
    --sidebar-text: #dce8ea;
    --sidebar-icon: #92a9ae;
    --sidebar-active-icon: #64d9e6;
    --sidebar-highlight: rgba(20, 178, 197, .18);
    --sidebar-highlight-soft: rgba(20, 178, 197, .06);
    --sidebar-highlight-border: rgba(44, 198, 216, .45);
    --focus-ring: rgba(20, 178, 197, .16);
    --primary-shadow: rgba(20, 178, 197, .22);
    --auth-start: #1c5962;
    --auth-end: #0d1c20;
    --auth-brand-overlay-1: rgba(29, 46, 51, .96);
    --auth-brand-overlay-2: rgba(17, 31, 35, .98);
    --auth-brand-copy: #d4e4e7;
    --auth-badge-text: #a9edf3;
    --auth-badge-bg: rgba(20, 178, 197, .14);
    --auth-badge-border: rgba(44, 198, 216, .42);
    --modal-scrim: rgba(11, 29, 33, .72);
}

html[data-theme="yoders"] {
    color-scheme: light;
    --navy-950: #050505;
    --navy-900: #111111;
    --navy-800: #292929;
    --blue-700: #c7151d;
    --blue-600: #ea1b23;
    --blue-100: #ffe7e9;
    --orange-600: #ea1b23;
    --orange-500: #f12b33;
    --orange-100: #fff0f1;
    --ink-900: #111111;
    --ink-700: #36353d;
    --ink-500: #767676;
    --line: #dedede;
    --surface: #ffffff;
    --canvas: #f5f5f5;
    --danger-theme: #b8000a;
    --danger-bg: #fff0f1;
    --success-theme: #177245;
    --success-bg: #eaf8f0;
    --warning-theme: #8a5a00;
    --warning-bg: #fff7df;
    --theme-shadow: 0 12px 32px rgba(0, 0, 0, .09);
    --on-accent: #ffffff;
    --accent-hover: #c7151d;
    --soft-surface: #fafafa;
    --soft-surface-2: #f0f0f0;
    --field-bg: #ffffff;
    --field-border: #cfcfcf;
    --table-head: #f1f1f1;
    --row-border: #e5e5e5;
    --row-hover: #fff5f5;
    --topbar-bg: rgba(255, 255, 255, .97);
    --sidebar-end: #000000;
    --sidebar-shadow: rgba(0, 0, 0, .24);
    --sidebar-muted: #a8a8a8;
    --sidebar-text: #eeeeee;
    --sidebar-icon: #b0b0b0;
    --sidebar-active-icon: #ff4b52;
    --sidebar-highlight: rgba(234, 27, 35, .22);
    --sidebar-highlight-soft: rgba(234, 27, 35, .07);
    --sidebar-highlight-border: rgba(255, 75, 82, .55);
    --focus-ring: rgba(234, 27, 35, .17);
    --primary-shadow: rgba(234, 27, 35, .24);
    --auth-start: #ea1b23;
    --auth-end: #080808;
    --auth-brand-overlay-1: rgba(32, 8, 9, .93);
    --auth-brand-overlay-2: rgba(0, 0, 0, .98);
    --auth-brand-copy: #efdddd;
    --auth-badge-text: #ffb4b7;
    --auth-badge-bg: rgba(234, 27, 35, .16);
    --auth-badge-border: rgba(255, 75, 82, .48);
    --modal-scrim: rgba(0, 0, 0, .74);
}

/* Map the Sales palette to the existing Production variables. */
html[data-theme] {
    --bg: var(--canvas);
    --panel: var(--surface);
    --text: var(--ink-900);
    --muted: var(--ink-500);
    --border: var(--line);
    --primary: var(--orange-600);
    --primary-dark: var(--accent-hover);
    --nav: var(--navy-950);
    --nav-soft: var(--sidebar-highlight);
    --success: var(--success-theme);
    --danger: var(--danger-theme);
    --warning: var(--warning-theme);
    --shadow: var(--theme-shadow);

    /* Compatibility aliases for older Production components. Keep these tied
       to the active theme so inherited cards/forms never fall back to light-only
       hardcoded colors in Volt or another dark theme. */
    --soft-surface-1: var(--soft-surface);
    --panel-bg: var(--surface);
    --border-color: var(--line);
    --line-color: var(--line);
    --muted-color: var(--ink-500);
    --text-color: var(--ink-900);
    --info: var(--blue-700);
    --info-theme: var(--blue-700);
    --surface-muted: var(--soft-surface);
    --surface-soft: var(--soft-surface);
    --surface-subtle: var(--soft-surface-2);
}

html[data-theme] body,
html[data-theme] .main-column,
html[data-theme] .content {
    color: var(--text);
    background-color: var(--bg);
}

html[data-theme] code {
    color: var(--text);
    background: var(--soft-surface-2);
}

html[data-theme] .sidebar {
    color: var(--sidebar-text);
    background: linear-gradient(180deg, var(--navy-950), var(--navy-900) 55%, var(--sidebar-end));
    box-shadow: 8px 0 28px var(--sidebar-shadow);
}

.sidebar-suite-logo {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    filter: drop-shadow(0 7px 10px rgba(0, 0, 0, .3));
}

html[data-theme] .sidebar-brand,
html[data-theme] .sidebar-footer {
    border-color: rgba(255, 255, 255, .09);
}

html[data-theme] .sidebar-brand small,
html[data-theme] .sidebar-footer small,
html[data-theme] .sidebar-module-copy small {
    color: var(--sidebar-muted);
}

html[data-theme] .sidebar-nav a,
html[data-theme] .sidebar-group-toggle,
html[data-theme] .logout-button {
    color: var(--sidebar-text);
}

html[data-theme] .sidebar-link-icon {
    color: var(--sidebar-icon);
}

html[data-theme] .sidebar-nav a:hover,
html[data-theme] .sidebar-nav a.active,
html[data-theme] .sidebar-group-toggle:hover,
html[data-theme] .sidebar-nav-group.open > .sidebar-group-toggle {
    color: #fff;
    background: linear-gradient(90deg, var(--sidebar-highlight), var(--sidebar-highlight-soft));
}

html[data-theme] .sidebar-nav a.active,
html[data-theme] .sidebar-subnav a.active {
    box-shadow: inset 3px 0 var(--orange-500);
}

html[data-theme] .sidebar-nav a.active .sidebar-link-icon,
html[data-theme] .sidebar-nav-group.open > .sidebar-group-toggle .sidebar-link-icon {
    color: var(--sidebar-active-icon);
}

html[data-theme] .sidebar-subnav {
    border-left-color: rgba(255, 255, 255, .15);
}

.sidebar-user-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.sidebar-profile-link {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .65rem;
}

.sidebar-user-copy {
    display: grid;
    min-width: 0;
}

.sidebar-user-copy strong,
.sidebar-user-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-theme] .avatar {
    color: var(--on-accent);
    background: var(--orange-600);
}

html[data-theme] .logout-button {
    border-color: rgba(255, 255, 255, .13);
}

html[data-theme] .logout-button:hover {
    color: #fff;
    background: rgba(255, 255, 255, .07);
}

html[data-theme] .topbar {
    border-color: var(--line);
    background: var(--topbar-bg);
}

html[data-theme="yoders"] .topbar {
    box-shadow: inset 0 3px 0 #ea1b23;
}

html[data-theme] .menu-button,
html[data-theme] .topbar .privacy-lock-button,
html[data-theme] .topbar-user {
    color: var(--ink-700);
    border-color: var(--line);
    background: var(--soft-surface);
}

html[data-theme] .topbar-user {
    background: transparent;
}

html[data-theme] .app-footer {
    color: var(--ink-500);
    border-color: var(--line);
    background: var(--surface);
}

html[data-theme] .panel,
html[data-theme] .metric-card,
html[data-theme] .summary-card,
html[data-theme] .dashboard-card,
html[data-theme] .table-card,
html[data-theme] .modal-card,
html[data-theme] dialog,
html[data-theme] .privacy-modal-card {
    color: var(--text);
    border-color: var(--line);
    background-color: var(--surface);
    box-shadow: var(--theme-shadow);
}

html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea {
    color: var(--ink-900);
    border-color: var(--field-border);
    background-color: var(--field-bg);
}

html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder {
    color: var(--ink-500);
}

html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus {
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px var(--focus-ring);
}

html[data-theme] table {
    color: var(--text);
    border-color: var(--line);
    background-color: var(--surface);
}

html[data-theme] th {
    color: var(--ink-700);
    border-color: var(--row-border);
    background-color: var(--table-head);
}

html[data-theme] td {
    border-color: var(--row-border);
}

html[data-theme] tbody tr:hover {
    background-color: var(--row-hover);
}

html[data-theme] .btn-primary {
    color: var(--on-accent);
    border-color: var(--orange-600);
    background: var(--orange-600);
    box-shadow: 0 5px 15px var(--primary-shadow);
}

html[data-theme] .btn-primary:hover:not(:disabled) {
    color: var(--on-accent);
    border-color: var(--accent-hover);
    background: var(--accent-hover);
}

html[data-theme] .btn-secondary,
html[data-theme] .btn-ghost {
    color: var(--ink-700);
    border-color: var(--line);
    background: var(--surface);
}

html[data-theme] .btn-secondary:hover:not(:disabled),
html[data-theme] .btn-ghost:hover:not(:disabled) {
    border-color: var(--blue-600);
    background: var(--blue-100);
}

html[data-theme] .alert-success {
    color: var(--success-theme);
    border-color: var(--success-theme);
    background: var(--success-bg);
}

html[data-theme] .alert-danger,
html[data-theme] .alert-error {
    color: var(--danger-theme);
    border-color: var(--danger-theme);
    background: var(--danger-bg);
}

html[data-theme] .alert-warning {
    color: var(--warning-theme);
    border-color: var(--warning-theme);
    background: var(--warning-bg);
}

html[data-theme] .alert-info {
    color: var(--blue-700);
    border-color: var(--blue-600);
    background: var(--blue-100);
}

html[data-theme] .status-badge,
html[data-theme] .badge,
html[data-theme] .pill {
    color: var(--ink-700);
    background: var(--soft-surface-2);
}

html[data-theme] .privacy-modal-backdrop,
html[data-theme] dialog::backdrop {
    background: var(--modal-scrim);
}

/* Sales-compatible compact theme controls. */
.theme-dots {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}

.theme-dot {
    position: relative;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .24);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.theme-dot:hover {
    transform: translateY(-1px) scale(1.08);
    border-color: #fff;
}

.theme-dot[aria-pressed="true"] {
    border-color: #fff;
    box-shadow: 0 0 0 2px var(--sidebar-highlight-border), 0 2px 8px rgba(0, 0, 0, .28);
}

.theme-dot-cobalt { background: linear-gradient(90deg, #071a45 0 50%, #245cf6 50% 100%); }
.theme-dot-volt { background: linear-gradient(90deg, #090c09 0 50%, #35aa63 50% 100%); }
.theme-dot-aqua { background: linear-gradient(90deg, #202d31 0 50%, #17b5c7 50% 100%); }
.theme-dot-yoders { background: linear-gradient(90deg, #050505 0 50%, #ea1b23 50% 100%); }

/* Login and password recovery. */
html[data-theme] .login-page {
    background:
        radial-gradient(circle at 20% 10%, var(--auth-start) 0, var(--navy-950) 42%, var(--auth-end) 100%);
}

html[data-theme] .login-shell {
    border-color: var(--line);
    background: var(--surface);
    box-shadow: 0 30px 80px var(--sidebar-shadow);
}

html[data-theme] .login-brand {
    color: #fff;
    background: linear-gradient(150deg, var(--auth-brand-overlay-1), var(--auth-brand-overlay-2));
}

html[data-theme] .login-brand p:last-of-type {
    color: var(--auth-brand-copy);
}

html[data-theme] .login-card {
    color: var(--text);
    background: var(--surface);
}

.login-suite-logo {
    width: min(460px, 100%);
    height: 210px;
    max-height: 210px;
    margin: 0 0 16px;
    object-fit: contain;
    object-position: left center;
    background: transparent;
    border: 0;
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .28));
}

.login-mobile-logo {
    display: none;
    width: min(360px, 100%);
    height: 145px;
    margin: 0 auto 8px;
    object-fit: contain;
    background: transparent;
}

.login-mobile-logo.always-visible {
    display: block;
}

.production-domain-badge {
    align-self: flex-start;
    margin-top: 1.25rem;
    padding: .45rem .75rem;
    color: var(--auth-badge-text);
    border: 1px solid var(--auth-badge-border);
    border-radius: 999px;
    background: var(--auth-badge-bg);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.login-theme-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 0 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
}

.login-theme-row > span {
    color: var(--ink-500);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.theme-dots-auth .theme-dot {
    width: 22px;
    height: 22px;
    border-color: var(--line);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .14);
}

.theme-dots-auth .theme-dot:hover,
.theme-dots-auth .theme-dot[aria-pressed="true"] {
    border-color: var(--blue-600);
}

.theme-dots-auth .theme-dot[aria-pressed="true"] {
    box-shadow: 0 0 0 2px var(--focus-ring);
}

html[data-theme="yoders"] .sidebar-suite-logo,
html[data-theme="yoders"] .login-suite-logo,
html[data-theme="yoders"] .login-mobile-logo {
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Dark Volt corrections for semantic light-only surfaces. */
html[data-theme="void"] .muted,
html[data-theme="void"] small,
html[data-theme="void"] .help-text,
html[data-theme="void"] .field-help {
    color: var(--ink-500);
}

html[data-theme="void"] a:not(.btn):not(.sidebar-brand):not(.sidebar-profile-link):not(.sidebar-nav a) {
    color: var(--blue-600);
}

html[data-theme="void"] .warning,
html[data-theme="void"] .attention,
html[data-theme="void"] [class*="warning-box"],
html[data-theme="void"] [class*="attention-box"] {
    color: var(--warning-theme);
    border-color: var(--warning-theme);
    background-color: var(--warning-bg);
}

html[data-theme="void"] .danger-zone,
html[data-theme="void"] [class*="danger-box"] {
    color: var(--danger-theme);
    border-color: var(--danger-theme);
    background-color: var(--danger-bg);
}

@media (max-width: 780px) {
    .sidebar-user-row {
        align-items: center;
    }

    .login-mobile-logo {
        display: block;
    }

    .login-suite-logo {
        display: none;
    }
}

@media (max-width: 520px) {
    .sidebar-user-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .theme-dots {
        padding-left: 48px;
    }

    .login-theme-row {
        justify-content: space-between;
    }
}

/* Theme inherited surfaces from light-only module CSS. */
@media screen {
html[data-theme] .login-shell { background-color: var(--surface); }
html[data-theme] .btn-secondary { background-color: var(--surface); }
html[data-theme] .form-stack input,
html[data-theme] .inline-form input,
html[data-theme] .search-field input { background-color: var(--surface); }
html[data-theme] .menu-button { background-color: var(--surface); }
html[data-theme] .topbar .privacy-lock-button { background-color: var(--surface); }
html[data-theme] .privacy-modal-card { background-color: var(--surface); }
html[data-theme] .privacy-modal-card > form > header,
html[data-theme] .privacy-modal-card > form > footer { background-color: var(--surface); }
html[data-theme] .privacy-modal-card .modal-close { background-color: var(--surface); }
html[data-theme] .privacy-modal-body input { background-color: var(--surface); }
html[data-theme] .payroll-period-form input,
html[data-theme] .payroll-period-form textarea,
html[data-theme] .payroll-selectors select { background-color: var(--surface); }
html[data-theme] .payroll-table tr { background-color: var(--surface); }
html[data-theme] .payroll-empty-row td { background-color: var(--surface); }
html[data-theme] .payroll-money-input { background-color: var(--surface); }
html[data-theme] .payroll-period-move-form select { background-color: var(--surface); }
html[data-theme] .payroll-delete-modal-card { background-color: var(--surface); }
html[data-theme] .payroll-removed-row { background-color: var(--surface); }
html[data-theme] .payroll-manual-entry { background-color: var(--surface); }
html[data-theme] .payroll-manual-form select,
html[data-theme] .payroll-manual-form input,
html[data-theme] .payroll-manual-form textarea { background-color: var(--surface); }
html[data-theme] .payroll-manual-form { background-color: var(--surface); }
html[data-theme] .weekly-payroll-table tbody tr { background-color: var(--surface); }
html[data-theme] .payroll-table tbody tr { background-color: var(--surface); }
html[data-theme] .payroll-empty-row td { background-color: var(--surface) !important; }
html[data-theme] .weekly-payroll-table tfoot { background-color: var(--surface); }
html[data-theme] .payroll-single-selector select { background-color: var(--surface); }
html[data-theme] .payroll-run-reset-confirmation input { background-color: var(--surface); }
html[data-theme] .weekly-hours-form input,
html[data-theme] .weekly-add-saved-rule-form select,
html[data-theme] .weekly-earning-card input,
html[data-theme] .weekly-earning-card select,
html[data-theme] .weekly-custom-earning-form input,
html[data-theme] .weekly-custom-earning-form select { background-color: var(--surface); }
html[data-theme] .weekly-earning-card { background-color: var(--surface); }
html[data-theme] .payroll-currency-control { background-color: var(--surface); }
html[data-theme] .weekly-pay-collapsible { background-color: var(--surface); }
html[data-theme] .weekly-section-chevron { background-color: var(--surface); }
html[data-theme] .payroll-selector-empty { background-color: var(--surface); }
html[data-theme] .payroll-member-note-editor input { background-color: var(--surface); }
html[data-theme] .electrical-crew-chips span { background-color: var(--surface); }
html[data-theme] .electrical-crew-form input,
html[data-theme] .electrical-entry-form input,
html[data-theme] .electrical-edit-form input { background-color: var(--surface); }
html[data-theme] .electrical-worker-option { background-color: var(--surface); }
html[data-theme] .payroll-labor-rate-panel,
html[data-theme] .payroll-flat-entry { background-color: var(--surface); }
html[data-theme] .payroll-flat-entry > summary { background-color: var(--surface); }
html[data-theme] .payroll-removal-reason select { background-color: var(--surface); }
html[data-theme] .payroll-period-workspace-chevron { background-color: var(--surface); }
html[data-theme] .payroll-removal-reason textarea { background-color: var(--surface); }
html[data-theme] .weekly-payroll-revision-nav { background-color: var(--surface); }
html[data-theme] .howto-permission-summary span { background-color: var(--surface); }
html[data-theme] .howto-search-field input { background-color: var(--surface); }
html[data-theme] .howto-flow article { background-color: var(--surface); }
html[data-theme] .howto-section details > summary { background-color: var(--surface); }
html[data-theme] .howto-table { background-color: var(--surface); }
html[data-theme] .howto-screen-browser { background-color: var(--surface); }
html[data-theme] .howto-screen-metrics > div { background-color: var(--surface); }
html[data-theme] .howto-screen-filters span { background-color: var(--surface); }
html[data-theme] .howto-visual-key li { background-color: var(--surface); }
html[data-theme] .howto-mini-ui { background-color: var(--surface); }
html[data-theme] .howto-mini-ui input,
html[data-theme] .howto-mini-ui select,
html[data-theme] .howto-completion-example input { background-color: var(--surface); }
html[data-theme] .howto-process-flow > div { background-color: var(--surface); }
html[data-theme] .howto-completion-example { background-color: var(--surface); }
html[data-theme] .howto-example-card > div { background-color: var(--surface); }
html[data-theme] .howto-ui-window { background-color: var(--surface); }
html[data-theme] .howto-ui-metrics > div { background-color: var(--surface); }
html[data-theme] .howto-ui-card-grid > div { background-color: var(--surface); }
html[data-theme] .howto-ui-toolbar span { background-color: var(--surface); }
html[data-theme] .howto-ui-toolbar button { background-color: var(--surface); }
html[data-theme] .howto-ui-tabs span { background-color: var(--surface); }
html[data-theme] .howto-ui-table { background-color: var(--surface); }
html[data-theme] .howto-formula-strip span { background-color: var(--surface); }
html[data-theme] .howto-journey > div { background-color: var(--surface); }
html[data-theme] .howto-decision-grid > div { background-color: var(--surface); }
html[data-theme] .howto-troubleshoot-flow > div { background-color: var(--surface); }
html[data-theme] .howto-report-problem span { background-color: var(--surface); }
html[data-theme] .pricing-percent-control { background-color: var(--surface); }
html[data-theme] .pricing-filter-bar input,
html[data-theme] .pricing-filter-bar select { background-color: var(--surface); }
html[data-theme] .pricing-table { background-color: var(--surface); }
html[data-theme] .pricing-page-link,
html[data-theme] .pricing-page-gap { background-color: var(--surface); }
html[data-theme] .pricing-rate-block { background-color: var(--surface); }
html[data-theme] .pricing-rate-block > summary::after { background-color: var(--surface); }
html[data-theme] .pricing-block-count { background-color: var(--surface); }
html[data-theme] .pricing-money-control { background-color: var(--surface); }
html[data-theme] .pricing-table tbody tr { background-color: var(--surface); }
html[data-theme] .pricing-table tbody tr:nth-child(even),
html[data-theme] .pricing-table tbody tr:hover { background-color: var(--surface); }
html[data-theme] .pricing-tab { background-color: var(--surface); }
html[data-theme] .pricing-percentage-block { background-color: var(--surface); }
html[data-theme] .pricing-percentage-block > summary::after { background-color: var(--surface); }
html[data-theme] .pricing-retail-add { background-color: var(--surface); }
html[data-theme] .pricing-retail-add-form input[type="text"],
html[data-theme] .pricing-retail-add-form input[type="number"],
html[data-theme] .pricing-retail-add-form select,
html[data-theme] .pricing-retail-table input[type="text"],
html[data-theme] .pricing-retail-table input[type="number"],
html[data-theme] .pricing-retail-table select { background-color: var(--surface); }
html[data-theme] .retail-rate-control { background-color: var(--surface); }
html[data-theme] .standard-build-add-style,
html[data-theme] .standard-style-settings,
html[data-theme] .standard-item-add { background-color: var(--surface); }
html[data-theme] .standard-style-add-form input,
html[data-theme] .standard-style-add-form textarea,
html[data-theme] .standard-style-edit-form input,
html[data-theme] .standard-style-edit-form textarea,
html[data-theme] .standard-item-add-form input,
html[data-theme] .standard-item-add-form select,
html[data-theme] .standard-items-table input,
html[data-theme] .standard-items-table select,
html[data-theme] .standard-build-filter input,
html[data-theme] .standard-build-filter select { background-color: var(--surface); }
html[data-theme] .standard-style-list { background-color: var(--surface); }
html[data-theme] .standard-style-link { background-color: var(--surface); }
html[data-theme] .pricing-delete-icon { background-color: var(--surface); }
html[data-theme] .standard-catalog-size-list a { background-color: var(--surface); }
html[data-theme] .catalog-setup-dialog { background-color: var(--surface); }
html[data-theme] .catalog-setup-form { background-color: var(--surface); }
html[data-theme] .catalog-dialog-close { background-color: var(--surface); }
html[data-theme] .catalog-setup-grid input,
html[data-theme] .catalog-setup-grid select { background-color: var(--surface); }
html[data-theme] .catalog-pay-switches label { background-color: var(--surface); }
html[data-theme] .pricing-hub-group { background-color: var(--surface); }
html[data-theme] .retail-row-action { background-color: var(--surface); }
html[data-theme] .catalog-row-edit { background-color: var(--surface); }
html[data-theme] .catalog-edit-dialog { background-color: var(--surface); }
html[data-theme] .catalog-edit-form { background-color: var(--surface); }
html[data-theme] .catalog-money-input { background-color: var(--surface); }
html[data-theme] .standard-style-policy-form select { background-color: var(--surface); }
html[data-theme] .standard-style-policy-summary > div { background-color: var(--surface); }
html[data-theme] .labor-pay-popover { background-color: var(--surface); }
html[data-theme] .compact-filter select { background-color: var(--surface); }
html[data-theme] .grid-input:focus,
html[data-theme] .grid-select:focus { background-color: var(--surface); }
html[data-theme] .history-summary-card { background-color: var(--surface); }
html[data-theme] .stage-segment-marker { background-color: var(--surface); }
html[data-theme] .workflow-modal-card { background-color: var(--surface); }
html[data-theme] .modal-close { background-color: var(--surface); }
html[data-theme] .workflow-modal-body input,
html[data-theme] .workflow-modal-body select { background-color: var(--surface); }
html[data-theme] .report-year-form select { background-color: var(--surface); }
html[data-theme] .report-metric { background-color: var(--surface); }
html[data-theme] .weekly-note-input:focus { background-color: var(--surface); }
html[data-theme] .quick-report-grid a { background-color: var(--surface); }
html[data-theme] .report-year-select,
html[data-theme] .export-form select,
html[data-theme] .export-form input { background-color: var(--surface); }
html[data-theme] .weekly-owner-heading,
html[data-theme] .weekly-owner-metric { background-color: var(--surface); }
html[data-theme] .workflow-modal-body textarea { background-color: var(--surface); }
html[data-theme] .completed-inline-input:hover { background-color: var(--surface); }
html[data-theme] .completed-inline-input:focus { background-color: var(--surface); }
html[data-theme] .company-week-summary > article,
html[data-theme] .company-breakdown-list { background-color: var(--surface); }
html[data-theme] .mobile-collapsible-grid tbody tr.empty-row { background-color: var(--surface); }
html[data-theme] .dashboard-chart-controls select { background-color: var(--surface); }
html[data-theme] .truss-route-select { background-color: var(--surface); }
html[data-theme] .compact-toggle { background-color: var(--surface); }
html[data-theme] .inspection-print-button:hover,
html[data-theme] .inspection-print-button:focus-visible { background-color: var(--surface); }
html[data-theme] .build-column-menu { background-color: var(--surface); }
html[data-theme] .page-action-dropdown-menu { background-color: var(--surface); }
html[data-theme] .build-options-meta-form input,
html[data-theme] .build-options-meta-form textarea,
html[data-theme] .option-entry-form input,
html[data-theme] .option-entry-form select,
html[data-theme] .replacement-entry-form input,
html[data-theme] .replacement-entry-form select { background-color: var(--surface); }
html[data-theme] .option-search-combobox-menu {
    background: var(--surface);
    border-color: var(--line);
    color: var(--ink-900);
}
html[data-theme] .option-search-combobox-option {
    color: var(--ink-900);
    border-bottom-color: var(--line);
}
html[data-theme] .option-search-combobox-option small,
html[data-theme] .option-search-combobox-empty,
html[data-theme] .option-search-combobox-toggle {
    color: var(--ink-500);
}
html[data-theme] .option-search-combobox-option:hover,
html[data-theme] .option-search-combobox-option.is-active,
html[data-theme] .option-search-combobox-toggle:hover,
html[data-theme] .option-search-combobox-toggle:focus-visible {
    background: var(--soft-surface);
    color: var(--ink-900);
}
html[data-theme] .option-search-combobox-toggle {
    border-left-color: var(--line);
}
html[data-theme] .export-section > summary { background-color: var(--surface); }
html[data-theme] .export-section-body .export-card { background-color: var(--surface); }
html[data-theme] .build-view-summary-card { background-color: var(--surface); }
html[data-theme] .build-view-detail-grid > div { background-color: var(--surface); }
html[data-theme] .simple-create-period-popover { background-color: var(--surface); }
html[data-theme] .money-input { background-color: var(--surface); }
html[data-theme] .simple-page-number { background-color: var(--surface); }
html[data-theme] .simple-dialog-card { background-color: var(--surface); }
html[data-theme] .inventory-dashboard-quick-links a { background-color: var(--surface); }
html[data-theme] .group-add-row { background-color: var(--surface); }
html[data-theme] .simple-material-pricing-table tbody tr { background-color: var(--surface); }
html[data-theme] .settings-tabs { background-color: var(--surface); }
html[data-theme] .settings-menu-card { background-color: var(--surface); }
html[data-theme] .settings-row-form input,
html[data-theme] .stage-editor input,
html[data-theme] .stage-editor select,
html[data-theme] .priority-editor input,
html[data-theme] .form-grid input,
html[data-theme] .form-grid select,
html[data-theme] .general-settings-form input,
html[data-theme] .general-settings-form select,
html[data-theme] .user-edit-layout input,
html[data-theme] .user-edit-layout select { background-color: var(--surface); }
html[data-theme] .builder-summary-grid > div { background-color: var(--surface); }
html[data-theme] .builder-add-form input,
html[data-theme] .builder-add-form select,
html[data-theme] .builder-row-form input,
html[data-theme] .builder-row-form select { background-color: var(--surface); }
html[data-theme] .builder-check { background-color: var(--surface); }
html[data-theme] .builder-card { background-color: var(--surface); }
html[data-theme] .builder-job-type-option { background-color: var(--surface); }
html[data-theme] .payroll-route-badge { background-color: var(--surface); }
html[data-theme] .payroll-default-select select,
html[data-theme] .payroll-roofer-split input { background-color: var(--surface); }
html[data-theme] .payroll-roofer-row { background-color: var(--surface); }
html[data-theme] .builder-card-body { background-color: var(--surface); }
html[data-theme] .weekly-rule-row { background-color: var(--surface); }
html[data-theme] .settings-disclosure-summary { background-color: var(--surface); }
html[data-theme] .settings-disclosure-action,
html[data-theme] .member-section-badge { background-color: var(--surface); }
html[data-theme] .settings-disclosure-body { background-color: var(--surface); }
html[data-theme] .member-edit-section,
html[data-theme] .weekly-pay-types-disclosure { background-color: var(--surface); }
html[data-theme] .inventory-permission-option:hover { background-color: var(--surface); }
}

/* Collapsed Production sidebar compatibility. */
body.sidebar-collapsed .sidebar-user-row,
body.sidebar-collapsed .sidebar-profile-link {
    justify-content: center;
}

body.sidebar-collapsed .sidebar-user-copy,
body.sidebar-collapsed .theme-dots {
    display: none;
}

/* Keep semantic states readable after inherited surface rules. */
html[data-theme="void"] .warning,
html[data-theme="void"] .attention,
html[data-theme="void"] [class*="warning-box"],
html[data-theme="void"] [class*="attention-box"] {
    color: var(--warning-theme);
    border-color: var(--warning-theme);
    background-color: var(--warning-bg) !important;
}

html[data-theme="void"] .danger-zone,
html[data-theme="void"] [class*="danger-box"] {
    color: var(--danger-theme);
    border-color: var(--danger-theme);
    background-color: var(--danger-bg) !important;
}

@media (max-width: 780px) {
    body.sidebar-collapsed .sidebar-user-row {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    body.sidebar-collapsed .sidebar-profile-link {
        justify-content: flex-start;
    }

    body.sidebar-collapsed .sidebar-user-copy {
        display: grid;
    }

    body.sidebar-collapsed .theme-dots {
        display: inline-flex;
        padding-left: 0;
    }
}


@media screen {
    /* Export Center: remove inherited white bands/cards in dark themes. */
    html[data-theme] .export-section-body {
        color: var(--text);
        border-top-color: var(--line);
        background: var(--soft-surface);
    }

    html[data-theme] .export-section-body .export-card,
    html[data-theme] .export-help-grid > div,
    html[data-theme] .export-report-groups > div {
        color: var(--text);
        border-color: var(--line);
        background: var(--surface);
    }

    html[data-theme] .export-help-grid strong,
    html[data-theme] .export-report-groups strong {
        color: var(--ink-900);
    }

    html[data-theme] .export-help-grid span,
    html[data-theme] .export-section-copy > small,
    html[data-theme] .export-section-count,
    html[data-theme] .export-form label {
        color: var(--ink-500);
    }

    /* Builder Payroll: replace hard-coded white/light containers. */
    html[data-theme] .payroll-manual-entry {
        color: var(--text);
        border-color: var(--line);
        background: var(--surface);
        box-shadow: var(--theme-shadow);
    }

    html[data-theme] .payroll-manual-entry > summary {
        color: var(--text);
        border-color: var(--line);
        background: linear-gradient(180deg, var(--surface) 0%, var(--soft-surface) 100%);
    }

    html[data-theme] .payroll-manual-entry-body {
        color: var(--text);
        background: var(--soft-surface);
    }

    html[data-theme] .payroll-manual-form,
    html[data-theme] .payroll-labor-rate-panel,
    html[data-theme] .payroll-flat-entry,
    html[data-theme] .payroll-flat-entry > summary {
        color: var(--text);
        border-color: var(--line);
        background: var(--surface);
    }

    html[data-theme] .payroll-manual-panel-heading {
        color: var(--text);
        border-bottom-color: var(--line);
        background: linear-gradient(180deg, var(--surface) 0%, var(--soft-surface) 100%);
    }

    html[data-theme] .payroll-manual-panel-heading strong,
    html[data-theme] .payroll-manual-entry > summary strong,
    html[data-theme] .payroll-labor-calculation strong,
    html[data-theme] .payroll-foundation-note strong {
        color: var(--ink-900);
    }

    html[data-theme] .payroll-manual-panel-heading small,
    html[data-theme] .payroll-manual-rate-note,
    html[data-theme] .payroll-labor-calculation small,
    html[data-theme] .payroll-flat-entry > summary small {
        color: var(--ink-500);
    }

    html[data-theme] .payroll-labor-calculation {
        color: var(--text);
        border-color: var(--field-border);
        background: var(--soft-surface);
    }

    html[data-theme] .payroll-labor-calculation > b {
        color: var(--ink-500);
    }

    html[data-theme] .payroll-labor-calculation .payroll-labor-total strong {
        color: var(--warning-theme);
    }

    html[data-theme] .payroll-flat-entry[open] > summary {
        border-bottom-color: var(--line);
        background: var(--soft-surface);
    }

    html[data-theme] .payroll-foundation-note {
        color: var(--ink-500);
        border-color: var(--field-border);
        background: var(--soft-surface);
    }

    /* Weekly W-2 breakdown cards were still fixed to a light background. */
    html[data-theme] .weekly-pay-breakdown > div {
        color: var(--text);
        border-color: var(--line);
        background: var(--soft-surface);
    }

    html[data-theme] .weekly-pay-breakdown strong {
        color: var(--ink-900);
    }

    html[data-theme] .weekly-pay-breakdown span {
        color: var(--ink-500);
    }
}

/* Volt uses stronger contrast than the standard BuildSuite light palette. */
html[data-theme="void"] .content label,
html[data-theme="void"] .content legend,
html[data-theme="void"] .payroll-manual-form label,
html[data-theme="void"] .electrical-crew-form-heading label,
html[data-theme="void"] .electrical-crew-notes,
html[data-theme="void"] .electrical-entry-form label,
html[data-theme="void"] .electrical-edit-form label {
    color: var(--ink-700);
}

html[data-theme="void"] .btn-secondary,
html[data-theme="void"] .btn-ghost {
    color: #f4f8f0;
    border-color: #596755;
    background: #171d17;
    box-shadow: inset 0 0 0 1px rgba(166, 245, 32, .06), 0 2px 8px rgba(0, 0, 0, .22);
}

html[data-theme="void"] .btn-secondary:hover:not(:disabled),
html[data-theme="void"] .btn-ghost:hover:not(:disabled),
html[data-theme="void"] .btn-secondary:focus-visible,
html[data-theme="void"] .btn-ghost:focus-visible {
    color: #081005;
    border-color: var(--orange-500);
    background: var(--orange-500);
}

html[data-theme="void"] .btn-primary {
    color: #071005;
    border-color: var(--orange-500);
    background: var(--orange-600);
    font-weight: 800;
}

html[data-theme="void"] .btn-primary:hover:not(:disabled),
html[data-theme="void"] .btn-primary:focus-visible {
    color: #071005;
    border-color: var(--accent-hover);
    background: var(--accent-hover);
}

html[data-theme="void"] .btn:focus-visible {
    outline: 3px solid rgba(166, 245, 32, .28);
    outline-offset: 2px;
}

html[data-theme="void"] .export-format-buttons .btn-secondary,
html[data-theme="void"] .export-actions .btn-secondary {
    min-width: 44px;
    color: #e9f7df;
    border-color: #64765e;
    background: #182018;
}

html[data-theme="void"] .export-format-buttons .btn-secondary:hover:not(:disabled),
html[data-theme="void"] .export-actions .btn-secondary:hover:not(:disabled),
html[data-theme="void"] .export-format-buttons .btn-secondary:focus-visible,
html[data-theme="void"] .export-actions .btn-secondary:focus-visible {
    color: #071005;
    border-color: var(--orange-500);
    background: var(--orange-500);
}

html[data-theme="void"] .payroll-pricing-source-badge {
    color: #cfff84;
    border-color: #466b24;
    background: #17290b;
}

html[data-theme="void"] .payroll-labor-calculation .payroll-labor-total strong {
    color: #ffd166;
}

html[data-theme="void"] .payroll-currency-control:has(input[readonly]),
html[data-theme="void"] .payroll-currency-control:has(input[readonly]) > span:first-child,
html[data-theme="void"] .payroll-currency-control input[readonly] {
    color: var(--ink-700);
    border-color: var(--field-border);
    background: var(--soft-surface-2);
}

html[data-theme="void"] .universal-weekly-summary .weekly-summary-card {
    color: var(--text);
    border-color: var(--line);
    background: var(--soft-surface);
}

html[data-theme="void"] .weekly-profit-summary {
    color: var(--text);
    border-color: #41651e !important;
    background: var(--success-bg) !important;
}

html[data-theme="void"] .weekly-profit-summary strong {
    color: var(--success-theme);
}

html[data-theme="void"] .export-section-body,
html[data-theme="void"] .payroll-manual-entry-body {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}


@media screen {
    html[data-theme="void"] {
        --volt-surface-1: #101510;
        --volt-surface-2: #151c15;
        --volt-surface-3: #1a2319;
        --volt-border-1: #344132;
        --volt-border-2: #465542;
        --volt-text-1: #f2f7ef;
        --volt-text-2: #bcc8b7;
        --volt-text-3: #95a38f;
    }

    /* Shared compact report/action buttons such as CSV, Excel, Print, History. */
    html[data-theme="void"] .history-link,
    html[data-theme="void"] .compact-actions a,
    html[data-theme="void"] .completed-row-actions .history-link,
    html[data-theme="void"] .completed-row-actions button.history-link,
    html[data-theme="void"] .completed-row-actions .row-icon-action,
    html[data-theme="void"] .completed-row-actions button.row-icon-action {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .history-link:hover,
    html[data-theme="void"] .history-link:focus-visible,
    html[data-theme="void"] .compact-actions a:hover,
    html[data-theme="void"] .compact-actions a:focus-visible,
    html[data-theme="void"] .completed-row-actions .row-icon-action:hover,
    html[data-theme="void"] .completed-row-actions .row-icon-action:focus-visible,
    html[data-theme="void"] .completed-row-actions button.row-icon-action:hover,
    html[data-theme="void"] .completed-row-actions button.row-icon-action:focus-visible {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-500) !important;
        text-decoration: none !important;
    }

    /* Production report charts: remove white tracks and light hover bands. */
    html[data-theme="void"] .horizontal-chart-row:hover {
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .chart-track,
    html[data-theme="void"] .table-progress {
        border: 1px solid var(--volt-border-1);
        background: #253024 !important;
    }

    html[data-theme="void"] .chart-label,
    html[data-theme="void"] .horizontal-chart-row strong,
    html[data-theme="void"] .horizontal-chart-row small {
        color: var(--volt-text-2) !important;
    }

    /* Completed Log totals/company cards. */
    html[data-theme="void"] .company-week-summary > article,
    html[data-theme="void"] .company-breakdown-list {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .company-week-summary > article > span,
    html[data-theme="void"] .company-week-summary > article > small,
    html[data-theme="void"] .company-breakdown-chip span,
    html[data-theme="void"] .company-breakdown-chip small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .company-week-summary > article > strong,
    html[data-theme="void"] .company-breakdown-chip strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .company-breakdown-chip {
        border-left-color: var(--orange-500) !important;
        background: var(--volt-surface-3) !important;
    }

    /* Completed rows retain their accent stripe, but no longer become pale cards. */
    html[data-theme="void"] .completed-row td {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: #142016 !important;
    }

    html[data-theme="void"] .completed-row:hover td {
        background: #19281b !important;
    }

    html[data-theme="void"] .completed-serial-link strong {
        border-bottom-color: rgba(166, 245, 32, .42) !important;
    }

    html[data-theme="void"] .completed-inline-input,
    html[data-theme="void"] .completed-inline-input:hover,
    html[data-theme="void"] .completed-inline-input:focus,
    html[data-theme="void"] .completed-price-input {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #0c110c !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .completed-inline-input:focus {
        border-color: var(--orange-500) !important;
        box-shadow: 0 0 0 2px rgba(166, 245, 32, .18) !important;
    }

    /* Builder Payroll period summary cards: replace pastel cards and pale text. */
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-card,
    html[data-theme="void"] .payroll-period-summary-grid > div {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-card > span,
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-card > small,
    html[data-theme="void"] .payroll-period-summary-grid > div > span,
    html[data-theme="void"] .payroll-period-summary-grid > div > small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-card > strong,
    html[data-theme="void"] .payroll-period-summary-grid > div > strong {
        color: var(--volt-text-1) !important;
    }

    /* Keep the summary state stripe visible without using light backgrounds. */
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-open::before,
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-ready::before {
        background: #62d28b !important;
    }

    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-total::before,
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-approved::before,
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-finalized::before,
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-paid::before {
        background: #a995ff !important;
    }

    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-pending::before,
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-review::before {
        background: #ffb55f !important;
    }

    /* Builder Payroll scheduling details and both inner cards. */
    html[data-theme="void"] .payroll-period-workspace-collapsible,
    html[data-theme="void"] .payroll-period-workspace-collapsible > summary,
    html[data-theme="void"] .payroll-period-workspace-collapsible > summary:hover,
    html[data-theme="void"] .payroll-period-workspace-collapsible > summary:focus-visible,
    html[data-theme="void"] .payroll-period-workspace-collapsible[open] > summary,
    html[data-theme="void"] .payroll-period-workspace-body,
    html[data-theme="void"] .payroll-period-workspace-card,
    html[data-theme="void"] .payroll-period-workspace-card.payroll-create-panel,
    html[data-theme="void"] .payroll-period-workspace-card.payroll-period-selector-panel,
    html[data-theme="void"] .payroll-period-workspace-card details,
    html[data-theme="void"] .payroll-period-workspace-card details > summary {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .payroll-period-workspace-body,
    html[data-theme="void"] .payroll-period-workspace-grid {
        background: #0b0f0b !important;
    }

    html[data-theme="void"] .payroll-period-workspace-card {
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .payroll-period-workspace-card details > summary {
        padding: .15rem 0 .65rem;
    }

    html[data-theme="void"] .payroll-period-workspace-current,
    html[data-theme="void"] .payroll-period-workspace-card small,
    html[data-theme="void"] .payroll-period-workspace-card .muted,
    html[data-theme="void"] .payroll-workspace-heading .muted {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .payroll-period-workspace-chevron,
    html[data-theme="void"] .weekly-section-chevron {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .payroll-period-form,
    html[data-theme="void"] .payroll-period-single-selector {
        border-color: var(--volt-border-1) !important;
    }

    html[data-theme="void"] .payroll-period-form label,
    html[data-theme="void"] .payroll-single-selector label,
    html[data-theme="void"] .payroll-selectors label {
        color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .payroll-selector-empty {
        color: var(--volt-text-3) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .payroll-selector-empty strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .payroll-period-delete-icon {
        color: #ff8b82 !important;
        border-color: #7c3731 !important;
        background: #2a1210 !important;
    }

    html[data-theme="void"] .payroll-period-delete-icon:hover,
    html[data-theme="void"] .payroll-period-delete-icon:focus-visible {
        color: #fff !important;
        border-color: #ff7469 !important;
        background: #7d211a !important;
    }

    /* Builder manual-pay calculation block. */
    html[data-theme="void"] .payroll-labor-calculation {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .payroll-labor-calculation small,
    html[data-theme="void"] .payroll-labor-calculation > b {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .payroll-labor-calculation strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .payroll-labor-calculation .payroll-labor-total strong {
        color: #ffd166 !important;
    }

    /* Weekly W-2 summary cards and collapsible pay sections. */
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-card,
    html[data-theme="void"] .weekly-pay-breakdown > div {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .universal-weekly-summary .weekly-summary-card span,
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-card small,
    html[data-theme="void"] .weekly-pay-breakdown span {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .universal-weekly-summary .weekly-summary-card strong,
    html[data-theme="void"] .weekly-pay-breakdown strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .weekly-pay-section,
    html[data-theme="void"] .weekly-pay-collapsible,
    html[data-theme="void"] .weekly-pay-collapsible-summary,
    html[data-theme="void"] .weekly-pay-collapsible-summary:hover,
    html[data-theme="void"] .weekly-pay-collapsible[open] .weekly-pay-collapsible-summary,
    html[data-theme="void"] .weekly-pay-collapsible-body {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .weekly-pay-collapsible-summary h3,
    html[data-theme="void"] .weekly-pay-collapsible-summary strong,
    html[data-theme="void"] .weekly-section-total > strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .weekly-pay-collapsible-summary p,
    html[data-theme="void"] .weekly-pay-collapsible-summary .muted {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .weekly-hours-form,
    html[data-theme="void"] .weekly-add-saved-rule-form,
    html[data-theme="void"] .weekly-earning-card,
    html[data-theme="void"] .weekly-custom-earning-form,
    html[data-theme="void"] .payroll-empty-state {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .weekly-hours-form label,
    html[data-theme="void"] .weekly-add-saved-rule-form label,
    html[data-theme="void"] .weekly-earning-card label,
    html[data-theme="void"] .weekly-custom-earning-form label {
        color: var(--volt-text-2) !important;
    }
}

@media screen {
    html[data-theme="void"] .compact-actions .history-link,
    html[data-theme="void"] .compact-actions a {
        display: inline-flex;
        min-height: 26px;
        align-items: center;
        justify-content: center;
        padding: .28rem .5rem !important;
        border-radius: 5px !important;
        font-size: 8.5pt !important;
        line-height: 1 !important;
    }
}


@media screen {
    /* Finalized Weekly W-2: frozen hourly and guarantee snapshot cards. */
    html[data-theme="void"] .weekly-run-hour-grid > div,
    html[data-theme="void"] .weekly-run-guarantee-summary > div {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .weekly-run-hour-grid span,
    html[data-theme="void"] .weekly-run-guarantee-summary span {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .weekly-run-hour-grid strong,
    html[data-theme="void"] .weekly-run-guarantee-summary strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .weekly-run-guarantee-summary .weekly-run-grand-total {
        color: #f5ffe9 !important;
        border-color: #527d28 !important;
        background: #20370d !important;
    }

    html[data-theme="void"] .weekly-run-guarantee-summary .weekly-run-grand-total span {
        color: #c8e9a6 !important;
    }

    /* Weekly Builds projection strip and the footer beneath the grid. */
    html[data-theme="void"] .weekly-owner-strip {
        border-color: var(--volt-border-2) !important;
        background: var(--volt-border-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .weekly-owner-heading {
        color: var(--volt-text-1) !important;
        background: #111811 !important;
    }

    html[data-theme="void"] .weekly-owner-heading span,
    html[data-theme="void"] .weekly-owner-heading small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .weekly-owner-heading strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .weekly-owner-metric {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .weekly-owner-metric span,
    html[data-theme="void"] .weekly-owner-metric small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .weekly-owner-metric strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .weekly-owner-projected {
        background: #17290b !important;
    }

    html[data-theme="void"] .weekly-owner-projected strong {
        color: #49bf77 !important;
    }

    html[data-theme="void"] .weekly-owner-warning {
        background: #2b240c !important;
    }

    html[data-theme="void"] .weekly-owner-warning strong {
        color: #ffd166 !important;
    }

    html[data-theme="void"] .weekly-refresh-chip,
    html[data-theme="void"] .build-table-footer-bar {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-table-footer-bar .build-filter-summary,
    html[data-theme="void"] .build-table-footer-bar .filter-note,
    html[data-theme="void"] .build-table-footer-bar .saved-auto-summary,
    html[data-theme="void"] .build-table-footer-bar span {
        color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .build-table-footer-bar strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .build-table-footer-bar .build-filter-summary > span + span {
        border-left-color: var(--volt-border-2) !important;
    }

    /* Electrical 1099 calculated-total card. */
    html[data-theme="void"] .electrical-entry-total {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .electrical-entry-total span,
    html[data-theme="void"] .electrical-entry-total small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .electrical-entry-total output {
        color: var(--volt-text-1) !important;
    }

    /* Payroll History tabs: active lime tab must use dark text. */
    html[data-theme="void"] .payroll-history-tabs {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .payroll-history-tabs a {
        color: var(--volt-text-1) !important;
        border-color: transparent !important;
        background: transparent !important;
    }

    html[data-theme="void"] .payroll-history-tabs a span {
        color: inherit !important;
    }

    html[data-theme="void"] .payroll-history-tabs a small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .payroll-history-tabs a:hover,
    html[data-theme="void"] .payroll-history-tabs a:focus-visible {
        color: #eaffcc !important;
        border-color: #527d28 !important;
        background: #1a2b0e !important;
        transform: translateY(-1px);
    }

    html[data-theme="void"] .payroll-history-tabs a.active {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-600) !important;
        box-shadow: 0 3px 10px rgba(53, 170, 99, .18) !important;
    }

    html[data-theme="void"] .payroll-history-tabs a.active span,
    html[data-theme="void"] .payroll-history-tabs a.active small {
        color: #071005 !important;
    }

    /* Pricing section navigation. */
    html[data-theme="void"] .pricing-hub-group {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .pricing-hub-group.active {
        border-color: #527d28 !important;
        box-shadow: 0 0 0 2px rgba(166, 245, 32, .08) !important;
    }

    html[data-theme="void"] .pricing-hub-group-heading,
    html[data-theme="void"] .pricing-hub-group.active .pricing-hub-group-heading {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .pricing-hub-group.active .pricing-hub-group-heading {
        background: #18260f !important;
    }

    html[data-theme="void"] .pricing-hub-group-heading strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .pricing-hub-group-heading small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .pricing-hub-links a {
        color: var(--volt-text-2) !important;
        border-color: transparent !important;
        background: transparent !important;
    }

    html[data-theme="void"] .pricing-hub-links a:hover,
    html[data-theme="void"] .pricing-hub-links a:focus-visible {
        color: #eaffcc !important;
        border-color: #527d28 !important;
        background: #1a2b0e !important;
    }

    html[data-theme="void"] .pricing-hub-links a.active {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-600) !important;
    }

    /* Pricing percentage/rate disclosures and their count/expand controls. */
    html[data-theme="void"] .pricing-percentage-block,
    html[data-theme="void"] .pricing-rate-block {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .pricing-percentage-block > summary,
    html[data-theme="void"] .pricing-percentage-block[open] > summary,
    html[data-theme="void"] .pricing-rate-block > summary,
    html[data-theme="void"] .pricing-rate-block[open] > summary {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .pricing-percentage-block > summary strong,
    html[data-theme="void"] .pricing-rate-block > summary strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .pricing-percentage-block > summary small,
    html[data-theme="void"] .pricing-rate-block > summary small,
    html[data-theme="void"] .pricing-rate-block-body > p {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .pricing-percentage-block > summary::after,
    html[data-theme="void"] .pricing-rate-block > summary::after {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #0d120d !important;
    }

    html[data-theme="void"] .pricing-percentage-block-body,
    html[data-theme="void"] .pricing-rate-block-body {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .pricing-block-count,
    html[data-theme="void"] .pricing-source-badge,
    html[data-theme="void"] .pricing-readonly-note {
        color: #cfff84 !important;
        border-color: #466b24 !important;
        background: #17290b !important;
    }

    html[data-theme="void"] .pricing-money-field,
    html[data-theme="void"] .pricing-inline-add-form,
    html[data-theme="void"] .standard-build-summary-grid > div,
    html[data-theme="void"] .standard-style-heading,
    html[data-theme="void"] .standard-build-no-selection,
    html[data-theme="void"] .retail-source-guide > div,
    html[data-theme="void"] .catalog-definition-policy,
    html[data-theme="void"] .standard-style-policy-summary {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .pricing-tab,
    html[data-theme="void"] .pricing-page-link,
    html[data-theme="void"] .catalog-row-edit,
    html[data-theme="void"] .retail-row-action {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .pricing-tab:hover,
    html[data-theme="void"] .pricing-page-link:hover,
    html[data-theme="void"] .catalog-row-edit:hover,
    html[data-theme="void"] .retail-row-action:hover {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-500) !important;
    }

    html[data-theme="void"] .pricing-tab.active,
    html[data-theme="void"] .pricing-page-link.active {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-600) !important;
    }
}


@media screen {
    /* Shared Pricing panels and inherited light surfaces. */
    html[data-theme="void"] .pricing-rate-panel,
    html[data-theme="void"] .pricing-retail-panel,
    html[data-theme="void"] .pricing-standard-panel,
    html[data-theme="void"] .pricing-catalog-panel,
    html[data-theme="void"] .pricing-install-panel,
    html[data-theme="void"] .pricing-rate-field,
    html[data-theme="void"] .pricing-filter-bar,
    html[data-theme="void"] .pricing-inline-add-form,
    html[data-theme="void"] .pricing-retail-add,
    html[data-theme="void"] .standard-build-add-style,
    html[data-theme="void"] .standard-style-settings,
    html[data-theme="void"] .standard-item-add,
    html[data-theme="void"] .standard-build-filter,
    html[data-theme="void"] .standard-style-list,
    html[data-theme="void"] .standard-style-heading,
    html[data-theme="void"] .standard-style-policy-summary,
    html[data-theme="void"] .standard-build-no-selection,
    html[data-theme="void"] .standard-catalog-card,
    html[data-theme="void"] .catalog-definition-policy,
    html[data-theme="void"] .catalog-edit-note,
    html[data-theme="void"] .catalog-edit-actions {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .pricing-rate-field,
    html[data-theme="void"] .pricing-filter-bar,
    html[data-theme="void"] .standard-build-filter,
    html[data-theme="void"] .standard-style-heading,
    html[data-theme="void"] .standard-style-policy-summary,
    html[data-theme="void"] .standard-style-policy-summary > div,
    html[data-theme="void"] .standard-catalog-card,
    html[data-theme="void"] .catalog-edit-note,
    html[data-theme="void"] .catalog-edit-actions {
        background: var(--volt-surface-2) !important;
    }

    /* Disclosure headings that were still white/cream. */
    html[data-theme="void"] .pricing-retail-add > summary,
    html[data-theme="void"] .pricing-retail-add[open] > summary,
    html[data-theme="void"] .standard-build-add-style > summary,
    html[data-theme="void"] .standard-build-add-style[open] > summary,
    html[data-theme="void"] .standard-style-settings > summary,
    html[data-theme="void"] .standard-style-settings[open] > summary,
    html[data-theme="void"] .standard-item-add > summary,
    html[data-theme="void"] .standard-item-add[open] > summary {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: #182117 !important;
    }

    html[data-theme="void"] .pricing-retail-add > summary strong,
    html[data-theme="void"] .standard-build-add-style > summary strong,
    html[data-theme="void"] .standard-style-settings > summary strong,
    html[data-theme="void"] .standard-item-add > summary strong {
        color: #cfff84 !important;
    }

    html[data-theme="void"] .pricing-retail-add > summary small,
    html[data-theme="void"] .standard-build-add-style > summary small,
    html[data-theme="void"] .standard-style-settings > summary small,
    html[data-theme="void"] .standard-item-add > summary small {
        color: var(--volt-text-3) !important;
    }

    /* Forms and field labels throughout Pricing. */
    html[data-theme="void"] .pricing-rate-field > span:first-child,
    html[data-theme="void"] .pricing-retail-add-form label > span:first-child,
    html[data-theme="void"] .standard-style-add-form label > span,
    html[data-theme="void"] .standard-style-edit-form label > span,
    html[data-theme="void"] .standard-item-add-form label > span,
    html[data-theme="void"] .standard-style-policy-form label > span,
    html[data-theme="void"] .retail-active-field,
    html[data-theme="void"] .standard-wide-quantity small {
        color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .pricing-rate-field small,
    html[data-theme="void"] .pricing-section-heading p,
    html[data-theme="void"] .pricing-rate-footer p,
    html[data-theme="void"] .standard-style-policy-form label > small,
    html[data-theme="void"] .retail-linked-material-cell small,
    html[data-theme="void"] .retail-rate-cell > small,
    html[data-theme="void"] .pricing-retail-source-form label > small {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .pricing-filter-bar input,
    html[data-theme="void"] .pricing-filter-bar select,
    html[data-theme="void"] .pricing-retail-add-form input[type="text"],
    html[data-theme="void"] .pricing-retail-add-form input[type="number"],
    html[data-theme="void"] .pricing-retail-add-form select,
    html[data-theme="void"] .pricing-retail-table input[type="text"],
    html[data-theme="void"] .pricing-retail-table input[type="number"],
    html[data-theme="void"] .pricing-retail-table select,
    html[data-theme="void"] .standard-style-add-form input,
    html[data-theme="void"] .standard-style-add-form textarea,
    html[data-theme="void"] .standard-style-edit-form input,
    html[data-theme="void"] .standard-style-edit-form textarea,
    html[data-theme="void"] .standard-item-add-form input,
    html[data-theme="void"] .standard-item-add-form select,
    html[data-theme="void"] .standard-style-policy-form select,
    html[data-theme="void"] .standard-items-table input,
    html[data-theme="void"] .standard-items-table select,
    html[data-theme="void"] .standard-build-filter input,
    html[data-theme="void"] .standard-build-filter select {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #0d120d !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .pricing-filter-bar input::placeholder,
    html[data-theme="void"] .pricing-retail-add-form input::placeholder,
    html[data-theme="void"] .pricing-retail-table input::placeholder,
    html[data-theme="void"] .standard-style-add-form input::placeholder,
    html[data-theme="void"] .standard-style-add-form textarea::placeholder,
    html[data-theme="void"] .standard-style-edit-form input::placeholder,
    html[data-theme="void"] .standard-style-edit-form textarea::placeholder,
    html[data-theme="void"] .standard-item-add-form input::placeholder,
    html[data-theme="void"] .standard-items-table input::placeholder,
    html[data-theme="void"] .standard-build-filter input::placeholder {
        color: #778472 !important;
        opacity: 1 !important;
    }

    html[data-theme="void"] .pricing-filter-bar input:focus,
    html[data-theme="void"] .pricing-filter-bar select:focus,
    html[data-theme="void"] .pricing-retail-add-form input:focus,
    html[data-theme="void"] .pricing-retail-add-form select:focus,
    html[data-theme="void"] .pricing-retail-table input:focus,
    html[data-theme="void"] .pricing-retail-table select:focus,
    html[data-theme="void"] .standard-style-add-form input:focus,
    html[data-theme="void"] .standard-style-add-form textarea:focus,
    html[data-theme="void"] .standard-style-edit-form input:focus,
    html[data-theme="void"] .standard-style-edit-form textarea:focus,
    html[data-theme="void"] .standard-item-add-form input:focus,
    html[data-theme="void"] .standard-item-add-form select:focus,
    html[data-theme="void"] .standard-style-policy-form select:focus,
    html[data-theme="void"] .standard-items-table input:focus,
    html[data-theme="void"] .standard-items-table select:focus,
    html[data-theme="void"] .standard-build-filter input:focus,
    html[data-theme="void"] .standard-build-filter select:focus {
        border-color: var(--orange-500) !important;
        box-shadow: 0 0 0 2px rgba(166, 245, 32, .17) !important;
    }

    html[data-theme="void"] .pricing-percent-control,
    html[data-theme="void"] .retail-rate-control {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #0d120d !important;
    }

    html[data-theme="void"] .pricing-percent-control strong,
    html[data-theme="void"] .retail-rate-control strong {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-3) !important;
    }

    html[data-theme="void"] .pricing-percent-control input:disabled,
    html[data-theme="void"] .retail-rate-control input[type="number"]:disabled,
    html[data-theme="void"] .standard-linked-field,
    html[data-theme="void"] .pricing-retail-source-table select:disabled,
    html[data-theme="void"] .pricing-retail-source-table input:disabled,
    html[data-theme="void"] .pricing-retail-source-form select:disabled,
    html[data-theme="void"] .pricing-retail-source-form input:disabled {
        color: #9aa695 !important;
        border-color: #303a2e !important;
        background: #151b15 !important;
    }

    /* Build Definitions: eliminate navy-on-black text and white cards. */
    html[data-theme="void"] .standard-build-summary-grid > div {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .standard-build-summary-grid strong {
        color: #b8ff47 !important;
    }

    html[data-theme="void"] .standard-build-summary-grid span,
    html[data-theme="void"] .standard-style-heading p:last-child,
    html[data-theme="void"] .standard-style-empty,
    html[data-theme="void"] .standard-style-link small,
    html[data-theme="void"] .standard-style-link em {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .standard-style-heading h3,
    html[data-theme="void"] .standard-style-link strong,
    html[data-theme="void"] .standard-style-policy-summary strong,
    html[data-theme="void"] .standard-catalog-card-heading strong,
    html[data-theme="void"] .standard-catalog-size-list strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .standard-style-policy-summary span,
    html[data-theme="void"] .standard-catalog-card-heading small,
    html[data-theme="void"] .standard-catalog-empty {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .standard-style-policy-summary > div {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: #111711 !important;
    }

    html[data-theme="void"] .standard-style-policy-summary .standard-style-truss-note {
        color: #ffe08c !important;
        border-color: #66551d !important;
        background: #24200d !important;
    }

    html[data-theme="void"] .standard-style-link {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: #101510 !important;
    }

    html[data-theme="void"] .standard-style-link:hover,
    html[data-theme="void"] .standard-style-link:focus-visible {
        background: #192319 !important;
    }

    html[data-theme="void"] .standard-style-link.active {
        box-shadow: inset 4px 0 0 var(--orange-500) !important;
        background: #1b2b10 !important;
    }

    /* Pricing tables: dark rows, readable headings, and consistent borders. */
    html[data-theme="void"] .pricing-table-wrap,
    html[data-theme="void"] .standard-items-table-wrap {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .pricing-table,
    html[data-theme="void"] .pricing-table tbody,
    html[data-theme="void"] .pricing-table tbody tr,
    html[data-theme="void"] .pricing-table tbody td {
        color: var(--volt-text-1) !important;
        background: #101510 !important;
    }

    html[data-theme="void"] .pricing-table th,
    html[data-theme="void"] .pricing-table td {
        border-color: var(--volt-border-1) !important;
    }

    html[data-theme="void"] .pricing-table thead th {
        color: #dbe6d6 !important;
        background: #182018 !important;
    }

    html[data-theme="void"] .pricing-table tbody tr:nth-child(even),
    html[data-theme="void"] .pricing-table tbody tr:nth-child(even) td {
        background: #131913 !important;
    }

    html[data-theme="void"] .pricing-table tbody tr:hover,
    html[data-theme="void"] .pricing-table tbody tr:hover td,
    html[data-theme="void"] .pricing-retail-table tbody tr:hover td,
    html[data-theme="void"] .standard-items-table tbody tr:hover td {
        background: #1a2419 !important;
    }

    html[data-theme="void"] .pricing-table .total-column {
        background: #17220f !important;
    }

    html[data-theme="void"] .pricing-style-cell strong,
    html[data-theme="void"] .pricing-table td > strong {
        color: var(--volt-text-1) !important;
    }

    /* Retail Options source guide and row controls. */
    html[data-theme="void"] .retail-source-guide > div {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .retail-source-guide strong {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .retail-source-guide span,
    html[data-theme="void"] .retail-inline-multiplier > span,
    html[data-theme="void"] .retail-linked-material-control > b {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .retail-row-locked input:not([type="hidden"]),
    html[data-theme="void"] .retail-row-locked select,
    html[data-theme="void"] .retail-row-locked textarea {
        color: #c6d0c1 !important;
        border-color: #303a2e !important;
        background: #151b15 !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .retail-row-locked .retail-linked-material-control,
    html[data-theme="void"] .retail-row-locked .retail-rate-control,
    html[data-theme="void"] .retail-row-locked .retail-active-field {
        opacity: 1 !important;
    }

    html[data-theme="void"] .retail-row-locked [data-retail-save-status],
    html[data-theme="void"] .retail-autosave-status {
        color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .retail-option-inactive td {
        color: #8f9a8b !important;
        background: #0d120d !important;
    }

    html[data-theme="void"] .retail-status-badge.active,
    html[data-theme="void"] .standard-retail-reference.linked,
    html[data-theme="void"] .standard-labor-reference.linked {
        color: #cfff84 !important;
        border: 1px solid #466b24 !important;
        background: #17290b !important;
    }

    html[data-theme="void"] .retail-status-badge.inactive,
    html[data-theme="void"] .standard-retail-reference.reference-only,
    html[data-theme="void"] .standard-labor-reference.unlinked,
    html[data-theme="void"] .catalog-pay-mode.none {
        color: var(--volt-text-2) !important;
        border: 1px solid var(--volt-border-2) !important;
        background: var(--volt-surface-3) !important;
    }

    html[data-theme="void"] .standard-retail-reference.tbd {
        color: #ffd98a !important;
        border: 1px solid #68531a !important;
        background: #2a220c !important;
    }

    html[data-theme="void"] .retail-row-action,
    html[data-theme="void"] .pricing-delete-icon {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .retail-edit-icon:hover,
    html[data-theme="void"] .retail-edit-icon:focus-visible,
    html[data-theme="void"] .retail-edit-icon[aria-pressed="true"] {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-500) !important;
    }

    html[data-theme="void"] .retail-delete-icon,
    html[data-theme="void"] .pricing-delete-icon {
        color: #ff8f86 !important;
    }

    html[data-theme="void"] .retail-delete-icon:hover,
    html[data-theme="void"] .retail-delete-icon:focus-visible,
    html[data-theme="void"] .pricing-delete-icon:hover,
    html[data-theme="void"] .pricing-delete-icon:focus-visible {
        color: #fff !important;
        border-color: #ff7469 !important;
        background: #7d211a !important;
    }

    html[data-theme="void"] .catalog-definition-policy.has-definition,
    html[data-theme="void"] .standard-catalog-card {
        color: #d8e6d2 !important;
        border-color: #52682d !important;
        background: #17200f !important;
    }
}

/* Keep the ten-column Retail Options editor readable on desktop. The prior
   fit-to-window rule compressed fields and made the table appear broken. */
@media screen and (min-width: 981px) {
    html[data-theme="void"] .pricing-retail-panel .pricing-table-wrap {
        overflow-x: auto !important;
        overflow-y: visible !important;
        scrollbar-color: #63755d #111711;
    }

    html[data-theme="void"] .pricing-retail-source-table,
    html[data-theme="void"] .pricing-retail-table {
        width: 100% !important;
        min-width: 1640px !important;
        table-layout: fixed !important;
    }

    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(1) { width: 72px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(2) { width: 130px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(3) { width: 180px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(4) { width: 140px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(5) { width: 145px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(6) { width: 330px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(7) { width: 160px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(8) { width: 160px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(9) { width: 190px !important; }
    html[data-theme="void"] .pricing-retail-source-table.is-editable th:nth-child(10) { width: 95px !important; }

    html[data-theme="void"] .pricing-retail-source-table th,
    html[data-theme="void"] .pricing-retail-source-table td {
        overflow: visible !important;
        overflow-wrap: normal !important;
    }

    html[data-theme="void"] .pricing-retail-source-table thead th {
        white-space: nowrap !important;
    }

    html[data-theme="void"] .pricing-retail-source-table input[type="text"],
    html[data-theme="void"] .pricing-retail-source-table input[type="number"],
    html[data-theme="void"] .pricing-retail-source-table select {
        min-height: 31px !important;
        padding: .28rem .4rem !important;
        font-size: 8.4pt !important;
    }

    html[data-theme="void"] .pricing-retail-source-table .retail-linked-material-control {
        grid-template-columns: minmax(190px, 1fr) auto 72px !important;
        gap: .35rem !important;
    }

    html[data-theme="void"] .pricing-retail-source-table .retail-rate-control strong {
        min-width: 54px !important;
        padding: 0 .38rem !important;
        font-size: 7.7pt !important;
    }
}

@media screen {
    html[data-theme="void"] {
        --volt-surface-1: #0d120d;
        --volt-surface-2: #131a13;
        --volt-surface-3: #192219;
        --volt-border-1: #344132;
        --volt-border-2: #4a5a46;
        --volt-text-1: #f4f8f1;
        --volt-text-2: #c9d2c4;
        --volt-text-3: #a2ae9c;
        --volt-success-bg: #17290b;
        --volt-success-border: #527d28;
        --volt-success-text: #cfff84;
        --volt-warning-bg: #2b240c;
        --volt-warning-border: #76601d;
        --volt-warning-text: #ffe08a;
        --volt-danger-bg: #321410;
        --volt-danger-border: #7d322b;
        --volt-danger-text: #ffaaa3;
        --volt-info-bg: #101e2b;
        --volt-info-border: #365a78;
        --volt-info-text: #b9d9ff;
    }

    html[data-theme="void"] code {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .btn-secondary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .status-badge {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .status-badge.warning {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .alert-success {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .alert-danger {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .alert-info {
        color: var(--volt-info-text) !important;
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .alert-warning {
        color: var(--volt-warning-text) !important;
        border-color: var(--volt-warning-border) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .form-stack label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .form-stack input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inline-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .search-field input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .sidebar-brand {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .sidebar-brand small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .sidebar-footer small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .sidebar-nav a {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .sidebar-footer {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .logout-button {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .logout-button:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .topbar {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .menu-button {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .topbar .privacy-lock-button {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .topbar .privacy-lock-button.locked {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .topbar .privacy-lock-button.unlocked {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .topbar .privacy-lock-button.setup {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-modal-card {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-modal-card > form > header {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .privacy-modal-card > form > footer {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .privacy-modal-card h2 {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-modal-card p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-modal-card .modal-close {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-modal-body label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-modal-body input {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-modal-body small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .privacy-setting-status.enabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-setting-status.disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-information {
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .privacy-information span {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .sidebar-group-toggle {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .sidebar-subnav {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .sidebar-module-copy small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .settings-nav-link {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .module-status-badge {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .account-pin-footer kbd {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-grid th {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .build-grid td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .compact-filter select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .read-only-note {
        color: var(--volt-info-text) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .sort-button:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .sort-button.active {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .sort-button span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .grid-input:hover:not(:disabled) {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .grid-select:hover:not(:disabled) {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .grid-input:focus {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .grid-select:focus {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .save-indicator {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .cell-error {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .grid-action {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .history-link {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .history-summary-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .current-badge {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .hold-badge {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .stage-duration {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .change-event-body p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .serial-input.legend-warning {
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .workflow-modal-card {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .modal-close {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .workflow-modal-body label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .workflow-modal-body input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .workflow-modal-body select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completion-summary {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .warning-summary {
        color: var(--volt-warning-text) !important;
        border-color: var(--volt-warning-border) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .modal-error {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .workflow-modal-footer {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .report-year-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .report-metric {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .reconciled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .reconciliation-warning {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .weekly-note-input:hover:not(:disabled) {
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .weekly-note-input:focus {
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .horizontal-chart-row:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .chart-track {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .table-progress {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .vertical-track {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .quick-report-grid a {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .quick-report-grid a:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .report-year-select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-owner-strip {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-owner-heading {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-owner-metric {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-owner-heading span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-owner-metric span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-owner-metric strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-owner-metric small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .weekly-owner-projected {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-owner-projected strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-owner-warning {
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .weekly-owner-warning strong {
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .build-filter-summary > span + span {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .grid-total-footer th {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .grid-total-footer th:first-child small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .grid-total-footer .amount-column {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .grid-total-footer .save-column {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .grid-total-footer .save-column.has-missing-price {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .workflow-modal-body textarea {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-total-status small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .completed-inline-input {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-inline-input:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-inline-input:focus {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-inline-status {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .completed-inline-status.changed {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .danger-summary {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .danger-summary strong {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .status-cell-actions .delete-build-button {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .completed-row-actions .history-link {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-row-actions button.history-link {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-row-actions .save-completed-inline-button {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-row-actions .edit-completed-button {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-row-actions .reopen-build-button {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-board-notice {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-board-notice small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .privacy-owner-hidden {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .privacy-owner-hidden strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-owner-hidden small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .privacy-masked-summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-masked-price {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-masked-total {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-row-locked {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .privacy-read-only-note {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] body.privacy-locked .editable-build-grid input:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] body.privacy-locked .editable-build-grid select:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .company-week-summary > article {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .company-breakdown-list {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .company-week-summary > article > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .company-week-summary > article > strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .company-week-summary > article > small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .company-breakdown-chip {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .company-breakdown-chip span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .company-breakdown-chip strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .company-breakdown-chip small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .mobile-collapsible-grid tbody tr {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .mobile-collapsible-grid tbody tr.empty-row {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .mobile-collapsible-grid tbody tr.mobile-expanded td:not(:first-child)::before {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .mobile-row-toggle {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .dashboard-chart-controls select {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .dashboard-chart-details article {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .dashboard-chart-details span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .dashboard-chart-details strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .dashboard-chart-details small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .builds-per-month-chart .vertical-value {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .labor-truss-route {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .labor-truss-route label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .truss-route-select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .truss-route-status.is-error {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .truss-route-status.is-saved {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .compact-toggle {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-table-footer-bar {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-table-footer-bar .build-filter-summary > span + span {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .labor-truss-route > summary {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .labor-truss-route-body {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .inspection-print-button {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inspection-print-button:hover {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inspection-print-button:focus-visible {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-column-menu {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-column-menu-heading {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .build-column-menu-option:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-column-menu-option input:disabled + span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .build-column-menu-footer {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .build-column-menu-footer button {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .page-action-dropdown-menu {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .page-action-dropdown-menu a {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .page-action-dropdown-menu a:hover {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .page-action-dropdown-menu a:focus-visible {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .serial-legend-label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .saved-auto-summary {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .negative-summary-card strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .negative-amount {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .positive-amount {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .build-options-meta-form input {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .build-options-meta-form textarea {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .option-entry-form input {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .option-entry-form select {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .replacement-entry-form input {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .replacement-entry-form select {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .option-search-combobox-menu {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .option-search-combobox-option {
        color: var(--volt-text-1) !important;
        border-bottom-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .option-search-combobox-option small,
    html[data-theme="void"] .option-search-combobox-empty,
    html[data-theme="void"] .option-search-combobox-toggle {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .option-search-combobox-option:hover,
    html[data-theme="void"] .option-search-combobox-option.is-active,
    html[data-theme="void"] .option-search-combobox-toggle:hover,
    html[data-theme="void"] .option-search-combobox-toggle:focus-visible {
        background: var(--volt-surface-1) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .option-search-combobox-toggle {
        border-left-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .build-options-meta-form small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .option-entry-form small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .replacement-entry-form small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .options-ledger-table th {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .options-ledger-table td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .options-ledger-table tbody tr:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .options-ledger-table td small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .fully-removed-standard {
        background: var(--volt-danger-bg) !important;
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .option-entry-card > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .option-entry-card[open] > summary {
        border-bottom-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .option-entry-card > summary small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .change-badge.is-add {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .change-badge.is-remove {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .change-badge.is-replace {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .option-form-preview {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .replacement-net-preview {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .option-form-preview.is-negative {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .replacement-side {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .is-remove-side {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .is-add-side {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .replacement-arrow {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .customer-change-total span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .manual-rate-note {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .icon-delete-button {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .icon-delete-button:hover {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .icon-delete-button:focus-visible {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .build-options-safety-note {
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .delete-option-change-card header {
        border-color: var(--volt-danger-border) !important;
    }
    html[data-theme="void"] .delete-option-change-card footer {
        border-color: var(--volt-danger-border) !important;
    }
    html[data-theme="void"] .modal-warning-copy {
        background: var(--volt-warning-bg) !important;
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .payroll-option-preview-grid article {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-option-preview-grid span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-option-preview-grid strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-option-preview-grid small,
    html[data-theme="void"] .payroll-option-breakdown-line small,
    html[data-theme="void"] .payroll-option-routing-note {
        color: var(--volt-text-2) !important;
    }
    html[data-theme="void"] .payroll-option-breakdown {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .payroll-sync-actions {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .payroll-sync-actions > div span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-sync-actions > div small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .payroll-sync-replace-option {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .export-section > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-section > summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-section > summary:focus-visible {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-section[open] > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-section-body {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .export-section-body .export-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-refresh-chip {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .row-icon-action {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-row-actions .row-icon-action {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-row-actions button.row-icon-action {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .worksheet-meta-chip {
        color: var(--volt-text-3) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .option-entry-card > summary::after {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .build-view-summary-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-view-detail-grid {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-view-detail-grid > div {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .build-view-notes {
        color: var(--volt-info-text) !important;
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .completed-email-filter-summary article {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .completed-email-filter-summary span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .completed-email-filter-summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .completed-email-full-field > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .completed-email-configuration-warning {
        background: var(--volt-warning-bg) !important;
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .completed-email-configuration-warning a {
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .completed-email-success {
        border-color: var(--volt-success-border) !important;
        background: var(--volt-success-bg) !important;
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .settings-tabs {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .settings-menu-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .settings-row-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .stage-editor label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .priority-editor label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .form-grid label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .settings-row-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .stage-editor input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .stage-editor select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .priority-editor input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .form-grid input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .form-grid select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .general-settings-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .general-settings-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .user-edit-layout input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .user-edit-layout select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .sticky-save-bar {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .role-badge {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .role-administrator {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .status-active {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .status-inactive {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .status-locked {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .legend-output-example {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .legend-help {
        color: var(--volt-text-3) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .legend-edit-row input[type="text"] {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .legend-edit-row input[type="number"] {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .builder-summary-grid > div {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .builder-add-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-row-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-add-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-add-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-row-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-row-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-check {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-card {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .builder-card.is-inactive {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-usage {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-status-text.is-active {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .builder-status-text.is-inactive {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-usage small::before {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .builder-job-types-field {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-job-types-field legend {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-job-type-option {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-job-type-option:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-job-type-option span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-job-badge {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-default-card {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-route-badge {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-route-badge.is-valid {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-route-badge.is-warning {
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .payroll-default-select {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-default-select select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-roofer-split input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-roofer-row {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-roofer-split {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-route-empty {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-card-summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-card[open] > .builder-card-summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-summary-identity strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-summary-usage strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-card-body {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-card.is-inactive > .builder-card-summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-card.is-inactive > .builder-card-body {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-compensation-fieldset {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-rule-row {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-rule-row.is-inactive {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-rule-row.is-new {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-rule-row .builder-check {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-rule-delete {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .settings-disclosure-summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .settings-disclosure-summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .settings-disclosure[open] > .settings-disclosure-summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .settings-disclosure-action {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-section-badge {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .settings-disclosure-body {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-edit-section {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-types-disclosure {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-edit-section > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-types-disclosure > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-edit-section > summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-edit-section[open] > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-types-disclosure > summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-types-disclosure[open] > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-edit-section-body {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .weekly-pay-types-disclosure .weekly-rule-list {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .member-form-actions {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .member-card-footer {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .weekly-pay-type-preset {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .permission-admin-badge {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .inventory-permission-group {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-permission-group legend {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .inventory-permission-option + .inventory-permission-option {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .inventory-permission-option:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .permission-footnote {
        background: var(--volt-info-bg) !important;
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .settings-warning-box {
        background: var(--volt-warning-bg) !important;
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .build-default-fields {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .email-configuration-status.ready {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
        border-color: var(--volt-success-border) !important;
    }
    html[data-theme="void"] .email-configuration-status.not-ready {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .email-smtp-settings {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .email-test-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-hub-group {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-hub-group-heading {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-hub-group.active .pricing-hub-group-heading {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .pricing-hub-group-heading strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-hub-links a {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-hub-links a:hover {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .module-status-badge.warning {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .pricing-source-badge {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-readonly-note {
        color: var(--volt-info-text) !important;
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .pricing-rate-field {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-rate-field > span:first-child {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-percent-control {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-percent-control input:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-percent-control strong {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-filter-bar {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-filter-bar input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-filter-bar select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-table {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-table th {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .pricing-table td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .pricing-table thead th {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-table tbody tr:nth-child(even) {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-table tbody tr:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-style-cell strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-page-link {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-page-gap {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-page-link:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-rate-block {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-rate-block > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-rate-block > summary::after {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-rate-block > summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-block-count {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-money-field {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-money-field > span:first-child {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-money-control {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-money-control strong {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-money-control input:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-table tbody tr {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-table tbody td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .pricing-table tbody td::before {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-table tbody .pricing-style-cell {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-tab {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-tab:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-percentage-block {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-percentage-block > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-percentage-block > summary::after {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-percentage-block > summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-retail-add {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-add > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-add > summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-retail-add-form label > span:first-child {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-retail-add-form input[type="text"] {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-add-form input[type="number"] {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-add-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-table input[type="text"] {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-table input[type="number"] {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-table select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-rate-control {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-rate-control input[type="number"]:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-rate-control strong {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-active-field {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .pricing-retail-table tbody tr:hover td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-table .retail-option-inactive td {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-status-badge.active {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .retail-status-badge.inactive {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-summary-grid > div {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-summary-grid strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-build-add-style {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-settings {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-item-add {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-add-style > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-settings > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-item-add > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-add-style > summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-settings > summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-item-add > summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-add-form label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-edit-form label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-item-add-form label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-add-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-add-form textarea {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-edit-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-edit-form textarea {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-item-add-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-item-add-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-items-table input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-items-table select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-filter input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-filter select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-linked-field {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .standard-build-filter {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-list {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-link {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-link:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-link.active {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .standard-style-link strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-link em {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-heading {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-heading h3 {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-items-table tbody tr:hover td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-retail-reference.linked {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .standard-retail-reference.tbd {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .standard-retail-reference.reference-only {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-build-no-selection {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-delete-icon {
        border-color: var(--volt-danger-border) !important;
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .pricing-delete-icon:hover {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .pricing-delete-icon:focus-visible {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .pricing-inline-add {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .pricing-inline-add > summary {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-inline-add > summary small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .pricing-inline-add-form {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-autosave-status {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .retail-autosave-status[data-state="saving"] {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .retail-autosave-status[data-state="changed"] {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .retail-autosave-status[data-state="saved"] {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .retail-autosave-status[data-state="error"] {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .standard-catalog-card {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-catalog-card-heading strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-catalog-card-heading small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .standard-catalog-empty {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-catalog-size-list a {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-catalog-size-list a:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-catalog-size-list strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-setup-dialog {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-setup-form {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-dialog-heading {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-dialog-heading h3 {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-dialog-heading p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-dialog-footer p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-dialog-close {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-dialog-close:hover {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-dialog-close:focus-visible {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-setup-grid label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-setup-grid input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-setup-grid select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-template-rate {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-pay-switches {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-pay-switches legend {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-pay-switches label {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-dialog-footer {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-delete-dialog-card {
        background: var(--volt-danger-bg) !important;
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .pricing-delete-dialog-icon {
        background: var(--volt-danger-bg) !important;
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .pricing-delete-dialog-name {
        border-color: var(--volt-danger-border) !important;
        background: var(--volt-danger-bg) !important;
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .pricing-delete-dialog-warning {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .retail-source-guide > div {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-source-guide strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .retail-inline-multiplier > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-retail-source-table select:disabled {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-source-table input:disabled {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-source-form select:disabled {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .pricing-retail-source-form input:disabled {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-linked-material-control > b {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .retail-row-locked input:not([type="hidden"]) {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .retail-row-locked select {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .retail-row-locked textarea {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .retail-row-locked [data-retail-save-status] {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-retail-source-table tbody td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .pricing-retail-source-table tbody td:nth-child(odd) {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .pricing-retail-source-table .retail-edit-cell {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-row-action {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-edit-icon {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .retail-edit-icon:hover {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-edit-icon:focus-visible {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-edit-icon[aria-pressed="true"] {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .retail-delete-icon {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .retail-delete-icon:hover {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .retail-delete-icon:focus-visible {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .pricing-retail-source-table tbody td::before {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .pricing-inline-warning {
        border-color: var(--volt-warning-border) !important;
        background: var(--volt-warning-bg) !important;
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .pricing-inline-warning span {
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .catalog-row-edit {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-row-edit:hover {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-row-edit:focus-visible {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-manual-badge {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-edit-dialog {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-edit-form {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-edit-heading {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-edit-heading h3 {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-edit-heading p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-edit-field {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-edit-field small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .catalog-money-input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-money-input b {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-edit-note {
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .catalog-edit-note strong {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .catalog-edit-note span {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .catalog-edit-actions {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-policy-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-policy-summary {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-policy-summary > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-style-policy-summary span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-policy-summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .standard-style-policy-summary .standard-style-truss-note {
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .catalog-pay-mode.included {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .catalog-pay-mode.none {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .catalog-needs-value {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .catalog-definition-policy {
        border-color: var(--volt-border-1) !important;
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-definition-policy.has-definition {
        border-color: var(--volt-border-1) !important;
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .catalog-edit-field.is-mode-locked input {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .standard-labor-reference.linked {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .standard-labor-reference.unlinked {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-period-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-selectors label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-period-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-form textarea {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-selectors select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-table thead th {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-status-pending {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .payroll-status-ready {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-foundation-note {
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .payroll-table tr {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-empty-row td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-option-help {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-money-input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-move-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-remove-button {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-remove-button:hover:not(:disabled) {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-save-state-dirty {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .payroll-save-state-saving {
        color: var(--volt-info-text) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .payroll-save-state-saved {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-save-state-error {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-icon {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-icon:hover {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-icon:focus-visible {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-modal-card {
        border-color: var(--volt-danger-border) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-modal-card > form > footer {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-modal-card .modal-close:hover {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-modal-card .modal-close:focus-visible {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-modal-icon {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-delete-row-summary {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-removed-section {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-removed-row {
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-restore-locked {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-entry {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-entry > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-manual-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-form textarea {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-row-title strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-manual-row-notes {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .payroll-manual-form {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-table tfoot tr.weekly-additional-row td {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-table tbody tr {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-table tbody tr {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-table tbody td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .payroll-table tbody td::before {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-payroll-table tfoot {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-table tfoot tr.weekly-additional-row {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-status-badge.paid {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-single-selector label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-single-selector select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-delete-icon {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-period-delete-icon:hover {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-period-delete-icon:focus-visible {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .payroll-period-delete-modal .payroll-delete-row-summary small {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .payroll-run-reset-icon {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-run-reset-confirmation {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-run-reset-confirmation input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-run-reset-warning {
        color: var(--volt-warning-text) !important;
        border-color: var(--volt-warning-border) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .weekly-pay-breakdown > div {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-hours-form {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-hours-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-add-saved-rule-form label {
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .weekly-earning-card label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-custom-earning-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-hours-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-add-saved-rule-form select {
        border-color: var(--volt-success-border) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .weekly-earning-card input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-earning-card select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-custom-earning-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-custom-earning-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-hours-form input[readonly] {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-earning-card input[readonly] {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-earning-card select:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-add-saved-rule-form {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .weekly-earning-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-guarantee-check {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-custom-earning-panel {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-guarantee-summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-guarantee-summary p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-currency-control {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-currency-control > span:first-child {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-currency-control:has(input[readonly]) {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-currency-control:has(input[readonly]) > span:first-child {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-currency-control input[readonly] {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-profit-summary {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-profit-summary strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-status {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-status-open {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-status-review {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-status-finalized {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-status-paid {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-total {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-builds {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .universal-weekly-summary .weekly-summary-labor {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-collapsible {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-collapsible-summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-pay-collapsible[open] .weekly-pay-collapsible-summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-section-chevron {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-workspace-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-selector-empty {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-open {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-review {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-finalized {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-status-paid {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-total {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-ready {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-pending {
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .payroll-period-summary-grid .payroll-summary-approved {
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .payroll-serial-value {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-serial-number {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-identity-separator {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-build-identity .payroll-serial-value {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-row-icon-compact {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-move-icon {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-row-icon-compact:hover {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-row-icon-compact:focus-visible {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-move-icon:hover {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-move-icon:focus-visible {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-move-modal-icon {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-member-note-editor input {
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .payroll-member-note-display {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .payroll-note-save-state-dirty {
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .payroll-note-save-state-saving {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .payroll-note-save-state-saved {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .payroll-note-save-state-error {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):hover > td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):focus-within > td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):hover > td:first-child {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):focus-within > td:first-child {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):hover .payroll-serial-value {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):hover .payroll-serial-number {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):focus-within .payroll-serial-value {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-worker-sheet .payroll-table tbody tr:not(.payroll-empty-row):focus-within .payroll-serial-number {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .weekly-finalize-warning {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .payroll-status-badge.open {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-status-badge.reopened {
        color: var(--volt-info-text) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .payroll-status-badge.approved {
        color: var(--volt-info-text) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .weekly-labor-row-pending > td {
        color: var(--volt-warning-text) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .weekly-pending-pay {
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .payroll-status-paid {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .payroll-status-approved {
        color: var(--volt-info-text) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .weekly-run-hour-grid > div {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-run-guarantee-summary > div {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-history-tabs a:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-history-tabs a:focus-visible {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-current-crew {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-crew-chips span {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-crew-form-heading label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .electrical-crew-notes {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .electrical-entry-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .electrical-edit-form label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .electrical-crew-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-entry-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-edit-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-worker-option {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-worker-split input:disabled {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-crew-total.is-valid {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-crew-total.is-invalid {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .electrical-entry-total {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-edit-form {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-crew-panel .settings-disclosure-action {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .electrical-duplicate-check {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .electrical-edit-form .builder-check {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-manual-entry-body {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-labor-rate-panel {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-flat-entry {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-panel-heading {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-manual-panel-heading strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-pricing-source-badge {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-labor-calculation {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-labor-calculation strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-labor-calculation > b {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-labor-calculation .payroll-labor-total strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-manual-rate-note {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .payroll-flat-entry > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-flat-entry[open] > summary {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-labor-calculation .payroll-labor-total {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .builder-payroll-main-table tfoot .payroll-main-total-row td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .builder-payroll-main-table tfoot .payroll-main-total-row td:first-child {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-payroll-main-table tfoot [data-payroll-worker-option-total] {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .builder-payroll-main-table tfoot [data-payroll-worker-total] {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-removal-reason select {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-serial-search input[type="search"] {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-serial-search-feedback {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .payroll-period-workspace-collapsible > summary:hover {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-workspace-collapsible > summary:focus-visible {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-workspace-collapsible[open] > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-period-workspace-chevron {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-removal-reason textarea {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .payroll-reopen-modal-icon {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-reopen-confirmation {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-revision-banner.superseded {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-revision-banner.current {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-revision-nav {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .weekly-payroll-revision-nav a {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .simple-inventory-toolbar label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-filter-bar label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inline-form label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-product-create label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-dialog label > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-toolbar select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-toolbar input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-filter-bar input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-filter-bar select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inline-form input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inline-form select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-form-grid input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-form-grid select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-form-grid textarea {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table select {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table input:disabled {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table select:disabled {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-compare-label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-create-period-popover {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-summary-grid article {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-building-cards article {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .profit-calculation-strip article {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-summary-grid span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-building-cards span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .profit-calculation-strip span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-building-cards small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .simple-table-panel {
        background: var(--volt-surface-2) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table th {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-report-table th {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-report-table td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table thead th {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-report-table thead th {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-inventory-table tfoot th {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .simple-inventory-table tfoot td {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .simple-inventory-table td small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .money-input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .money-input b {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .value-up {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .value-down {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .autosave-status {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .autosave-status.error {
        color: var(--volt-danger-text) !important;
    }
    html[data-theme="void"] .simple-page-number {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .simple-section-heading p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-dialog-card {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-dialog-card .modal-close {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-form-message {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-margin-badge.good {
        background: var(--volt-success-bg) !important;
        color: var(--volt-success-text) !important;
    }
    html[data-theme="void"] .simple-margin-badge.low {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-margin-badge.loss {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .group-name-row {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-dashboard-summary article small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .inventory-total-card {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-dashboard-list > div {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .inventory-dashboard-list span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .inventory-dashboard-compare > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-dashboard-compare span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .inventory-profit-snapshot span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .inventory-profit-snapshot > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-profit-snapshot .healthy {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-profit-snapshot .review {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-profit-snapshot .low {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-profit-snapshot .loss {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .inventory-profit-note {
        color: var(--volt-info-text) !important;
    }
    html[data-theme="void"] .inventory-dashboard-quick-links a {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .inventory-dashboard-quick-links span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .group-add-row {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .group-add-row label span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .group-name-row.is-inactive {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .group-name-main small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .simple-material-pricing-table tbody tr {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .simple-material-pricing-table tbody td {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-material-pricing-table tbody td:nth-child(2) {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-material-pricing-table tbody td:nth-child(4) {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .simple-material-pricing-table tbody td::before {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .simple-material-pricing-table tbody td:first-child {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .material-transfer-panel > summary::after {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-transfer-panel > summary small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .material-transfer-body {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .material-transfer-instructions {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .material-transfer-instructions ol {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-file-picker > span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-file-picker input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .material-file-picker small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .material-create-toggle {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-import-preview {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .material-import-preview > header span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-import-table td small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .material-import-row.attention {
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .material-import-row.new {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .material-import-status.update {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-import-status.new {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-import-status.unchanged {
        background: var(--volt-surface-2) !important;
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .material-import-status.attention {
        background: var(--volt-warning-bg) !important;
        color: var(--volt-warning-text) !important;
    }
    html[data-theme="void"] .howto-welcome {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-permission-summary span {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-permission-summary .allowed {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-permission-summary .limited {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-search-field {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-search-field input {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-flow article {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-section details > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-section details[open] > summary {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-section-body p {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-definition-grid > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-troubleshooting-grid > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-steps {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-bullets {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-callout {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-callout span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-callout.important {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-callout.warning {
        border-color: var(--volt-warning-border) !important;
        background: var(--volt-warning-bg) !important;
    }
    html[data-theme="void"] .howto-callout.note {
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .howto-table {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-table th {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-table td {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-screen-guide {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-browser {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-titlebar {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-metrics {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-metrics > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-metrics span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-screen-metrics strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-screen-filters {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-screen-filters span {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-tools > div {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-screen-tools button b {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-grid {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-screen-grid-head span {
        border-color: var(--volt-border-1) !important;
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-grid-row span {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-screen-grid-row {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-screen-footer {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-visual-key li {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-step-cards > section {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-mini-ui {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-mini-ui label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-completion-example label {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-mini-ui input {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-mini-ui select {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-completion-example input {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-mini-actions span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-process-flow > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-process-flow > i {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-steps-detailed li {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-completion-example {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-completion-header {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-completion-example > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-completion-example > div span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-example-card > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-window {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-window-bar {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-page-title {
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-ui-sidebar span.active {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .howto-ui-main-placeholder {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-metrics {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-metrics > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-metrics span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-ui-metrics small {
        color: var(--volt-text-3) !important;
    }
    html[data-theme="void"] .howto-ui-metrics strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-ui-card-grid {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-card-grid > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-toolbar {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-toolbar span {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-toolbar button {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-tabs {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-tabs span {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-tabs span.active .howto-pin {
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .howto-ui-table {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-table > div span {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
    }
    html[data-theme="void"] .howto-ui-table > div.head span {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-alert {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-ui-alert strong {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-ui-alert span {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-example-chip.good {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .howto-example-chip.muted {
        color: var(--volt-text-3) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-status-strip .saving {
        color: var(--volt-info-text) !important;
        background: var(--volt-info-bg) !important;
    }
    html[data-theme="void"] .howto-status-strip .saved {
        color: var(--volt-success-text) !important;
        background: var(--volt-success-bg) !important;
    }
    html[data-theme="void"] .howto-status-strip .error {
        color: var(--volt-danger-text) !important;
        background: var(--volt-danger-bg) !important;
    }
    html[data-theme="void"] .howto-lock-card.locked {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-lock-card.unlocked {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-formula-strip {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-formula-strip span {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-journey > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-journey > div::after {
        color: var(--volt-text-1) !important;
    }
    html[data-theme="void"] .howto-decision-grid > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-troubleshoot-flow > div {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .howto-report-problem span {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .login-page {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .login-shell {
        background: var(--volt-surface-2) !important;
    }
    html[data-theme="void"] .login-brand p:last-child {
        color: var(--volt-text-1) !important;
    }
}

/* Audit coverage: {'background': 640, 'color': 498, 'border': 313, 'fill': 0} across 935 selectors. */


@media screen {
    /* Current Week Projection is a dark heading in every theme. Keep the date,
       label, and week-ending text readable regardless of the active palette. */
    html[data-theme] .weekly-owner-heading {
        color: #ffffff !important;
        background: var(--navy-800) !important;
    }

    html[data-theme] .weekly-owner-heading > span {
        color: rgba(255, 255, 255, .78) !important;
    }

    html[data-theme] .weekly-owner-date strong {
        color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .28);
    }

    html[data-theme] .weekly-owner-date small {
        color: rgba(255, 255, 255, .78) !important;
    }

    /* Keep the Retail Options editor inside the Production content width.
       Desktop uses the compact fixed layout already designed for the module;
       tablet/mobile still switch to the existing stacked-card layout. */
    @media (min-width: 981px) {
        html[data-theme] .pricing-retail-panel .pricing-table-wrap {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: hidden !important;
            overflow-y: visible !important;
        }

        html[data-theme] .pricing-retail-source-table,
        html[data-theme] .pricing-retail-table {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            table-layout: fixed !important;
            font-size: 7.65pt !important;
        }

        html[data-theme] .pricing-retail-source-table th,
        html[data-theme] .pricing-retail-source-table td {
            min-width: 0 !important;
            padding: .32rem .28rem !important;
            overflow: hidden !important;
            overflow-wrap: anywhere !important;
            text-overflow: ellipsis;
        }

        html[data-theme] .pricing-retail-source-table thead th {
            white-space: normal !important;
            line-height: 1.15 !important;
        }

        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(1) { width: 6% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(2) { width: 8% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(3) { width: 12% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(4) { width: 9% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(5) { width: 10% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(6) { width: 21% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(7) { width: 10% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(8) { width: 10% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(9) { width: 8% !important; }
        html[data-theme] .pricing-retail-source-table.is-editable th:nth-child(10) { width: 6% !important; }

        html[data-theme] .pricing-retail-source-table input[type="text"],
        html[data-theme] .pricing-retail-source-table input[type="number"],
        html[data-theme] .pricing-retail-source-table select {
            width: 100% !important;
            min-width: 0 !important;
            min-height: 29px !important;
            padding: .22rem .28rem !important;
            font-size: 7.55pt !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-linked-material-cell,
        html[data-theme] .pricing-retail-source-table .retail-edit-cell,
        html[data-theme] .pricing-retail-source-table .retail-rate-cell {
            min-width: 0 !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-linked-material-control {
            grid-template-columns: minmax(0, 1fr) auto 50px !important;
            gap: .2rem !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-rate-control {
            grid-template-columns: minmax(0, 1fr) auto !important;
            min-width: 0 !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-rate-control strong {
            min-width: 36px !important;
            padding-inline: .2rem !important;
            font-size: 6.9pt !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-option-actions {
            width: 100% !important;
            gap: .18rem !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-row-action {
            width: 27px !important;
            min-width: 27px !important;
            height: 27px !important;
        }

        html[data-theme] .pricing-retail-source-table .retail-autosave-status {
            width: 100% !important;
            font-size: 6.55pt !important;
        }
    }

    /* Weekly Builds uses live stage colors. Volt's global form rules must not
       replace the row's configured text/background or wash it out on hover. */
    html[data-theme="void"] .build-grid .stage-row .grid-input,
    html[data-theme="void"] .build-grid .stage-row .grid-select,
    html[data-theme="void"] .build-grid .stage-row .readonly-value,
    html[data-theme="void"] .build-grid .stage-row .save-indicator,
    html[data-theme="void"] .build-grid .stage-row .scheduled-week-input {
        color: var(--row-text) !important;
        -webkit-text-fill-color: var(--row-text) !important;
        background: transparent !important;
    }

    html[data-theme="void"] .build-grid .stage-row .grid-input::placeholder {
        color: color-mix(in srgb, var(--row-text) 65%, transparent) !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row:hover td,
    html[data-theme="void"] .build-grid tbody tr.stage-row:focus-within td {
        filter: none !important;
        background: var(--row-bg) !important;
        box-shadow: inset 0 2px 0 var(--row-accent), inset 0 -2px 0 var(--row-accent) !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row:hover td:first-child,
    html[data-theme="void"] .build-grid tbody tr.stage-row:focus-within td:first-child {
        border-left-color: var(--row-accent) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .grid-input:hover:not(:disabled),
    html[data-theme="void"] .build-grid .stage-row .grid-select:hover:not(:disabled) {
        color: var(--row-text) !important;
        -webkit-text-fill-color: var(--row-text) !important;
        border-color: color-mix(in srgb, var(--row-accent) 65%, transparent) !important;
        background: color-mix(in srgb, var(--row-bg) 88%, #ffffff 12%) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .grid-input:focus,
    html[data-theme="void"] .build-grid .stage-row .grid-select:focus {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
        border-color: var(--orange-500) !important;
        background: #0c110c !important;
        box-shadow: inset 0 0 0 1px var(--orange-500) !important;
    }

    html[data-theme="void"] .build-grid .stage-row > .save-column,
    html[data-theme="void"] .build-grid .stage-row > .save-column:hover,
    html[data-theme="void"] .build-grid .stage-row > .save-column:focus-within,
    html[data-theme="void"] .build-grid .stage-row .status-cell-actions {
        color: var(--row-text) !important;
        background: var(--row-bg) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action {
        color: #263323 !important;
        border-color: rgba(38, 51, 35, .32) !important;
        background: rgba(255, 255, 255, .78) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action:hover,
    html[data-theme="void"] .build-grid .stage-row .row-icon-action:focus-visible {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-500) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action.danger {
        color: #a32018 !important;
        border-color: rgba(163, 32, 24, .36) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action.danger:hover,
    html[data-theme="void"] .build-grid .stage-row .row-icon-action.danger:focus-visible {
        color: #ffffff !important;
        border-color: #b42318 !important;
        background: #b42318 !important;
    }

    /* Builder Payroll rollover/move controls and pending rows. */
    html[data-theme="void"] .payroll-period-move-form,
    html[data-theme="void"] .payroll-period-move-form label,
    html[data-theme="void"] .payroll-move-period-field,
    html[data-theme="void"] .payroll-move-period-field > span,
    html[data-theme="void"] .payroll-delete-modal-body,
    html[data-theme="void"] .payroll-delete-row-summary,
    html[data-theme="void"] .payroll-delete-row-summary strong,
    html[data-theme="void"] .payroll-delete-row-summary span,
    html[data-theme="void"] .payroll-delete-row-summary small {
        color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .payroll-period-move-form,
    html[data-theme="void"] .payroll-delete-row-summary {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .payroll-period-move-form select,
    html[data-theme="void"] .payroll-move-period-field select {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #0c110c !important;
    }

    html[data-theme="void"] .payroll-move-modal-icon,
    html[data-theme="void"] .payroll-row-icon-compact,
    html[data-theme="void"] .payroll-move-icon {
        color: var(--volt-info-text) !important;
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }

    html[data-theme="void"] .payroll-row-icon-compact:hover,
    html[data-theme="void"] .payroll-row-icon-compact:focus-visible,
    html[data-theme="void"] .payroll-move-icon:hover,
    html[data-theme="void"] .payroll-move-icon:focus-visible {
        color: #071005 !important;
        border-color: var(--orange-500) !important;
        background: var(--orange-500) !important;
    }

    html[data-theme="void"] .weekly-labor-row-pending > td,
    html[data-theme="void"] .payroll-status-pending,
    html[data-theme="void"] .weekly-pending-pay {
        color: var(--volt-warning-text) !important;
        border-color: var(--volt-warning-border) !important;
        background: var(--volt-warning-bg) !important;
    }

    html[data-theme="void"] .weekly-labor-row-pending > td:first-child {
        box-shadow: inset 4px 0 0 var(--volt-warning-text) !important;
    }

    /* Semantic badge corrections after the generated neutral sweep. */
    html[data-theme="void"] .payroll-status-approved,
    html[data-theme="void"] .payroll-save-state-saving,
    html[data-theme="void"] .payroll-note-save-state-saving,
    html[data-theme="void"] .status-badge.info {
        color: var(--volt-info-text) !important;
        border-color: var(--volt-info-border) !important;
        background: var(--volt-info-bg) !important;
    }

    html[data-theme="void"] .payroll-status-ready,
    html[data-theme="void"] .payroll-status-paid,
    html[data-theme="void"] .payroll-save-state-saved,
    html[data-theme="void"] .payroll-note-save-state-saved,
    html[data-theme="void"] .retail-status-badge.active,
    html[data-theme="void"] .standard-retail-reference.linked,
    html[data-theme="void"] .standard-labor-reference.linked {
        color: var(--volt-success-text) !important;
        border-color: var(--volt-success-border) !important;
        background: var(--volt-success-bg) !important;
    }

    html[data-theme="void"] .retail-status-badge.inactive,
    html[data-theme="void"] .standard-retail-reference.reference-only,
    html[data-theme="void"] .standard-labor-reference.unlinked,
    html[data-theme="void"] .catalog-pay-mode.none {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-3) !important;
    }

    /* Active Volt controls use dark ink on the lime accent. */
    html[data-theme="void"] .btn-primary,
    html[data-theme="void"] .pricing-hub-links a.active,
    html[data-theme="void"] .pricing-tab.active,
    html[data-theme="void"] .pricing-page-link.active,
    html[data-theme="void"] .payroll-history-tabs a.active,
    html[data-theme="void"] .theme-accent-control.active {
        color: #071005 !important;
    }

    html[data-theme="void"] .btn-primary *,
    html[data-theme="void"] .pricing-hub-links a.active *,
    html[data-theme="void"] .pricing-tab.active *,
    html[data-theme="void"] .pricing-page-link.active *,
    html[data-theme="void"] .payroll-history-tabs a.active * {
        color: inherit !important;
    }
}


@media screen {
    html[data-theme="void"] .spreadsheet-panel,
    html[data-theme="void"] .spreadsheet-panel .table-scroll,
    html[data-theme="void"] .build-grid {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-grid thead th {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-3) !important;
    }

    html[data-theme="void"] .build-grid thead .sort-button,
    html[data-theme="void"] .build-grid thead .sort-button span {
        color: var(--volt-text-2) !important;
        background: transparent !important;
    }

    html[data-theme="void"] .build-grid thead .sort-button:hover,
    html[data-theme="void"] .build-grid thead .sort-button:focus-visible,
    html[data-theme="void"] .build-grid thead .sort-button.active {
        color: #b7ff45 !important;
        background: rgba(142, 225, 0, .09) !important;
    }

    /* Replace the light stage fill with the normal Volt table surface. */
    html[data-theme="void"] .build-grid tbody tr.stage-row > td:not(.labor-pay-column) {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row:nth-child(even) > td:not(.labor-pay-column) {
        background: #121912 !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row > td:first-child {
        border-left: 4px solid var(--row-accent) !important;
    }

    /* Stage remains visually identifiable without coloring the whole row. */
    html[data-theme="void"] .build-grid tbody tr.stage-row > td:nth-child(2) .grid-select {
        border-left: 3px solid var(--row-accent) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-input,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-select,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .readonly-value,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .scheduled-week-input,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .save-indicator {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-input,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-select,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .scheduled-week-input {
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-grid .stage-row td:nth-child(2) .grid-select {
        border-color: var(--volt-border-2) !important;
        border-left-color: var(--row-accent) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .grid-input::placeholder {
        color: var(--volt-text-3) !important;
        -webkit-text-fill-color: var(--volt-text-3) !important;
        opacity: 1 !important;
    }

    html[data-theme="void"] .build-grid .stage-row .grid-select option {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row:hover > td:not(.labor-pay-column),
    html[data-theme="void"] .build-grid tbody tr.stage-row:focus-within > td:not(.labor-pay-column) {
        color: var(--volt-text-1) !important;
        background: var(--volt-surface-3) !important;
        filter: none !important;
        box-shadow: inset 0 1px 0 rgba(142, 225, 0, .42), inset 0 -1px 0 rgba(142, 225, 0, .42) !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row:hover > td:first-child,
    html[data-theme="void"] .build-grid tbody tr.stage-row:focus-within > td:first-child {
        border-left-color: var(--row-accent) !important;
    }

    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-input:hover:not(:disabled),
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-select:hover:not(:disabled),
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .scheduled-week-input:hover:not(:disabled) {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #1b261a !important;
    }

    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-input:focus,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .grid-select:focus,
    html[data-theme="void"] .build-grid .stage-row td:not(.labor-pay-column) .scheduled-week-input:focus {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
        border-color: #8ee100 !important;
        background: #0c110c !important;
        box-shadow: inset 0 0 0 1px #8ee100 !important;
    }

    html[data-theme="void"] .build-grid .stage-row > .save-column,
    html[data-theme="void"] .build-grid .stage-row > .save-column:hover,
    html[data-theme="void"] .build-grid .stage-row > .save-column:focus-within,
    html[data-theme="void"] .build-grid .stage-row .status-cell-actions {
        color: var(--volt-text-1) !important;
        background: transparent !important;
    }

    html[data-theme="void"] .build-grid .stage-row .save-indicator {
        color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action {
        color: #dff5cf !important;
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-2) !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action:hover,
    html[data-theme="void"] .build-grid .stage-row .row-icon-action:focus-visible {
        color: #071005 !important;
        border-color: #8ee100 !important;
        background: #8ee100 !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action.danger {
        color: #ffaaa3 !important;
        border-color: #6f302b !important;
        background: #241211 !important;
    }

    html[data-theme="void"] .build-grid .stage-row .row-icon-action.danger:hover,
    html[data-theme="void"] .build-grid .stage-row .row-icon-action.danger:focus-visible {
        color: #ffffff !important;
        border-color: #d04439 !important;
        background: #b42318 !important;
    }

    html[data-theme="void"] .build-grid .new-build-row > td:not(.labor-pay-column) {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #172116 !important;
        box-shadow: inset 0 1px 0 var(--row-accent), inset 0 -1px 0 var(--row-accent) !important;
    }

    html[data-theme="void"] .build-grid .empty-row td {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .build-grid tfoot th {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-3) !important;
    }

    html[data-theme="void"] .build-grid tfoot .amount-column {
        color: #67d8a7 !important;
    }

    html[data-theme="void"] .build-table-footer-bar {
        color: var(--volt-text-2) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .build-table-footer-bar strong,
    html[data-theme="void"] .build-table-footer-bar .saved-auto-summary {
        color: var(--volt-text-1) !important;
    }
}


@media screen {
    html[data-theme] .labor-pay-popover {
        color: var(--ink-900) !important;
        border-color: var(--field-border) !important;
        background: var(--surface) !important;
        box-shadow: 0 18px 46px rgba(0, 0, 0, .24) !important;
    }

    html[data-theme] .labor-pay-popover-heading {
        color: var(--ink-900) !important;
        border-color: var(--line) !important;
        background: var(--soft-surface-2) !important;
    }

    html[data-theme] .labor-pay-popover-heading strong {
        color: var(--ink-900) !important;
        -webkit-text-fill-color: var(--ink-900) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-line {
        color: var(--ink-900) !important;
        border-color: var(--row-border) !important;
        background: var(--surface) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-line:nth-of-type(even) {
        background: var(--soft-surface) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-line-copy,
    html[data-theme] .labor-pay-popover .labor-pay-worker,
    html[data-theme] .labor-pay-popover .labor-pay-line-amount {
        color: var(--ink-900) !important;
        -webkit-text-fill-color: var(--ink-900) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-work {
        color: var(--ink-700) !important;
        -webkit-text-fill-color: var(--ink-700) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-separator {
        color: var(--ink-500) !important;
        -webkit-text-fill-color: var(--ink-500) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-status {
        -webkit-text-fill-color: currentColor !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-status.is-ready,
    html[data-theme] .labor-pay-popover .labor-pay-status.is-approved,
    html[data-theme] .labor-pay-popover .labor-pay-status.is-paid {
        color: var(--success-theme) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-status.is-pending {
        color: var(--warning-theme) !important;
    }

    html[data-theme] .labor-pay-popover .labor-pay-status.is-held {
        color: var(--ink-700) !important;
    }

    html[data-theme] .labor-pay-warning {
        color: var(--warning-theme) !important;
        border: 1px solid color-mix(in srgb, var(--warning-theme) 38%, var(--line)) !important;
        background: var(--warning-bg) !important;
    }

    html[data-theme] .labor-pay-popover .labor-truss-route {
        color: var(--ink-900) !important;
        border-color: var(--line) !important;
        background: var(--soft-surface) !important;
    }

    html[data-theme] .labor-pay-popover .labor-truss-route > summary,
    html[data-theme] .labor-pay-popover .labor-truss-route label {
        color: var(--ink-700) !important;
        -webkit-text-fill-color: var(--ink-700) !important;
        border-color: var(--line) !important;
    }

    html[data-theme] .labor-pay-popover .labor-truss-route-body {
        border-color: var(--line) !important;
        background: var(--soft-surface) !important;
    }

    html[data-theme] .labor-pay-popover .truss-route-select {
        color: var(--ink-900) !important;
        -webkit-text-fill-color: var(--ink-900) !important;
        border-color: var(--field-border) !important;
        background: var(--field-bg) !important;
    }

    html[data-theme] .labor-pay-popover .truss-route-select option,
    html[data-theme] .labor-pay-popover .truss-route-select optgroup {
        color: var(--ink-900) !important;
        background: var(--field-bg) !important;
    }

    html[data-theme] .labor-pay-popover .truss-route-status {
        color: var(--ink-500) !important;
        -webkit-text-fill-color: var(--ink-500) !important;
    }

    html[data-theme] .labor-pay-popover .truss-route-status.is-saved {
        color: var(--success-theme) !important;
        -webkit-text-fill-color: var(--success-theme) !important;
    }

    html[data-theme] .labor-pay-popover .truss-route-status.is-error {
        color: var(--danger-theme) !important;
        -webkit-text-fill-color: var(--danger-theme) !important;
    }

    html[data-theme] .labor-pay-popover-total {
        color: var(--on-accent) !important;
        border-top: 1px solid color-mix(in srgb, var(--orange-600) 70%, #000) !important;
        background: var(--orange-600) !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .12) !important;
    }

    html[data-theme] .labor-pay-popover-total span,
    html[data-theme] .labor-pay-popover-total strong {
        color: var(--on-accent) !important;
        -webkit-text-fill-color: var(--on-accent) !important;
    }

    /* Volt needs explicit final-color rules because several historical grid
       selectors assigned navy/light-theme text directly to these descendants. */
    html[data-theme="void"] .labor-pay-popover {
        border-color: var(--volt-border-2) !important;
        background: var(--volt-surface-1) !important;
        box-shadow: 0 20px 54px rgba(0, 0, 0, .62) !important;
    }

    html[data-theme="void"] .labor-pay-popover-heading {
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-3) !important;
    }

    html[data-theme="void"] .labor-pay-popover-heading strong,
    html[data-theme="void"] .labor-pay-popover .labor-pay-worker,
    html[data-theme="void"] .labor-pay-popover .labor-pay-line-amount {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-line {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-1) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-line:nth-of-type(even) {
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-line-copy {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-work {
        color: var(--volt-text-2) !important;
        -webkit-text-fill-color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-separator {
        color: var(--volt-text-3) !important;
        -webkit-text-fill-color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-status.is-ready,
    html[data-theme="void"] .labor-pay-popover .labor-pay-status.is-approved,
    html[data-theme="void"] .labor-pay-popover .labor-pay-status.is-paid {
        color: #aef53c !important;
        -webkit-text-fill-color: #aef53c !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-status.is-pending {
        color: #ffd166 !important;
        -webkit-text-fill-color: #ffd166 !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-pay-status.is-held {
        color: var(--volt-text-2) !important;
        -webkit-text-fill-color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-truss-route,
    html[data-theme="void"] .labor-pay-popover .labor-truss-route-body {
        color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .labor-pay-popover .labor-truss-route > summary,
    html[data-theme="void"] .labor-pay-popover .labor-truss-route label {
        color: var(--volt-text-2) !important;
        -webkit-text-fill-color: var(--volt-text-2) !important;
        border-color: var(--volt-border-1) !important;
    }

    html[data-theme="void"] .labor-pay-popover .truss-route-select {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
        border-color: var(--volt-border-2) !important;
        background: #0b100b !important;
    }

    html[data-theme="void"] .labor-pay-popover .truss-route-select option,
    html[data-theme="void"] .labor-pay-popover .truss-route-select optgroup {
        color: var(--volt-text-1) !important;
        background: #0b100b !important;
    }

    html[data-theme="void"] .labor-pay-popover .truss-route-status {
        color: var(--volt-text-3) !important;
        -webkit-text-fill-color: var(--volt-text-3) !important;
    }

    html[data-theme="void"] .labor-pay-popover-total {
        color: #071005 !important;
        border-top-color: #b7ff45 !important;
        background: #8ee100 !important;
    }

    html[data-theme="void"] .labor-pay-popover-total span,
    html[data-theme="void"] .labor-pay-popover-total strong {
        color: #071005 !important;
        -webkit-text-fill-color: #071005 !important;
    }
}

@media screen {
    html[data-theme="yoders"] .labor-pay-popover-total {
        background: #d3171f !important;
        border-top-color: #ad1017 !important;
    }
}


html[data-theme] .catalog-price-edit,
html[data-theme] .catalog-reprice-checkbox {
    border-color: var(--border);
    background: var(--surface-muted);
    color: var(--text);
}

html[data-theme] .catalog-price-edit:hover,
html[data-theme] .catalog-price-edit:focus-visible {
    border-color: var(--accent);
    color: var(--accent-strong);
    background: var(--accent-soft);
}

html[data-theme] .catalog-build-breakdown,
html[data-theme] .catalog-included-amount,
html[data-theme] .catalog-build-dialog-breakdown,
html[data-theme] .catalog-reprice-checkbox small {
    color: var(--text-muted);
}

html[data-theme] .catalog-reprice-checkbox strong {
    color: var(--text);
}

@media screen {
    html[data-theme="void"] .catalog-price-edit,
    html[data-theme="void"] .catalog-reprice-checkbox {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .catalog-price-edit:hover,
    html[data-theme="void"] .catalog-price-edit:focus-visible {
        color: #071005 !important;
        -webkit-text-fill-color: #071005 !important;
        border-color: #aef53c !important;
        background: #8ee100 !important;
    }

    html[data-theme="void"] .catalog-build-breakdown,
    html[data-theme="void"] .catalog-included-amount,
    html[data-theme="void"] .catalog-build-dialog-breakdown,
    html[data-theme="void"] .catalog-reprice-checkbox small {
        color: var(--volt-text-2) !important;
        -webkit-text-fill-color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .catalog-reprice-checkbox strong {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
    }
}


html[data-theme] .standard-metal-building-field,
html[data-theme] .standard-labor-handling,
html[data-theme] .catalog-metal-badge {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-muted);
}

html[data-theme] .standard-metal-building-field strong,
html[data-theme] .standard-labor-handling > span {
    color: var(--text);
}

html[data-theme] .standard-metal-building-field small,
html[data-theme] .standard-labor-handling small {
    color: var(--text-muted);
}

html[data-theme] .catalog-delete-row {
    border-color: color-mix(in srgb, #d92d20 55%, var(--border));
    background: color-mix(in srgb, #d92d20 12%, var(--surface));
    color: #d92d20;
}

html[data-theme] .catalog-delete-row:hover,
html[data-theme] .catalog-delete-row:focus-visible {
    border-color: #d92d20;
    background: color-mix(in srgb, #d92d20 20%, var(--surface));
    color: #b42318;
}

html[data-theme] .catalog-metal-badge {
    color: var(--text) !important;
}

@media screen {
    html[data-theme="void"] .standard-metal-building-field,
    html[data-theme="void"] .standard-labor-handling,
    html[data-theme="void"] .catalog-metal-badge {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
        border-color: var(--volt-border-1) !important;
        background: var(--volt-surface-2) !important;
    }

    html[data-theme="void"] .standard-metal-building-field strong,
    html[data-theme="void"] .standard-labor-handling > span {
        color: var(--volt-text-1) !important;
        -webkit-text-fill-color: var(--volt-text-1) !important;
    }

    html[data-theme="void"] .standard-metal-building-field small,
    html[data-theme="void"] .standard-labor-handling small {
        color: var(--volt-text-2) !important;
        -webkit-text-fill-color: var(--volt-text-2) !important;
    }

    html[data-theme="void"] .catalog-delete-row {
        color: #ffb4ad !important;
        -webkit-text-fill-color: #ffb4ad !important;
        border-color: #7d332e !important;
        background: #2a1513 !important;
    }

    html[data-theme="void"] .catalog-delete-row:hover,
    html[data-theme="void"] .catalog-delete-row:focus-visible {
        color: #071005 !important;
        -webkit-text-fill-color: #071005 !important;
        border-color: #ff746b !important;
        background: #ff746b !important;
    }

    html[data-theme="void"] .catalog-build-breakdown span,
    html[data-theme="void"] .catalog-metal-badge {
        color: var(--volt-text-2) !important;
        -webkit-text-fill-color: var(--volt-text-2) !important;
    }
}


html[data-theme] .catalog-row-actions .catalog-row-edit,
html[data-theme] .catalog-row-actions .catalog-delete-row {
    box-shadow: none;
}


html[data-theme] .company-integration-grid label {
    color: var(--text);
}

html[data-theme] .company-integration-grid input,
html[data-theme] .company-integration-grid select,
html[data-theme] .percentage-input-wrap > span {
    color: var(--text);
    border-color: var(--border);
    background-color: var(--surface);
}

html[data-theme] .company-integration-card-head,
html[data-theme] .company-publish-form {
    border-color: var(--border);
}

html[data-theme="void"] .company-integration-grid label,
html[data-theme="void"] .company-integration-grid input,
html[data-theme="void"] .company-integration-grid select,
html[data-theme="void"] .percentage-input-wrap > span {
    color: var(--volt-text-1) !important;
}

html[data-theme="void"] .company-integration-grid input,
html[data-theme="void"] .company-integration-grid select,
html[data-theme="void"] .percentage-input-wrap > span {
    border-color: var(--volt-border-1) !important;
    background: var(--volt-surface-2) !important;
}


html[data-theme] .pricing-retail-source-table .retail-edit-cell {
    text-align: center !important;
    vertical-align: middle !important;
}
html[data-theme] .pricing-retail-source-table .retail-option-actions {
    width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    justify-content: center !important;
    align-items: center !important;
}
html[data-theme] .pricing-retail-source-table .retail-option-actions [data-retail-save-status] {
    flex-basis: 100% !important;
    margin-left: 0 !important;
    text-align: center !important;
}


html[data-theme] .build-grid .stage-row .grid-select[data-field="priority_id"] {
    background: transparent !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    box-shadow: inset 3px 0 0 var(--priority-accent, transparent) !important;
}

html[data-theme="void"] .build-grid .stage-row .grid-select[data-field="priority_id"] {
    color: var(--volt-text-1) !important;
    -webkit-text-fill-color: var(--volt-text-1) !important;
    border-color: var(--volt-border-2) !important;
    background: var(--volt-surface-2) !important;
    box-shadow: inset 3px 0 0 var(--priority-accent, var(--row-accent)) !important;
}

html[data-theme="void"] .build-grid .stage-row .grid-select[data-field="priority_id"]:hover:not(:disabled) {
    color: var(--volt-text-1) !important;
    -webkit-text-fill-color: var(--volt-text-1) !important;
    border-color: var(--volt-border-2) !important;
    background: #1b261a !important;
    box-shadow: inset 3px 0 0 var(--priority-accent, var(--row-accent)) !important;
}

html[data-theme="void"] .build-grid .stage-row .grid-select[data-field="priority_id"]:focus {
    color: var(--volt-text-1) !important;
    -webkit-text-fill-color: var(--volt-text-1) !important;
    border-color: #8ee100 !important;
    background: #0c110c !important;
    box-shadow: inset 3px 0 0 var(--priority-accent, var(--row-accent)), inset 0 0 0 1px #8ee100 !important;
}




@media screen {
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details > summary,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-amount,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-count,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-empty,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details > summary::after {
        color: var(--volt-text-1, #f4f7f1) !important;
        -webkit-text-fill-color: var(--volt-text-1, #f4f7f1) !important;
    }

}


@media screen {
    html[data-theme="void"] .build-grid tbody tr.stage-row > td.labor-pay-column,
    html[data-theme="void"] .build-grid tbody tr.stage-row:hover > td.labor-pay-column,
    html[data-theme="void"] .build-grid tbody tr.stage-row:focus-within > td.labor-pay-column,
    html[data-theme="void"] .build-grid tbody tr.stage-row > td.labor-pay-column:hover,
    html[data-theme="void"] .build-grid tbody tr.stage-row > td.labor-pay-column:focus-within {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: var(--volt-surface-1, #111511) !important;
        filter: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    html[data-theme="void"] .build-grid tbody tr.stage-row:nth-child(even) > td.labor-pay-column,
    html[data-theme="void"] .build-grid tbody tr.stage-row:nth-child(even):hover > td.labor-pay-column,
    html[data-theme="void"] .build-grid tbody tr.stage-row:nth-child(even):focus-within > td.labor-pay-column {
        background: #121912 !important;
        filter: none !important;
        box-shadow: none !important;
    }

    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details:hover,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details:focus-within,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details[open],
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details > summary,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details > summary:hover,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details > summary:focus-visible,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details[open] > summary,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-amount,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-count,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-empty,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .privacy-masked-price,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details > summary::after,
    html[data-theme="void"] .build-grid .stage-row .labor-pay-column .labor-pay-details[open] > summary::after {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: transparent !important;
        filter: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }
}



html[data-theme] .sidebar-nested-toggle {
    color: var(--sidebar-text);
}

html[data-theme] .sidebar-nested-toggle:hover,
html[data-theme] .sidebar-nested-toggle.active,
html[data-theme] .sidebar-nested-group[open] > .sidebar-nested-toggle {
    color: #fff;
    background: linear-gradient(90deg, var(--sidebar-highlight), var(--sidebar-highlight-soft));
}

html[data-theme] .sidebar-nested-subnav {
    border-left-color: rgba(255, 255, 255, .15);
}


/* BuildSuite unified Light, Dark and Void themes */
html[data-theme="light"] {
    color-scheme: light;
    --navy-950: #06163b;
    --navy-900: #0a2458;
    --navy-800: #123a7c;
    --blue-700: #1e56d5;
    --blue-600: #2d68ee;
    --blue-100: #e8efff;
    --orange-600: #245cf6;
    --orange-500: #3973ff;
    --orange-100: #edf3ff;
    --ink-900: #101827;
    --ink-700: #3b4759;
    --ink-500: #6f7c8f;
    --line: #dce3ef;
    --surface: #ffffff;
    --canvas: #f5f7fb;
    --danger-theme: #b42318;
    --danger-bg: #fff0ee;
    --success-theme: #177245;
    --success-bg: #eaf8f0;
    --warning-theme: #8a5a00;
    --warning-bg: #fff7df;
    --theme-shadow: 0 12px 32px rgba(10, 36, 88, .08);
    --on-accent: #ffffff;
    --accent-hover: #174bd0;
    --soft-surface: #f8faff;
    --soft-surface-2: #f1f5fc;
    --field-bg: #ffffff;
    --field-border: #cfd8e7;
    --table-head: #eef3fb;
    --row-border: #e6ebf3;
    --row-hover: #f8faff;
    --topbar-bg: rgba(255, 255, 255, .95);
    --sidebar-end: #071a44;
    --sidebar-shadow: rgba(5, 24, 64, .18);
    --sidebar-muted: #aebdde;
    --sidebar-text: #dce6fb;
    --sidebar-icon: #96afe5;
    --sidebar-active-icon: #8db2ff;
    --sidebar-highlight: rgba(52, 106, 242, .22);
    --sidebar-highlight-soft: rgba(52, 106, 242, .08);
    --sidebar-highlight-border: rgba(91, 139, 255, .50);
    --focus-ring: rgba(45, 104, 238, .16);
    --primary-shadow: rgba(36, 92, 246, .24);
    --auth-start: #173f91;
    --auth-end: #050e27;
    --auth-brand-overlay-1: rgba(10, 36, 88, .96);
    --auth-brand-overlay-2: rgba(6, 22, 59, .98);
    --auth-brand-copy: #d9e4fb;
    --auth-badge-text: #c7d8ff;
    --auth-badge-bg: rgba(57, 115, 255, .15);
    --auth-badge-border: rgba(91, 139, 255, .46);
    --modal-scrim: rgba(5, 18, 48, .72);
}
html[data-theme="light"]{
  --navy-950:#263342;--navy-900:#324356;--navy-800:#465b70;
  --blue-700:#1d4ed8;--blue-600:#2563eb;--blue-100:#e8f0ff;
  --orange-600:#2563eb;--orange-500:#3b82f6;--orange-100:#edf4ff;
  --ink-900:#172231;--ink-700:#455466;--ink-500:#718092;
  --line:#d8e0e9;--surface:#ffffff;--canvas:#f4f7fa;
  --soft-surface:#f8fafc;--soft-surface-2:#eef2f6;--field-bg:#ffffff;--field-border:#ccd6e0;--table-head:#eef3f7;--row-border:#e3e9ef;--row-hover:#f7f9fb;
  --topbar-bg:rgba(255,255,255,.96);--sidebar-end:#1a2532;--sidebar-shadow:rgba(22,34,49,.18);--sidebar-muted:#afbdcb;--sidebar-text:#e8eef4;--sidebar-icon:#b2c0ce;--sidebar-active-icon:#78a7ff;
  --sidebar-highlight:rgba(59,130,246,.20);--sidebar-highlight-soft:rgba(59,130,246,.08);--sidebar-highlight-border:rgba(96,165,250,.48);--focus-ring:rgba(37,99,235,.16);--primary-shadow:rgba(37,99,235,.22);
}
html[data-theme="dark"] {
    color-scheme: dark;
    --navy-950: #050705;
    --navy-900: #0a0d0a;
    --navy-800: #151a15;
    --blue-700: #2e9d59;
    --blue-600: #38b66b;
    --blue-100: #1b2c0c;
    --orange-600: #35aa63;
    --orange-500: #48bd75;
    --orange-100: #1c2e0d;
    --ink-900: #eff4ec;
    --ink-700: #c0c8bc;
    --ink-500: #8e998a;
    --line: #2b3329;
    --surface: #111511;
    --canvas: #080b08;
    --danger-theme: #ff7469;
    --danger-bg: #321410;
    --success-theme: #49bf77;
    --success-bg: #17290b;
    --warning-theme: #ffd166;
    --warning-bg: #2b240c;
    --theme-shadow: 0 15px 40px rgba(0, 0, 0, .32);
    --on-accent: #0a0d08;
    --accent-hover: #57c982;
    --soft-surface: #151a15;
    --soft-surface-2: #1b211a;
    --field-bg: #0d110d;
    --field-border: #394237;
    --table-head: #171d17;
    --row-border: #252d24;
    --row-hover: #171d16;
    --topbar-bg: rgba(13, 17, 13, .96);
    --sidebar-end: #030503;
    --sidebar-shadow: rgba(0, 0, 0, .45);
    --sidebar-muted: #7d8978;
    --sidebar-text: #bec7bb;
    --sidebar-icon: #74806f;
    --sidebar-active-icon: #48bd75;
    --sidebar-highlight: rgba(53, 170, 99, .15);
    --sidebar-highlight-soft: rgba(53, 170, 99, .05);
    --sidebar-highlight-border: rgba(53, 170, 99, .48);
    --focus-ring: rgba(56, 182, 107, .16);
    --primary-shadow: rgba(53, 170, 99, .18);
    --auth-start: #18220d;
    --auth-end: #020402;
    --auth-brand-overlay-1: rgba(12, 15, 12, .96);
    --auth-brand-overlay-2: rgba(3, 5, 3, .99);
    --auth-brand-copy: #afb9aa;
    --auth-badge-text: #86d4a2;
    --auth-badge-bg: rgba(53, 170, 99, .10);
    --auth-badge-border: rgba(53, 170, 99, .35);
    --modal-scrim: rgba(0, 0, 0, .78);
}
html[data-theme="dark"]{
  --navy-950:#111821;--navy-900:#18222e;--navy-800:#253343;
  --blue-700:#79a9f8;--blue-600:#6b9ff3;--blue-100:#17253a;
  --orange-600:#6b9ff3;--orange-500:#82b1ff;--orange-100:#18283f;
  --ink-900:#eef3f8;--ink-700:#c3ced9;--ink-500:#91a0ae;
  --line:#344252;--surface:#171e27;--canvas:#0e131a;
  --soft-surface:#1c2530;--soft-surface-2:#222d39;--field-bg:#111821;--field-border:#3d4b5b;--table-head:#1d2732;--row-border:#2c3744;--row-hover:#1c2631;
  --topbar-bg:rgba(17,24,33,.96);--sidebar-end:#0a0f15;--sidebar-shadow:rgba(0,0,0,.42);--sidebar-muted:#8899aa;--sidebar-text:#d7e0e8;--sidebar-icon:#91a3b5;--sidebar-active-icon:#8fb8ff;
  --sidebar-highlight:rgba(107,159,243,.17);--sidebar-highlight-soft:rgba(107,159,243,.07);--sidebar-highlight-border:rgba(107,159,243,.45);--focus-ring:rgba(107,159,243,.17);--primary-shadow:rgba(107,159,243,.20);
  --on-accent:#08111d;--accent-hover:#9cc0ff;
}
html[data-theme="void"] {
    color-scheme: dark;
    --navy-950: #050705;
    --navy-900: #0a0d0a;
    --navy-800: #151a15;
    --blue-700: #2e9d59;
    --blue-600: #38b66b;
    --blue-100: #1b2c0c;
    --orange-600: #35aa63;
    --orange-500: #48bd75;
    --orange-100: #1c2e0d;
    --ink-900: #eff4ec;
    --ink-700: #c0c8bc;
    --ink-500: #8e998a;
    --line: #2b3329;
    --surface: #111511;
    --canvas: #080b08;
    --danger-theme: #ff7469;
    --danger-bg: #321410;
    --success-theme: #49bf77;
    --success-bg: #17290b;
    --warning-theme: #ffd166;
    --warning-bg: #2b240c;
    --theme-shadow: 0 15px 40px rgba(0, 0, 0, .32);
    --on-accent: #0a0d08;
    --accent-hover: #57c982;
    --soft-surface: #151a15;
    --soft-surface-2: #1b211a;
    --field-bg: #0d110d;
    --field-border: #394237;
    --table-head: #171d17;
    --row-border: #252d24;
    --row-hover: #171d16;
    --topbar-bg: rgba(13, 17, 13, .96);
    --sidebar-end: #030503;
    --sidebar-shadow: rgba(0, 0, 0, .45);
    --sidebar-muted: #7d8978;
    --sidebar-text: #bec7bb;
    --sidebar-icon: #74806f;
    --sidebar-active-icon: #48bd75;
    --sidebar-highlight: rgba(53, 170, 99, .15);
    --sidebar-highlight-soft: rgba(53, 170, 99, .05);
    --sidebar-highlight-border: rgba(53, 170, 99, .48);
    --focus-ring: rgba(56, 182, 107, .16);
    --primary-shadow: rgba(53, 170, 99, .18);
    --auth-start: #18220d;
    --auth-end: #020402;
    --auth-brand-overlay-1: rgba(12, 15, 12, .96);
    --auth-brand-overlay-2: rgba(3, 5, 3, .99);
    --auth-brand-copy: #afb9aa;
    --auth-badge-text: #86d4a2;
    --auth-badge-bg: rgba(53, 170, 99, .10);
    --auth-badge-border: rgba(53, 170, 99, .35);
    --modal-scrim: rgba(0, 0, 0, .78);
}
html[data-theme="void"]{
  --navy-950:#050705;--navy-900:#0a0d0a;--navy-800:#151a15;
  --blue-700:#2e9d59;--blue-600:#38b66b;--blue-100:#1b2c0c;
  --orange-600:#35aa63;--orange-500:#48bd75;--orange-100:#1c2e0d;
  --ink-900:#eff4ec;--ink-700:#c0c8bc;--ink-500:#8e998a;
  --line:#2b3329;--surface:#111511;--canvas:#080b08;
  --soft-surface:#151a15;--soft-surface-2:#1b211a;--field-bg:#0d110d;--field-border:#394237;--table-head:#171d17;--row-border:#252d24;--row-hover:#171d16;
  --topbar-bg:rgba(13,17,13,.96);--sidebar-end:#030503;--sidebar-shadow:rgba(0,0,0,.45);--sidebar-muted:#7d8978;--sidebar-text:#bec7bb;--sidebar-icon:#74806f;--sidebar-active-icon:#48bd75;
  --sidebar-highlight:rgba(53,170,99,.15);--sidebar-highlight-soft:rgba(53,170,99,.05);--sidebar-highlight-border:rgba(53,170,99,.48);--focus-ring:rgba(56,182,107,.16);--primary-shadow:rgba(53,170,99,.18);
  --on-accent:#0a0d08;--accent-hover:#57c982;
}


/* Void theme surface consistency */
html[data-theme="void"] body:not(.print-document),
html[data-theme="void"] .main-area,
html[data-theme="void"] .content {
    color: var(--ink-900,#e8efe9);
}
html[data-theme="void"] .panel,
html[data-theme="void"] .card,
html[data-theme="void"] .summary-card,
html[data-theme="void"] .metric-card,
html[data-theme="void"] .form-card,
html[data-theme="void"] .filter-card,
html[data-theme="void"] .table-card,
html[data-theme="void"] .details-card,
html[data-theme="void"] .drawer-card,
html[data-theme="void"] .modal-card,
html[data-theme="void"] .modal-content,
html[data-theme="void"] dialog:not(.print-document):not(.print-page),
html[data-theme="void"] .record-modal-card,
html[data-theme="void"] .action-modal-card,
html[data-theme="void"] .buildsuite-system-dialog-card {
    background: var(--surface,#101712);
    border-color: var(--line,#283a2d);
    color: var(--ink-900,#e8efe9);
}
html[data-theme="void"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="void"] select,
html[data-theme="void"] textarea {
    background: var(--field-bg,#0b110d);
    border-color: var(--field-border,#314737);
    color: var(--ink-900,#e8efe9);
}
html[data-theme="void"] input::placeholder,
html[data-theme="void"] textarea::placeholder { color:var(--ink-500,#7f9185); }
html[data-theme="void"] table:not(.print-page table) thead th { background:var(--table-head,#151f18); color:var(--ink-700,#c6d2c9); }
html[data-theme="void"] table:not(.print-page table) tbody tr { background:var(--surface,#101712); }
html[data-theme="void"] table:not(.print-page table) tbody tr:hover { background:var(--row-hover,#131d16); }
html[data-theme="void"] table:not(.print-page table) td { border-color:var(--row-border,#223128); color:var(--ink-900,#e8efe9); }
html[data-theme="void"] .backdrop,
html[data-theme="void"] .modal-backdrop,
html[data-theme="void"] .action-modal-backdrop { background:rgba(0,0,0,.76); }


/* BuildSuite Void theme — unified dark green application finish */
html[data-theme="void"] {
    color-scheme: dark;
    --navy-950:#020604;
    --navy-900:#040a07;
    --navy-800:#08130d;
    --blue-700:#00983f;
    --blue-600:#00b84a;
    --blue-100:#0a2414;
    --orange-600:#00b84a;
    --orange-500:#11c75a;
    --orange-100:#0a2414;
    --ink-900:#edf7f0;
    --ink-700:#c5d7ca;
    --ink-500:#82988a;
    --line:#163923;
    --surface:#07110c;
    --canvas:#020604;
    --soft-surface:#0a1710;
    --soft-surface-2:#0e1d14;
    --field-bg:#040c08;
    --field-border:#1d4a2d;
    --table-head:#0a1710;
    --row-border:#12301e;
    --row-hover:#0d1d13;
    --topbar-bg:rgba(3,9,6,.96);
    --sidebar-end:#010302;
    --sidebar-shadow:rgba(0,0,0,.58);
    --sidebar-muted:#789184;
    --sidebar-text:#d3e3d8;
    --sidebar-icon:#7fa08b;
    --sidebar-active-icon:#18ca60;
    --sidebar-highlight:rgba(0,184,74,.20);
    --sidebar-highlight-soft:rgba(0,184,74,.075);
    --sidebar-highlight-border:rgba(0,184,74,.46);
    --focus-ring:rgba(0,184,74,.17);
    --primary-shadow:rgba(0,184,74,.16);
    --theme-shadow:0 14px 34px rgba(0,0,0,.40);
    --on-accent:#020805;
    --accent-hover:#18c75d;
    --modal-scrim:rgba(0,0,0,.82);
}
html[data-theme="void"] body:not(.print-document),
html[data-theme="void"] .main-area,
html[data-theme="void"] .main-column,
html[data-theme="void"] .content {
    background:#020604;
    color:#edf7f0;
}
html[data-theme="void"] .topbar {
    background:rgba(3,9,6,.96);
    border-color:#12301e;
    box-shadow:0 1px 0 rgba(0,184,74,.05);
}
html[data-theme="void"] .sidebar {
    background:linear-gradient(180deg,#030906 0%,#020604 62%,#010302 100%);
    border-right:1px solid #12301e;
    box-shadow:10px 0 30px rgba(0,0,0,.42);
}
html[data-theme="void"] .sidebar nav>a:hover,
html[data-theme="void"] .sidebar-nav a:hover,
html[data-theme="void"] .nav-list a:hover {
    background:rgba(0,184,74,.08);
    color:#f4faf6;
}
html[data-theme="void"] .sidebar nav>a.active,
html[data-theme="void"] .sidebar-nav a.active,
html[data-theme="void"] .nav-list a.active {
    background:linear-gradient(90deg,rgba(0,184,74,.26),rgba(0,184,74,.08));
    border-color:rgba(0,184,74,.30);
    box-shadow:inset 3px 0 #00b84a;
    color:#f5fbf7;
}
html[data-theme="void"] :is(.panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,.table-card,.details-card,.drawer-card,.dashboard-card,.modal-card,.modal-content,.record-modal-card,.action-modal-card,.buildsuite-system-dialog-card,dialog:not(.print-document):not(.print-page)) {
    background:#07110c;
    border-color:#163923;
    color:#edf7f0;
    box-shadow:0 12px 30px rgba(0,0,0,.28);
}
html[data-theme="void"] :is(.panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,.table-card,.details-card,.drawer-card,.dashboard-card):hover {
    border-color:#1d4d2e;
}
html[data-theme="void"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) {
    background:#040c08;
    border-color:#1d4a2d;
    color:#edf7f0;
}
html[data-theme="void"] :is(input,select,textarea):focus {
    border-color:#00a746;
    box-shadow:0 0 0 3px rgba(0,184,74,.14);
}
html[data-theme="void"] :is(input,textarea)::placeholder {color:#718579;}
html[data-theme="void"] table:not(.print-page table) {background:#07110c;color:#edf7f0;}
html[data-theme="void"] table:not(.print-page table) thead th {background:#0a1710;color:#cfe0d4;border-color:#163923;}
html[data-theme="void"] table:not(.print-page table) tbody tr {background:#07110c;}
html[data-theme="void"] table:not(.print-page table) tbody tr:nth-child(even) {background:#08140e;}
html[data-theme="void"] table:not(.print-page table) tbody tr:hover {background:#0d1d13;}
html[data-theme="void"] table:not(.print-page table) td {color:#e4f0e8;border-color:#12301e;}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button) {
    background:linear-gradient(135deg,#00b84a,#008f3a);
    border-color:#00b84a;
    color:#020805;
    box-shadow:0 8px 18px rgba(0,184,74,.14);
}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button):hover {
    background:linear-gradient(135deg,#13c85a,#00a342);
    border-color:#13c85a;
    color:#020805;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost) {
    background:#0a1710;
    border-color:#1b4329;
    color:#dce9df;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost):hover {
    background:#0e2116;
    border-color:#24703c;
    color:#f2f8f4;
}
html[data-theme="void"] :is(.eyebrow,.nav-icon,.sidebar-link-icon,.metric-card a,.summary-card a,.strong-link) {color:#00b84a;}
html[data-theme="void"] :is(.page-heading p,.panel-heading p,.metric-card span,.summary-card span,.muted,.text-muted,small) {color:#82988a;}
html[data-theme="void"] :is(.backdrop,.modal-backdrop,.action-modal-backdrop,dialog::backdrop) {background:rgba(0,0,0,.82);}

/* BuildSuite Void theme — logo-matched application finish */
@media screen {
html[data-theme="void"]{
    color-scheme:dark;
    --navy-950:#010201;--navy-900:#030503;--navy-800:#080c09;
    --blue-700:#078d09;--blue-600:#0fc80b;--blue-100:#09220a;
    --orange-600:#0fc80b;--orange-500:#16d111;--orange-100:#09220a;
    --ink-900:#eef2ef;--ink-700:#c8cec9;--ink-500:#929c94;
    --line:#16451b;--surface:#080b09;--canvas:#010201;
    --soft-surface:#0d120e;--soft-surface-2:#111813;
    --field-bg:#050805;--field-border:#1a4920;
    --table-head:#0d120e;--row-border:#123817;--row-hover:#0d160f;
    --topbar-bg:rgba(3,5,3,.97);--sidebar-end:#010201;--sidebar-shadow:rgba(0,0,0,.68);
    --sidebar-muted:#89928b;--sidebar-text:#d6dbd7;--sidebar-icon:#9ca59e;
    --sidebar-active-icon:#fff;--sidebar-highlight:rgba(14,218,7,.18);
    --sidebar-highlight-soft:rgba(14,218,7,.055);--sidebar-highlight-border:rgba(14,218,7,.42);
    --focus-ring:rgba(14,218,7,.14);--primary-shadow:rgba(7,141,9,.20);
    --theme-shadow:0 16px 38px rgba(0,0,0,.48);--on-accent:#fff;
    --accent-hover:#16d111;--modal-scrim:rgba(0,0,0,.88);
}
html[data-theme="void"] body:not(.print-document),
html[data-theme="void"] .main-area,
html[data-theme="void"] .main-column,
html[data-theme="void"] .content{
    background:radial-gradient(circle at 84% -14%,rgba(14,218,7,.045),transparent 28%),#010201;
    color:#eef2ef;
}
html[data-theme="void"] .topbar{
    background:rgba(3,5,3,.97);border-color:#123817;box-shadow:0 1px 0 rgba(14,218,7,.035);
}
html[data-theme="void"] .sidebar{
    background:linear-gradient(180deg,#050805 0%,#020402 64%,#010201 100%);
    border-right:1px solid #133b18;box-shadow:11px 0 32px rgba(0,0,0,.48);
}
html[data-theme="void"] :is(.sidebar nav>a,.sidebar-nav a,.nav-list a){color:#d6dbd7;}
html[data-theme="void"] :is(.sidebar nav>a,.sidebar-nav a,.nav-list a):hover{
    background:rgba(14,218,7,.065);color:#fff;
}
html[data-theme="void"] :is(.sidebar nav>a.active,.sidebar-nav a.active,.nav-list a.active){
    background:linear-gradient(90deg,#08750a 0%,#0aa30b 100%);border-color:#0fc80b;
    box-shadow:inset 3px 0 #16de10,0 8px 18px rgba(0,0,0,.22);color:#fff;
}
html[data-theme="void"] :is(
    .panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,
    .table-card,.details-card,.drawer-card,.dashboard-card,.modal-card,.modal-content,
    .record-modal-card,.action-modal-card,.buildsuite-system-dialog-card,
    dialog:not(.print-document):not(.print-page)
){
    background:linear-gradient(155deg,#0b0f0c 0%,#070a08 100%);
    border-color:#16451b;color:#eef2ef;
    box-shadow:0 14px 32px rgba(0,0,0,.33),inset 0 1px 0 rgba(225,233,227,.024);
}
html[data-theme="void"] :is(
    .panel,.card,.summary-card,.metric-card,.status-card,.form-card,.filter-card,
    .table-card,.details-card,.drawer-card,.dashboard-card
):hover{border-color:#24852c;}
html[data-theme="void"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
    background:#050805;border-color:#1a4920;color:#eef2ef;
}
html[data-theme="void"] :is(input,select,textarea):focus{
    border-color:#0fc80b;box-shadow:0 0 0 3px rgba(14,218,7,.12);
}
html[data-theme="void"] :is(input,textarea)::placeholder{color:#747e76;}
html[data-theme="void"] table:not(.print-page table){background:#080b09;color:#eef2ef;}
html[data-theme="void"] table:not(.print-page table) thead th{
    background:#0d120e;color:#c8cec9;border-color:#16451b;
}
html[data-theme="void"] table:not(.print-page table) tbody tr{background:#080b09;}
html[data-theme="void"] table:not(.print-page table) tbody tr:nth-child(even){background:#0a0e0b;}
html[data-theme="void"] table:not(.print-page table) tbody tr:hover{background:#0d160f;}
html[data-theme="void"] table:not(.print-page table) td{color:#e3e8e4;border-color:#123817;}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button){
    background:linear-gradient(135deg,#0aa50b,#066d08);border-color:#0fc80b;color:#fff;
    box-shadow:0 8px 18px rgba(7,141,9,.18);
}
html[data-theme="void"] :is(.btn-primary,.btn.primary,.primary-button,.hub-primary-button):hover{
    background:linear-gradient(135deg,#0cbb0d,#078d09);border-color:#16d111;color:#fff;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost){
    background:#0d120e;border-color:#1a4920;color:#d7ddd8;
}
html[data-theme="void"] :is(.btn-secondary,.btn-ghost,.btn.secondary,.btn.ghost):hover{
    background:#111a13;border-color:#24852c;color:#fff;
}
html[data-theme="void"] :is(.eyebrow,.nav-icon,.sidebar-link-icon,.metric-card a,.summary-card a,.strong-link){
    color:#0fc80b;
}
html[data-theme="void"] :is(.page-heading p,.panel-heading p,.metric-card span,.summary-card span,.muted,.text-muted,small){
    color:#929c94;
}
html[data-theme="void"] :is(.backdrop,.modal-backdrop,.action-modal-backdrop,dialog::backdrop){
    background:rgba(0,0,0,.88);
}
html[data-theme="void"] [data-theme-logo]{
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.44)) drop-shadow(0 0 7px rgba(14,218,7,.075));
}
}


/* Void visual finish */
@media screen {
html[data-theme="void"] :is(.main-area,.main-column){
    background:
        radial-gradient(ellipse 540px 340px at 100% 0%,rgba(15,200,11,.105) 0%,rgba(7,141,9,.042) 34%,transparent 70%),
        repeating-linear-gradient(135deg,transparent 0 24px,rgba(15,200,11,.012) 24px 25px,transparent 25px 48px),
        #010201;
}

html[data-theme="void"] .content{background:transparent;}
html[data-theme="void"] :is(.metric-grid > article,.summary-grid > article){position:relative;overflow:hidden;}
html[data-theme="void"] :is(.metric-grid > article,.summary-grid > article)::after{
    content:"";
    position:absolute;
    top:-18px;
    right:-18px;
    width:112px;
    height:112px;
    pointer-events:none;
    opacity:.78;
    background:
        radial-gradient(circle at 72% 28%,rgba(22,209,17,.26) 0 2px,transparent 3px),
        linear-gradient(135deg,transparent 34%,rgba(15,200,11,.14) 35% 36%,transparent 37% 49%,rgba(15,200,11,.07) 50% 51%,transparent 52%),
        radial-gradient(circle at 100% 0%,rgba(15,200,11,.16) 0%,rgba(7,141,9,.055) 40%,transparent 72%);
    clip-path:polygon(28% 0,100% 0,100% 100%,72% 100%,46% 54%);
}
html[data-theme="void"] .metric-card{position:relative;overflow:hidden;}
html[data-theme="void"] .metric-card::after{
    content:"";
    position:absolute;
    top:-18px;
    right:-18px;
    width:112px;
    height:112px;
    pointer-events:none;
    opacity:.78;
    background:
        radial-gradient(circle at 72% 28%,rgba(22,209,17,.26) 0 2px,transparent 3px),
        linear-gradient(135deg,transparent 34%,rgba(15,200,11,.14) 35% 36%,transparent 37% 49%,rgba(15,200,11,.07) 50% 51%,transparent 52%),
        radial-gradient(circle at 100% 0%,rgba(15,200,11,.16) 0%,rgba(7,141,9,.055) 40%,transparent 72%);
    clip-path:polygon(28% 0,100% 0,100% 100%,72% 100%,46% 54%);
}
html[data-theme="void"] [data-theme-logo]{
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(15,200,11,.10));
}
}

/* Active Builds theme/stage row priority.
   Not Started follows the selected theme; configured production stages keep
   their exact row colors regardless of the selected theme. */
html[data-theme] #buildGrid.weekly-build-card-grid {
    --active-build-neutral-bg: color-mix(in srgb, var(--surface) 92%, var(--orange-600) 8%);
    --active-build-neutral-bg-alt: color-mix(in srgb, var(--surface) 88%, var(--orange-600) 12%);
    --active-build-neutral-text: var(--ink-900);
    --active-build-neutral-accent: color-mix(in srgb, var(--orange-600) 72%, var(--line) 28%);
}

html[data-theme] .weekly-build-card-panel,
html[data-theme] .weekly-build-card-panel .table-scroll,
html[data-theme] #buildGrid.weekly-build-card-grid {
    background: var(--surface);
    color: var(--ink-900);
}

html[data-theme] #buildGrid.weekly-build-card-grid thead th {
    color: var(--ink-900) !important;
    background: var(--table-head) !important;
    border-color: var(--line) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid thead .sort-button,
html[data-theme] #buildGrid.weekly-build-card-grid thead .sort-button span {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

/* A new/unstarted build is neutral and belongs to the selected visual theme. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) > td {
    color: var(--active-build-neutral-text) !important;
    background: var(--active-build-neutral-bg) !important;
    border-bottom-color: var(--row-border) !important;
    border-right-color: var(--row-border) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]):nth-child(even) > td {
    background: var(--active-build-neutral-bg-alt) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) > td:first-child {
    border-left-color: var(--active-build-neutral-accent) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) :is(.grid-input,.grid-select,.readonly-value,.save-indicator,.scheduled-week-input,.suite-serial-trigger,.labor-pay-details > summary,.labor-pay-amount,.labor-pay-count,.labor-pay-empty) {
    color: var(--active-build-neutral-text) !important;
    -webkit-text-fill-color: var(--active-build-neutral-text) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) :is(.grid-input,.grid-select,.scheduled-week-input) {
    background: transparent !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-input::placeholder {
    color: color-mix(in srgb, var(--active-build-neutral-text) 62%, transparent) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--active-build-neutral-text) 62%, transparent) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]):hover > td,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]):focus-within > td {
    color: var(--active-build-neutral-text) !important;
    background: var(--active-build-neutral-bg-alt) !important;
    filter: none !important;
}

/* Every configured production stage wins over the visual theme. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) > td {
    color: var(--row-text) !important;
    background: var(--row-bg) !important;
    border-bottom-color: color-mix(in srgb, var(--row-accent) 34%, var(--row-bg)) !important;
    border-right-color: color-mix(in srgb, var(--row-accent) 26%, var(--row-bg)) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) > td:first-child {
    border-left-color: var(--row-accent) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) :is(.grid-input,.grid-select,.readonly-value,.save-indicator,.scheduled-week-input,.suite-serial-trigger,.labor-pay-details > summary,.labor-pay-amount,.labor-pay-count,.labor-pay-empty) {
    color: var(--row-text) !important;
    -webkit-text-fill-color: var(--row-text) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) :is(.grid-input,.grid-select,.scheduled-week-input) {
    background: transparent !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])):hover > td,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])):focus-within > td {
    color: var(--row-text) !important;
    background: var(--row-bg) !important;
    filter: none !important;
    box-shadow: inset 0 2px 0 var(--row-accent), inset 0 -2px 0 var(--row-accent) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) :is(.grid-input,.grid-select,.scheduled-week-input):hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) :is(.grid-input,.grid-select,.scheduled-week-input):focus {
    color: var(--row-text) !important;
    -webkit-text-fill-color: var(--row-text) !important;
    background: transparent !important;
    border-color: var(--row-accent) !important;
}

/* Native option menus need theme contrast even when the closed select is transparent. */
html[data-theme] #buildGrid.weekly-build-card-grid .stage-row .grid-select option {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid .empty-row td,
html[data-theme] #buildGrid.weekly-build-card-grid tfoot th {
    color: var(--ink-900) !important;
    background: var(--active-build-neutral-bg) !important;
    border-color: var(--line) !important;
}


/* v1.21.85 - Theme parity for Production summaries, completed views and Inventory.
   Mobile uses the same theme variables as desktop; configured build stage colors remain authoritative. */
html[data-theme] .weekly-owner-strip {
    border-color: var(--line) !important;
    background: var(--line) !important;
    color: var(--ink-900) !important;
}
html[data-theme] .weekly-owner-heading {
    color: #fff !important;
    background: var(--navy-900) !important;
}
html[data-theme] .weekly-owner-heading span,
html[data-theme] .weekly-owner-heading small,
html[data-theme] .weekly-owner-date small {
    color: color-mix(in srgb, #fff 72%, var(--navy-900)) !important;
}
html[data-theme] .weekly-owner-heading strong,
html[data-theme] .weekly-owner-date strong {
    color: #fff !important;
}
html[data-theme] .weekly-owner-metric {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
}
html[data-theme] .weekly-owner-metric span,
html[data-theme] .weekly-owner-metric small {
    color: var(--ink-500) !important;
}
html[data-theme] .weekly-owner-metric strong {
    color: var(--ink-900) !important;
}
html[data-theme] .weekly-owner-projected {
    background: var(--success-bg) !important;
}
html[data-theme] .weekly-owner-projected strong {
    color: var(--success-theme) !important;
}
html[data-theme] .weekly-owner-warning {
    background: var(--warning-bg) !important;
}
html[data-theme] .weekly-owner-warning strong {
    color: var(--warning-theme) !important;
}
html[data-theme] .grid-help-row,
html[data-theme] .build-table-footer-bar {
    color: var(--ink-700) !important;
    border-color: var(--line) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] .serial-legend-label,
html[data-theme] .serial-legend-inline,
html[data-theme] .serial-legend-inline b {
    color: var(--ink-700) !important;
}
html[data-theme] .serial-legend-inline b {
    color: var(--orange-600) !important;
}
html[data-theme] .company-week-summary > article,
html[data-theme] .company-breakdown-list {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme] .company-week-summary > article > span,
html[data-theme] .company-week-summary > article > small,
html[data-theme] .company-breakdown-list .muted {
    color: var(--ink-500) !important;
}
html[data-theme] .company-week-summary > article > strong {
    color: var(--ink-900) !important;
}
html[data-theme] .company-breakdown-chip {
    color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] .completed-filter-totals,
html[data-theme] .build-filter-summary {
    color: var(--ink-700) !important;
}

/* Inventory dashboard/cards follow the selected theme instead of hard-coded light surfaces. */
html[data-theme] :is(
    .simple-summary-grid article,
    .simple-building-cards article,
    .profit-calculation-strip article,
    .inventory-dashboard-panel,
    .inventory-dashboard-compare > div,
    .inventory-profit-snapshot > div,
    .inventory-dashboard-quick-links a,
    .simple-table-panel,
    .group-name-row,
    .group-add-row,
    .simple-dialog-card,
    .simple-create-period-popover
) {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme] :is(
    .simple-summary-grid span,
    .simple-building-cards span,
    .simple-building-cards small,
    .profit-calculation-strip span,
    .inventory-dashboard-summary article small,
    .inventory-dashboard-list span,
    .inventory-dashboard-compare span,
    .inventory-profit-snapshot span,
    .inventory-profit-note,
    .inventory-dashboard-quick-links span,
    .simple-section-heading p,
    .simple-inventory-table td small,
    .simple-form-message,
    .group-name-main small
) {
    color: var(--ink-500) !important;
}
html[data-theme] .inventory-total-card {
    border-color: var(--line) !important;
    background: linear-gradient(180deg,var(--surface),var(--soft-surface)) !important;
}
html[data-theme] .inventory-dashboard-list > div,
html[data-theme] .simple-inventory-table th,
html[data-theme] .simple-inventory-table td,
html[data-theme] .simple-report-table th,
html[data-theme] .simple-report-table td {
    border-color: var(--row-border) !important;
}
html[data-theme] .simple-inventory-table thead th,
html[data-theme] .simple-report-table thead th,
html[data-theme] .simple-inventory-table tfoot th,
html[data-theme] .simple-inventory-table tfoot td {
    color: var(--ink-700) !important;
    background: var(--table-head) !important;
}
html[data-theme] .money-input,
html[data-theme] .simple-page-number {
    color: var(--ink-900) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme] .money-input b {
    color: var(--ink-500) !important;
}
html[data-theme] .simple-inventory-table :is(input,select),
html[data-theme] .simple-inventory-toolbar :is(input,select),
html[data-theme] .simple-filter-bar :is(input,select),
html[data-theme] .simple-inline-form :is(input,select),
html[data-theme] .simple-form-grid :is(input,select,textarea) {
    color: var(--ink-900) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme] .inventory-profit-snapshot .healthy {
    background: var(--success-bg) !important;
}
html[data-theme] .inventory-profit-snapshot :is(.review,.low) {
    background: var(--warning-bg) !important;
}
html[data-theme] .inventory-profit-snapshot .loss {
    background: var(--danger-bg) !important;
}

@media (max-width: 780px) {
    /* Legends and build totals remain visible on mobile. */
    html[data-theme] .grid-help-row {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px 10px;
        padding: 6px 8px;
    }
    html[data-theme] .grid-help-copy {
        display: flex !important;
        min-width: 0;
        flex: 1 1 100%;
        flex-wrap: wrap;
        gap: 4px 9px;
    }
    html[data-theme] .grid-help-copy .serial-legend-inline {
        display: inline-flex !important;
        flex-wrap: wrap;
        gap: 3px 7px;
        white-space: normal;
    }
    html[data-theme] .grid-help-actions {
        margin-left: 0;
    }

    /* Mobile Active/Completed build cards retain either the configured stage row color
       or the selected theme surface when no stage color is present. */
    html[data-theme] .mobile-collapsible-grid tbody tr {
        color: var(--row-text, var(--ink-900)) !important;
        border-color: color-mix(in srgb,var(--row-accent,var(--line)) 42%,var(--row-bg,var(--surface))) !important;
        border-left-color: var(--row-accent,var(--orange-600)) !important;
        background: var(--row-bg,var(--surface)) !important;
        box-shadow: 0 2px 8px color-mix(in srgb,var(--canvas) 70%,transparent) !important;
    }
    html[data-theme] .mobile-collapsible-grid tbody tr.empty-row {
        color: var(--ink-900) !important;
        border-color: var(--line) !important;
        background: var(--surface) !important;
    }
    html[data-theme] .mobile-collapsible-grid tbody td {
        color: var(--row-text,var(--ink-900)) !important;
        border-bottom-color: color-mix(in srgb,var(--row-text,var(--ink-900)) 18%,transparent) !important;
    }
    html[data-theme] .mobile-collapsible-grid tbody tr.mobile-expanded td:not(:first-child)::before {
        color: color-mix(in srgb,var(--row-text,var(--ink-900)) 68%,transparent) !important;
    }
    html[data-theme] .mobile-row-toggle {
        color: var(--ink-900) !important;
        border-color: var(--field-border) !important;
        background: color-mix(in srgb,var(--surface) 88%,transparent) !important;
    }
    html[data-theme] .company-week-summary,
    html[data-theme] .weekly-owner-strip {
        color: var(--ink-900) !important;
    }

    /* Mobile Inventory cards/tables use the same palette as desktop. */
    html[data-theme] .simple-material-pricing-table tbody tr {
        color: var(--ink-900) !important;
        border-color: var(--line) !important;
        background: var(--surface) !important;
    }
    html[data-theme] .simple-material-pricing-table tbody td {
        color: var(--ink-900) !important;
        border-color: var(--row-border) !important;
    }
    html[data-theme] .simple-material-pricing-table tbody td::before {
        color: var(--ink-500) !important;
    }
    html[data-theme] .simple-material-pricing-table tbody td:first-child {
        background: var(--soft-surface) !important;
    }
}

/* Payroll surfaces use the selected application theme instead of legacy light-only fills. */
html[data-theme] :is(
    .payroll-period-workspace-card,
    .payroll-period-workspace-collapsible,
    .payroll-period-workspace-collapsible > summary,
    .payroll-selector-empty,
    .weekly-pay-collapsible,
    .weekly-pay-collapsible-summary,
    .electrical-edit-form,
    .electrical-entry-drawer,
    .electrical-worker-option,
    .electrical-crew-chips span,
    .payroll-manual-entry-body,
    .payroll-labor-rate-panel,
    .payroll-flat-entry
) {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme] :is(
    .payroll-period-workspace-collapsible > summary:hover,
    .payroll-period-workspace-collapsible > summary:focus-visible,
    .payroll-period-workspace-collapsible[open] > summary,
    .weekly-pay-collapsible-summary:hover,
    .weekly-pay-collapsible[open] .weekly-pay-collapsible-summary
) {
    background: var(--soft-surface) !important;
}
html[data-theme] :is(
    .payroll-period-form label,
    .payroll-selectors label,
    .electrical-crew-form-heading label,
    .electrical-crew-notes,
    .electrical-entry-form label,
    .electrical-edit-form label,
    .electrical-edit-form .builder-check,
    .electrical-duplicate-check
) {
    color: var(--ink-700) !important;
}
html[data-theme] :is(
    .payroll-period-form input,
    .payroll-period-form textarea,
    .payroll-selectors select,
    .payroll-single-selector select,
    .electrical-crew-form input,
    .electrical-entry-form input,
    .electrical-edit-form input
) {
    color: var(--ink-900) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme] :is(
    .payroll-period-summary-grid .payroll-summary-card,
    .universal-weekly-summary .weekly-summary-card
) {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme] :is(
    .payroll-period-summary-grid .payroll-summary-card span,
    .payroll-period-summary-grid .payroll-summary-card small,
    .universal-weekly-summary .weekly-summary-card span,
    .universal-weekly-summary .weekly-summary-card small
) {
    color: var(--ink-500) !important;
}
html[data-theme] :is(
    .payroll-period-summary-grid .payroll-summary-card strong,
    .universal-weekly-summary .weekly-summary-card strong
) {
    color: var(--ink-900) !important;
}
html[data-theme] :is(
    .payroll-period-summary-grid .payroll-summary-status-open,
    .payroll-period-summary-grid .payroll-summary-ready,
    .universal-weekly-summary .weekly-summary-status-open,
    .universal-weekly-summary .weekly-summary-ready,
    .universal-weekly-summary .weekly-summary-builds
) {
    background: color-mix(in srgb, var(--success-theme) 11%, var(--surface)) !important;
}
html[data-theme] :is(
    .payroll-period-summary-grid .payroll-summary-pending,
    .universal-weekly-summary .weekly-summary-pending,
    .universal-weekly-summary .weekly-summary-labor,
    .payroll-period-summary-grid .payroll-summary-status-review,
    .universal-weekly-summary .weekly-summary-status-review
) {
    background: color-mix(in srgb, var(--warning-theme) 10%, var(--surface)) !important;
}
html[data-theme] :is(
    .payroll-period-summary-grid .payroll-summary-total,
    .payroll-period-summary-grid .payroll-summary-approved,
    .payroll-period-summary-grid .payroll-summary-status-finalized,
    .payroll-period-summary-grid .payroll-summary-status-paid,
    .universal-weekly-summary .weekly-summary-total,
    .universal-weekly-summary .weekly-summary-approved,
    .universal-weekly-summary .weekly-summary-status-finalized,
    .universal-weekly-summary .weekly-summary-status-paid
) {
    background: color-mix(in srgb, var(--blue-600) 10%, var(--surface)) !important;
}
html[data-theme] .electrical-row-actions > summary {
    color: var(--ink-700) !important;
}
html[data-theme] .electrical-row-actions > summary:hover,
html[data-theme] .electrical-row-actions > summary:focus-visible {
    color: var(--blue-600) !important;
}
html[data-theme] .payroll-period-date-help {
    color: var(--ink-500) !important;
}

/* Dark Completed Builds uses dark theme surfaces while retaining row/company color cues. */
html[data-theme="dark"] .completed-row {
    --row-bg: color-mix(in srgb, var(--row-accent) 10%, var(--surface)) !important;
    --row-text: var(--ink-900) !important;
}
html[data-theme="dark"] .completed-grid .completed-inline-input,
html[data-theme="dark"] .completed-grid .completed-notes-input,
html[data-theme="dark"] .completed-grid .completed-price-input {
    color: var(--ink-900) !important;
    border-color: var(--field-border) !important;
    background: color-mix(in srgb, var(--field-bg) 92%, var(--row-accent) 8%) !important;
}
html[data-theme="dark"] .completed-grid thead th,
html[data-theme="dark"] .completed-grid thead .completed-actions-column {
    color: var(--ink-700) !important;
    background: var(--table-head) !important;
}
html[data-theme="dark"] .completed-grid tbody .completed-actions-column,
html[data-theme="dark"] .completed-grid tbody tr:hover .completed-actions-column {
    color: var(--row-text) !important;
    background: var(--row-bg) !important;
}
html[data-theme="dark"] .company-breakdown-chip[class*="company-color-"] {
    color: var(--ink-900) !important;
    background: color-mix(in srgb, var(--company-chip-accent) 12%, var(--surface)) !important;
}
html[data-theme="dark"] .completed-spreadsheet-panel,
html[data-theme="dark"] .completed-grid-wrap {
    border-color: var(--line) !important;
    background: var(--surface) !important;
}


/* v1.21.91: Dark-theme payroll and Completed Builds correction surfaces. */
html[data-theme="dark"] .completed-edit-modal,
html[data-theme="dark"] .completed-edit-modal form {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
}
html[data-theme="dark"] .completed-edit-modal .workflow-modal-header,
html[data-theme="dark"] .completed-edit-modal .workflow-modal-body,
html[data-theme="dark"] .completed-edit-modal .workflow-modal-footer {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme="dark"] .completed-edit-modal .workflow-modal-footer {
    background: var(--soft-surface) !important;
}
html[data-theme="dark"] .completed-edit-modal label,
html[data-theme="dark"] .completed-edit-modal small,
html[data-theme="dark"] .completed-edit-modal .muted {
    color: var(--ink-700) !important;
}
html[data-theme="dark"] .completed-edit-modal input,
html[data-theme="dark"] .completed-edit-modal select,
html[data-theme="dark"] .completed-edit-modal textarea {
    color: var(--ink-900) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme="dark"] .completed-edit-modal input:focus,
html[data-theme="dark"] .completed-edit-modal select:focus,
html[data-theme="dark"] .completed-edit-modal textarea:focus {
    border-color: var(--blue-600) !important;
    box-shadow: 0 0 0 3px var(--focus-ring) !important;
}
html[data-theme="dark"] .completed-edit-modal .modal-close {
    color: var(--ink-700) !important;
    border-color: var(--field-border) !important;
    background: var(--soft-surface) !important;
}

/* v1.21.92: Dark-theme finalized Builder Payroll reopen modal. */
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-delete-modal-card,
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-delete-modal-card > form {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-delete-modal-card > form > header,
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-delete-modal-body,
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-delete-modal-card > form > footer {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-delete-modal-card > form > footer {
    background: var(--soft-surface) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal #builderPayrollReopenDescription,
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-removal-reason,
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-removal-reason > span {
    color: var(--ink-700) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-run-reset-summary {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--soft-surface) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-run-reset-summary strong {
    color: var(--ink-900) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-run-reset-summary small,
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-run-reset-summary b {
    color: var(--ink-700) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-removal-reason textarea {
    color: var(--ink-900) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-removal-reason textarea::placeholder {
    color: var(--ink-500) !important;
    opacity: 1;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-removal-reason textarea:focus {
    border-color: var(--blue-600) !important;
    box-shadow: 0 0 0 3px var(--focus-ring) !important;
    outline: none !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .weekly-reopen-confirmation {
    color: var(--ink-700) !important;
    border-color: var(--field-border) !important;
    background: var(--soft-surface) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .weekly-reopen-confirmation input {
    accent-color: var(--blue-600);
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-run-reset-warning {
    color: var(--danger-theme) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 42%, var(--line)) !important;
    background: color-mix(in srgb, var(--danger-theme) 12%, var(--surface)) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-run-reset-warning strong {
    color: var(--danger-theme) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .payroll-reopen-modal-icon {
    color: var(--blue-600) !important;
    background: color-mix(in srgb, var(--blue-600) 16%, var(--surface)) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .modal-close {
    color: var(--ink-700) !important;
}
html[data-theme="dark"] .weekly-payroll-reopen-modal .modal-close:hover,
html[data-theme="dark"] .weekly-payroll-reopen-modal .modal-close:focus-visible {
    color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
}

/* v1.21.94: Keep compact Active Builds labels readable over stage-colored rows. */
@media (max-width: 780px) {
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.mobile-expanded td::before {
        color: inherit !important;
        -webkit-text-fill-color: currentColor !important;
        opacity: .78;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.mobile-expanded td.mobile-row-primary::before {
        color: inherit !important;
        -webkit-text-fill-color: currentColor !important;
        opacity: .78;
    }
}

/* v1.21.96: Active Builds stage color is limited to the leading edge and Stage text.
   The rest of every row/card stays on the selected theme palette. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row {
    --row-bg: var(--active-build-neutral-bg) !important;
    --row-text: var(--ink-900) !important;
    color: var(--ink-900) !important;
    background: var(--active-build-neutral-bg) !important;
    border-color: var(--row-border) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:nth-child(even) {
    --row-bg: var(--active-build-neutral-bg-alt) !important;
    background: var(--active-build-neutral-bg-alt) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row > td {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--row-bg) !important;
    border-bottom-color: var(--row-border) !important;
    border-right-color: var(--row-border) !important;
    box-shadow: none !important;
}

/* Keep one slim stage-color marker at the leading edge only. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row > td:first-child {
    border-left: 4px solid var(--row-accent) !important;
}

/* All ordinary Active Build values use the selected theme's normal text color. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(
    .grid-input,
    .grid-select:not([data-field="stage_id"]),
    .readonly-value,
    .save-indicator,
    .scheduled-week-input,
    .suite-serial-trigger,
    .labor-pay-details > summary,
    .labor-pay-amount,
    .labor-pay-count,
    .labor-pay-empty
) {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

/* Inputs keep normal theme fields; stage colors do not tint their borders/backgrounds. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(.grid-input,.grid-select,.scheduled-week-input) {
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
    box-shadow: none !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-input::placeholder {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
    opacity: 1 !important;
}

/* Only the actual Stage value carries the configured stage color. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"] {
    color: var(--row-accent) !important;
    -webkit-text-fill-color: var(--row-accent) !important;
    font-weight: 800 !important;
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select option {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
}

/* Hover/focus never turns the whole row into the stage color. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:hover > td,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:focus-within > td {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--row-bg) !important;
    filter: none !important;
    box-shadow: none !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(.grid-input,.grid-select,.scheduled-week-input):hover:not(:disabled) {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:hover:not(:disabled) {
    color: var(--row-accent) !important;
    -webkit-text-fill-color: var(--row-accent) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(.grid-input,.grid-select,.scheduled-week-input):focus {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
    box-shadow: 0 0 0 2px var(--focus-ring) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:focus {
    color: var(--row-accent) !important;
    -webkit-text-fill-color: var(--row-accent) !important;
}

@media (max-width: 780px) {
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row {
        color: var(--ink-900) !important;
        background: var(--row-bg) !important;
        border-color: var(--row-border) !important;
        border-left: 4px solid var(--row-accent) !important;
        box-shadow: 0 2px 8px color-mix(in srgb,var(--canvas) 70%,transparent) !important;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row td {
        color: var(--ink-900) !important;
        -webkit-text-fill-color: var(--ink-900) !important;
        background: transparent !important;
        border-bottom-color: var(--row-border) !important;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row.mobile-expanded td::before,
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row.mobile-expanded td.mobile-row-primary::before {
        color: var(--ink-500) !important;
        -webkit-text-fill-color: var(--ink-500) !important;
        opacity: 1 !important;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row .grid-select[data-field="stage_id"] {
        color: var(--row-accent) !important;
        -webkit-text-fill-color: var(--row-accent) !important;
    }
}

/* v1.21.98: Active Builds stage styling.
   Only the selected Stage text and the left/bottom row edges use the configured
   stage color. Row surfaces and every other value stay on the selected theme. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row > td {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
    border-right-color: var(--row-border) !important;
    border-bottom-color: var(--row-accent) !important;
    box-shadow: none !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row > td:first-child {
    border-left: 4px solid var(--row-accent) !important;
}

/* Hover/focus never turns the row into a stage-colored fill. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:hover > td,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:focus-within > td {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--row-hover) !important;
    border-right-color: var(--row-border) !important;
    border-bottom-color: var(--row-accent) !important;
    filter: none !important;
    box-shadow: none !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:hover > td:first-child,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:focus-within > td:first-child {
    border-left-color: var(--row-accent) !important;
}

/* v1.22.00: Active Builds reference styling.
   The Stage field is a solid configured stage-accent control with white text.
   The row itself remains on the selected theme; only the left/bottom row edges
   and this Stage control carry the stage color. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"],
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: var(--row-accent) !important;
    background-image: none !important;
    border-color: var(--row-accent) !important;
    box-shadow: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

/* Native Stage option menus use normal theme text so every option is readable. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"] option {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
}

/* Every non-Stage value remains normal theme text. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(
    .grid-input,
    .grid-select:not([data-field="stage_id"]),
    .readonly-value,
    .save-indicator,
    .scheduled-week-input,
    .suite-serial-trigger,
    .labor-pay-details > summary,
    .labor-pay-amount,
    .labor-pay-count,
    .labor-pay-empty
),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(.grid-input,.grid-select:not([data-field="stage_id"]),.scheduled-week-input):hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(.grid-input,.grid-select:not([data-field="stage_id"]),.scheduled-week-input):focus {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

/* Type badges have their own semantic colors. Explicit text-fill prevents the
   row's dark-theme text color from being inherited into the light badge fill. */
html[data-theme] #buildGrid.weekly-build-card-grid .production-order-type-badge.customer {
    color: #0759aa !important;
    -webkit-text-fill-color: #0759aa !important;
}
html[data-theme] #buildGrid.weekly-build-card-grid .production-order-type-badge.inventory {
    color: #9b1c1c !important;
    -webkit-text-fill-color: #9b1c1c !important;
}
html[data-theme] #buildGrid.weekly-build-card-grid .production-order-type-badge.production,
html[data-theme] #buildGrid.weekly-build-card-grid .production-order-type-badge.build {
    color: #475467 !important;
    -webkit-text-fill-color: #475467 !important;
}

@media (max-width: 780px) {
    /* Compact/mobile uses the normal theme surface with one stage-colored
       left edge and one stage-colored bottom edge around the build card. */
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row {
        color: var(--ink-900) !important;
        background: var(--surface) !important;
        border-top-color: var(--row-border) !important;
        border-right-color: var(--row-border) !important;
        border-left: 4px solid var(--row-accent) !important;
        border-bottom: 2px solid var(--row-accent) !important;
        box-shadow: none !important;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:hover,
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:focus-within {
        background: var(--row-hover) !important;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row td,
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:hover td,
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:focus-within td {
        color: var(--ink-900) !important;
        -webkit-text-fill-color: var(--ink-900) !important;
        background: transparent !important;
        border-bottom-color: var(--row-border) !important;
        box-shadow: none !important;
    }

    /* The card's outer bottom edge owns the stage color. */
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row td:last-child {
        border-bottom-color: transparent !important;
    }

    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row .grid-select[data-field="stage_id"] {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background-color: var(--row-accent) !important;
        background-image: none !important;
        border-color: var(--row-accent) !important;
        text-shadow: 0 1px 1px rgba(0,0,0,.35);
    }
}


/* v1.22.00: Keep the Active Builds Type pill readable on every dark theme. */
html[data-theme] #buildGrid.weekly-build-card-grid .production-order-type-badge {
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
}

/* v1.22.02: Active Builds uses the Build Stages color configuration directly.
   Stage dropdown fill/text come from the selected stage's Row background/Text
   settings. Left and bottom row edges continue to use the stage Accent. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"],
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:focus {
    color: var(--stage-select-text, var(--row-text)) !important;
    -webkit-text-fill-color: var(--stage-select-text, var(--row-text)) !important;
    background: var(--stage-select-bg, var(--row-bg)) !important;
    background-color: var(--stage-select-bg, var(--row-bg)) !important;
    border-color: var(--stage-select-accent, var(--row-accent)) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--stage-select-accent, var(--row-accent)) 24%, transparent) !important;
    text-shadow: none !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"] option {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
}

@media (max-width: 780px) {
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row .grid-select[data-field="stage_id"],
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:hover:not(:disabled),
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row .grid-select[data-field="stage_id"]:focus {
        color: var(--stage-select-text, var(--row-text)) !important;
        -webkit-text-fill-color: var(--stage-select-text, var(--row-text)) !important;
        background: var(--stage-select-bg, var(--row-bg)) !important;
        background-color: var(--stage-select-bg, var(--row-bg)) !important;
        border-color: var(--stage-select-accent, var(--row-accent)) !important;
        text-shadow: none !important;
    }
}


/* v1.22.03: Active Builds Stage control uses the selected Build Stage colors.
   These selectors intentionally outrank the older transparent-field rules.
   Dropdown fill/text come from Administration > Production > Build Stages.
   The surrounding build row remains on the selected theme. */

/* Not Started also uses its configured stage colors. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-select[data-field="stage_id"],
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-select[data-field="stage_id"]:hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-select[data-field="stage_id"]:focus {
    color: var(--stage-select-text, #212529) !important;
    -webkit-text-fill-color: var(--stage-select-text, #212529) !important;
    background: var(--stage-select-bg, #ffffff) !important;
    background-color: var(--stage-select-bg, #ffffff) !important;
    border-color: var(--stage-select-accent, #c0c0c0) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Every configured production stage uses its exact Admin Row background/Text. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) .grid-select[data-field="stage_id"],
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) .grid-select[data-field="stage_id"]:hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) .grid-select[data-field="stage_id"]:focus {
    color: var(--stage-select-text, #212529) !important;
    -webkit-text-fill-color: var(--stage-select-text, #212529) !important;
    background: var(--stage-select-bg, #ffffff) !important;
    background-color: var(--stage-select-bg, #ffffff) !important;
    border-color: var(--stage-select-accent, #6c757d) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Native option list remains theme-readable when opened. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"] option {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
}

/* Compact/mobile uses the same selected Admin stage colors. */
@media (max-width: 780px) {
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-select[data-field="stage_id"],
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-select[data-field="stage_id"]:hover:not(:disabled),
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"]) .grid-select[data-field="stage_id"]:focus,
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) .grid-select[data-field="stage_id"],
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) .grid-select[data-field="stage_id"]:hover:not(:disabled),
    html[data-theme] #buildGrid.weekly-build-card-grid.mobile-collapsible-grid tbody tr.stage-row:not(:has(.grid-select[data-field="stage_id"] option:checked[data-stage-key="not_started"])) .grid-select[data-field="stage_id"]:focus {
        color: var(--stage-select-text, #212529) !important;
        -webkit-text-fill-color: var(--stage-select-text, #212529) !important;
        background: var(--stage-select-bg, #ffffff) !important;
        background-color: var(--stage-select-bg, #ffffff) !important;
        border-color: var(--stage-select-accent, #6c757d) !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
}


/* v1.22.04: Building Options dark-theme surfaces.
   build-tracker.css defines the Add / Remove / Replace details summaries with
   light-only backgrounds. Dark theme must keep these cards on the same
   BuildSuite dark surfaces as the rest of Active Builds. */
html[data-theme="dark"] .build-option-entry-grid .option-entry-card {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .build-option-entry-grid .option-entry-card > summary {
    background: var(--soft-surface) !important;
    color: var(--ink-900) !important;
    border-bottom-color: transparent !important;
}

html[data-theme="dark"] .build-option-entry-grid .option-entry-card[open] > summary {
    background: var(--soft-surface-2) !important;
    border-bottom-color: var(--line) !important;
}

html[data-theme="dark"] .build-option-entry-grid .option-entry-card > summary strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

html[data-theme="dark"] .build-option-entry-grid .option-entry-card > summary small {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
}

html[data-theme="dark"] .build-option-entry-grid .option-entry-card > summary::after {
    color: var(--ink-500) !important;
}

/* Replacement detail panels were also authored as light-only surfaces. */
html[data-theme="dark"] .build-option-entry-grid .replacement-side,
html[data-theme="dark"] .build-option-entry-grid .is-remove-side,
html[data-theme="dark"] .build-option-entry-grid .is-add-side {
    background: var(--soft-surface) !important;
    border-color: var(--line) !important;
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .build-option-entry-grid .replacement-side h3 {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}


/* v1.22.05: Building Options payroll preview and worksheet chips.
   The base tracker stylesheet defines these as light-only cards/chips. */
html[data-theme="dark"] .build-options-payroll-panel .payroll-option-preview-grid article {
    color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
    border-color: var(--line) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .build-options-payroll-panel .payroll-option-preview-grid article span,
html[data-theme="dark"] .build-options-payroll-panel .payroll-option-preview-grid article small {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
}

html[data-theme="dark"] .build-options-payroll-panel .payroll-option-preview-grid article strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

html[data-theme="dark"] .build-options-payroll-panel .payroll-option-breakdown {
    border-top-color: var(--line) !important;
}

html[data-theme="dark"] .build-options-payroll-panel .payroll-option-breakdown-line b {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

html[data-theme="dark"] .build-options-payroll-panel .payroll-sync-actions {
    border-top-color: var(--line) !important;
}

html[data-theme="dark"] .build-options-payroll-panel .payroll-sync-actions > div span,
html[data-theme="dark"] .build-options-payroll-panel .payroll-sync-actions > div small,
html[data-theme="dark"] .build-options-payroll-panel .payroll-sync-replace-option {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
}

/* Worksheet Details and Standard Package count/date chips. */
html[data-theme="dark"] .build-options-meta-panel .worksheet-meta-chip,
html[data-theme="dark"] .standard-package-panel .worksheet-meta-chip,
html[data-theme="dark"] .customer-changes-panel .worksheet-meta-chip {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
    border-color: var(--line) !important;
    box-shadow: none !important;
}

/* A fully removed Standard Package row must stay on the active dark palette.
   The base ledger style uses a light gray removal background. */
html[data-theme="dark"] .standard-package-panel .fully-removed-standard,
html[data-theme="dark"] .standard-package-panel .fully-removed-standard:hover {
    background: var(--danger-bg) !important;
    color: var(--ink-700) !important;
}

html[data-theme="dark"] .standard-package-panel .fully-removed-standard td {
    color: var(--ink-700) !important;
    border-bottom-color: var(--line) !important;
}

html[data-theme="dark"] .standard-package-panel .fully-removed-standard td strong {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}


/* v1.22.06: Completed Builds company totals readability in Dark theme.
   The base Completed Builds stylesheet uses light-theme text colors inside the
   company summary chips. Keep the company accent treatment, but use the active
   dark-theme text palette for every label, total and build count. */
html[data-theme="dark"] .company-week-summary > article > span {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}

html[data-theme="dark"] .company-week-summary > article > strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}

html[data-theme="dark"] .company-week-summary > article > small {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}

html[data-theme="dark"] .company-breakdown-chip[class*="company-color-"] {
    color: var(--ink-900) !important;
    background: color-mix(in srgb, var(--company-chip-accent) 16%, var(--surface)) !important;
    border-top: 1px solid color-mix(in srgb, var(--company-chip-accent) 32%, var(--line)) !important;
    border-right: 1px solid color-mix(in srgb, var(--company-chip-accent) 32%, var(--line)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--company-chip-accent) 32%, var(--line)) !important;
}

html[data-theme="dark"] .company-breakdown-chip span {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .company-breakdown-chip strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .company-breakdown-chip small {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .company-breakdown-list .muted {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}


/* v1.22.11: Building Options - complete Dark-theme treatment.
   Shared by Inventory > Building Options and Administration > Production >
   Building Options. Pricing behavior is unchanged. */

/* Pricing source guide cards: normal + hover. */
html[data-theme="dark"] .pricing-retail-panel .retail-source-guide > div {
    color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
    border-color: var(--line) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-source-guide > div:hover {
    color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
    border-color: var(--field-border) !important;
    box-shadow: 0 0 0 1px var(--field-border) !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-source-guide strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-source-guide span {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
}

/* Count/status chips in the Building Options heading. */
html[data-theme="dark"] .pricing-retail-panel .pricing-source-badge,
html[data-theme="dark"] .pricing-guide-heading .module-status-badge:not(.warning) {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
    border-color: var(--field-border) !important;
}

/* Add Building Option accordion. */
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add > summary {
    color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
    border-color: var(--line) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add > summary:hover {
    background: var(--soft-surface-2) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add > summary strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add > summary small,
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add-form label > small {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add-form {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
    border-top-color: var(--line) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-add-form label > span:first-child {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}

/* Search/filter bar. */
html[data-theme="dark"] .pricing-retail-panel .pricing-filter-bar {
    color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
    border-color: var(--line) !important;
}

/* Editable fields in Add Building Option, filters, and table rows. */
html[data-theme="dark"] .pricing-retail-panel :is(
    .pricing-retail-add-form input[type="text"],
    .pricing-retail-add-form input[type="number"],
    .pricing-retail-add-form select,
    .pricing-filter-bar input,
    .pricing-filter-bar select,
    .pricing-retail-table input[type="text"],
    .pricing-retail-table input[type="number"],
    .pricing-retail-table select,
    .pricing-retail-table textarea
) {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .pricing-retail-panel :is(
    .pricing-retail-add-form input,
    .pricing-retail-add-form select,
    .pricing-filter-bar input,
    .pricing-filter-bar select,
    .pricing-retail-table input,
    .pricing-retail-table select,
    .pricing-retail-table textarea
):hover:not(:disabled) {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
    border-color: var(--field-border) !important;
}
html[data-theme="dark"] .pricing-retail-panel :is(
    .pricing-retail-add-form input,
    .pricing-retail-add-form select,
    .pricing-filter-bar input,
    .pricing-filter-bar select,
    .pricing-retail-table input,
    .pricing-retail-table select,
    .pricing-retail-table textarea
):focus {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--field-bg) !important;
    border-color: var(--blue-600) !important;
    box-shadow: 0 0 0 2px var(--focus-ring) !important;
}

/* Locked rows must remain readable, not revert to the light-only locked style. */
html[data-theme="dark"] .pricing-retail-panel .retail-row-locked input:not([type="hidden"]),
html[data-theme="dark"] .pricing-retail-panel .retail-row-locked select,
html[data-theme="dark"] .pricing-retail-panel .retail-row-locked textarea {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
    background: var(--soft-surface) !important;
    border-color: var(--field-border) !important;
    opacity: 1 !important;
}

/* Composite Retail Rate and Linked Material controls. */
html[data-theme="dark"] .pricing-retail-panel .retail-rate-control,
html[data-theme="dark"] .pricing-retail-panel .retail-linked-material-control {
    color: var(--ink-900) !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-rate-control {
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-rate-control strong {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
    background: var(--soft-surface-2) !important;
    border-left-color: var(--field-border) !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-inline-multiplier > span,
html[data-theme="dark"] .pricing-retail-panel .retail-linked-material-control > b,
html[data-theme="dark"] .pricing-retail-panel .retail-active-field {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}

/* Building Options table - normal, alternating, hover and edit states. */
html[data-theme="dark"] .pricing-retail-panel .pricing-table-wrap {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table thead th {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
    background: var(--table-head) !important;
    border-color: var(--row-border) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr,
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr:nth-child(even) {
    color: var(--ink-900) !important;
    background: var(--surface) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody td {
    color: var(--ink-900) !important;
    border-color: var(--row-border) !important;
    background: transparent !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr:hover,
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr:hover td {
    color: var(--ink-900) !important;
    background: var(--row-hover) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr[data-retail-editing="1"],
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr[data-retail-editing="1"] td {
    color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
}
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr[data-retail-editing="1"]:hover,
html[data-theme="dark"] .pricing-retail-panel .pricing-retail-table tbody tr[data-retail-editing="1"]:hover td {
    background: var(--soft-surface-2) !important;
}

/* Edit/delete action buttons. */
html[data-theme="dark"] .pricing-retail-panel .retail-row-action {
    color: var(--ink-900) !important;
    background: var(--soft-surface) !important;
    border-color: var(--field-border) !important;
}
html[data-theme="dark"] .pricing-retail-panel .retail-row-action:hover {
    color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
    border-color: var(--blue-600) !important;
}

/* Autosave/reference helper text. */
html[data-theme="dark"] .pricing-retail-panel :is(
    .retail-autosave-status,
    .retail-linked-material-cell small,
    .retail-rate-cell > small,
    .pricing-retail-source-form label > small
) {
    color: var(--ink-500) !important;
    -webkit-text-fill-color: var(--ink-500) !important;
}


/* v1.22.23 - Electrical Payroll workspace cleanup and dark-theme polish. */
html[data-theme] :is(
    .electrical-workspace-card,
    .electrical-current-crew,
    .electrical-entry-total output
) {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}
html[data-theme] :is(
    .electrical-period-create .settings-disclosure-action,
    .electrical-crew-panel .settings-disclosure-action
) {
    color: var(--ink-700) !important;
    border-color: var(--line) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] .electrical-serial-source {
    color: var(--ink-500) !important;
}
html[data-theme="void"] .electrical-crew-total {
    color: var(--volt-text-1) !important;
    border-color: var(--volt-border-1) !important;
    background: var(--volt-surface-2) !important;
}
html[data-theme="void"] .electrical-crew-total.is-valid {
    color: var(--volt-success-text) !important;
    border-color: color-mix(in srgb, var(--volt-success-text) 25%, var(--volt-border-1)) !important;
    background: color-mix(in srgb, var(--volt-success-bg) 60%, var(--volt-surface-2)) !important;
}
html[data-theme="void"] .electrical-crew-total.is-invalid {
    color: var(--volt-danger-text) !important;
    border-color: color-mix(in srgb, var(--volt-danger-text) 24%, var(--volt-border-1)) !important;
    background: color-mix(in srgb, var(--volt-danger-bg) 72%, var(--volt-surface-2)) !important;
}
html[data-theme="void"] .electrical-serial-source {
    color: var(--volt-text-2) !important;
}

/* v1.22.24 - Electrical Payroll compact workspace theme alignment. */
html[data-theme] :is(
    .electrical-workspace-panel,
    .electrical-workspace-summary,
    .electrical-workspace-card,
    .electrical-worker-option,
    .electrical-crew-footer
) {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
}

html[data-theme] .electrical-workspace-panel,
html[data-theme] .electrical-workspace-card,
html[data-theme] .electrical-worker-option {
    background: var(--surface) !important;
}

html[data-theme] .electrical-workspace-summary {
    background: var(--surface) !important;
}

html[data-theme] .electrical-workspace-summary:hover,
html[data-theme] .electrical-workspace-summary:focus-visible {
    background: var(--soft-surface) !important;
}

html[data-theme] :is(
    .electrical-workspace-summary strong,
    .electrical-workspace-card-heading h3,
    .electrical-heading-total strong,
    .electrical-crew-form-heading h3,
    .electrical-worker-check strong,
    .electrical-worker-split b
) {
    color: var(--ink-900) !important;
}

html[data-theme] :is(
    .electrical-workspace-summary small,
    .electrical-heading-total span,
    .electrical-crew-form-heading p,
    .electrical-worker-check small
) {
    color: var(--ink-500) !important;
}

html[data-theme] .electrical-workspace-summary .settings-disclosure-action {
    color: var(--ink-700) !important;
    border-color: var(--line) !important;
    background: var(--soft-surface) !important;
}

html[data-theme] .electrical-crew-footer .electrical-crew-notes,
html[data-theme] .electrical-crew-form-heading label {
    color: var(--ink-700) !important;
}

html[data-theme] .electrical-crew-total {
    border-color: var(--line) !important;
}

html[data-theme="dark"] .electrical-crew-total.is-valid,
html[data-theme="void"] .electrical-crew-total.is-valid {
    color: var(--success-theme) !important;
    background: color-mix(in srgb, var(--success-theme) 12%, var(--surface)) !important;
    border-color: color-mix(in srgb, var(--success-theme) 34%, var(--line)) !important;
}

html[data-theme="dark"] .electrical-crew-total.is-invalid,
html[data-theme="void"] .electrical-crew-total.is-invalid {
    color: var(--danger-theme) !important;
    background: color-mix(in srgb, var(--danger-theme) 12%, var(--surface)) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 34%, var(--line)) !important;
}


/* v1.22.26 Administration dark-theme cleanup */
html[data-theme] .pricing-source-badge,
html[data-theme] .pricing-readonly-note,
html[data-theme] .pricing-block-count,
html[data-theme] .settings-disclosure-action,
html[data-theme] .member-section-badge,
html[data-theme] .builder-job-badge,
html[data-theme] .payroll-route-badge,
html[data-theme] .catalog-metal-badge {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] .pricing-filter-bar,
html[data-theme] .standard-style-heading,
html[data-theme] .privacy-information,
html[data-theme] .settings-information,
html[data-theme] .legend-output-example,
html[data-theme] .legend-help,
html[data-theme] .builder-usage,
html[data-theme] .member-edit-section > summary,
html[data-theme] .weekly-pay-types-disclosure > summary {
    color: var(--text) !important;
    border-color: var(--border) !important;
}
html[data-theme] .pricing-filter-bar,
html[data-theme] .standard-style-heading,
html[data-theme] .privacy-information,
html[data-theme] .settings-information,
html[data-theme] .legend-output-example,
html[data-theme] .builder-usage,
html[data-theme] .member-edit-section > summary,
html[data-theme] .weekly-pay-types-disclosure > summary,
html[data-theme] .settings-disclosure-summary,
html[data-theme] .pricing-rate-block > summary,
html[data-theme] .pricing-percentage-block > summary,
html[data-theme] .standard-build-add-style > summary,
html[data-theme] .standard-style-settings > summary,
html[data-theme] .standard-item-add > summary,
html[data-theme] .builder-card-summary {
    background: var(--soft-surface) !important;
}
html[data-theme] .member-edit-section > summary:hover,
html[data-theme] .member-edit-section[open] > summary,
html[data-theme] .weekly-pay-types-disclosure > summary:hover,
html[data-theme] .weekly-pay-types-disclosure[open] > summary,
html[data-theme] .settings-disclosure-summary:hover,
html[data-theme] .settings-disclosure[open] > .settings-disclosure-summary,
html[data-theme] .pricing-rate-block[open] > summary,
html[data-theme] .pricing-percentage-block[open] > summary,
html[data-theme] .builder-card-summary:hover,
html[data-theme] .builder-card[open] > .builder-card-summary {
    background: var(--row-hover) !important;
}
html[data-theme] .pricing-rate-block,
html[data-theme] .pricing-percentage-block,
html[data-theme] .standard-build-add-style,
html[data-theme] .standard-style-settings,
html[data-theme] .standard-item-add,
html[data-theme] .standard-build-summary-grid > div,
html[data-theme] .standard-style-policy-summary,
html[data-theme] .standard-style-policy-summary > div,
html[data-theme] .builder-card,
html[data-theme] .builder-card-body,
html[data-theme] .member-edit-section,
html[data-theme] .member-edit-section-body,
html[data-theme] .weekly-pay-types-disclosure,
html[data-theme] .weekly-pay-types-disclosure .weekly-rule-list,
html[data-theme] .legend-table,
html[data-theme] .legend-edit-row,
html[data-theme] .pricing-rate-field {
    border-color: var(--border) !important;
    background: var(--panel) !important;
}
html[data-theme] .pricing-rate-block-body,
html[data-theme] .pricing-percentage-block-body,
html[data-theme] .settings-disclosure-body,
html[data-theme] .builder-card-body,
html[data-theme] .member-edit-section-body,
html[data-theme] .weekly-pay-types-disclosure .weekly-rule-list {
    border-color: var(--row-border) !important;
    background: var(--panel) !important;
}
html[data-theme] .pricing-rate-block > summary strong,
html[data-theme] .pricing-percentage-block > summary strong,
html[data-theme] .standard-build-add-style > summary strong,
html[data-theme] .standard-style-settings > summary strong,
html[data-theme] .standard-item-add > summary strong,
html[data-theme] .catalog-style-heading strong,
html[data-theme] .pricing-style-cell strong,
html[data-theme] .standard-style-heading h3,
html[data-theme] .builder-summary-identity strong,
html[data-theme] .builder-summary-usage strong,
html[data-theme] .builder-card-heading strong,
html[data-theme] .pricing-rate-field > span:first-child,
html[data-theme] .pricing-table td strong,
html[data-theme] .legend-help strong,
html[data-theme] .legend-table-heading,
html[data-theme] .member-edit-section summary strong,
html[data-theme] .weekly-pay-types-disclosure summary strong {
    color: var(--text) !important;
}
html[data-theme] .pricing-rate-block > summary small,
html[data-theme] .pricing-percentage-block > summary small,
html[data-theme] .standard-build-add-style > summary small,
html[data-theme] .standard-style-settings > summary small,
html[data-theme] .standard-item-add > summary small,
html[data-theme] .pricing-style-cell small,
html[data-theme] .pricing-table td small,
html[data-theme] .standard-style-heading p:last-child,
html[data-theme] .builder-summary-identity small,
html[data-theme] .builder-summary-usage small,
html[data-theme] .builder-card-heading small,
html[data-theme] .pricing-rate-field small,
html[data-theme] .privacy-information span,
html[data-theme] .settings-information span,
html[data-theme] .legend-help span,
html[data-theme] .legend-help small,
html[data-theme] .member-edit-section summary small,
html[data-theme] .weekly-pay-types-disclosure summary small {
    color: var(--muted) !important;
}
html[data-theme] .pricing-rate-block > summary::after,
html[data-theme] .pricing-percentage-block > summary::after,
html[data-theme] .builder-summary-chevron,
html[data-theme] .pricing-delete-icon {
    border-color: var(--border) !important;
}
html[data-theme] .pricing-rate-block > summary::after,
html[data-theme] .pricing-percentage-block > summary::after,
html[data-theme] .pricing-delete-icon {
    color: var(--text) !important;
    background: var(--panel) !important;
}
html[data-theme] .builder-summary-chevron {
    border-right-color: var(--muted) !important;
    border-bottom-color: var(--muted) !important;
}
html[data-theme] .pricing-percent-control,
html[data-theme] .pricing-money-control {
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme] .pricing-percent-control strong,
html[data-theme] .pricing-money-control strong {
    color: var(--muted) !important;
    border-color: var(--field-border) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] .pricing-percent-control input:disabled,
html[data-theme] .pricing-money-control input:disabled {
    color: var(--muted) !important;
    background: color-mix(in srgb, var(--soft-surface) 82%, var(--field-bg)) !important;
}
html[data-theme] .pricing-filter-bar input,
html[data-theme] .pricing-filter-bar select,
html[data-theme] .legend-edit-row input[type="text"],
html[data-theme] .legend-edit-row input[type="number"] {
    color: var(--text) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html[data-theme] .pricing-filter-bar input::placeholder,
html[data-theme] .legend-edit-row input[type="text"]::placeholder,
html[data-theme] .legend-edit-row input[type="number"]::placeholder {
    color: var(--muted) !important;
}
html[data-theme] .pricing-table-wrap,
html[data-theme] .legend-table {
    border-color: var(--border) !important;
}
html[data-theme] .pricing-table {
    background: var(--panel) !important;
}
html[data-theme] .pricing-table thead th,
html[data-theme] .legend-table-heading {
    color: var(--muted) !important;
    border-color: var(--row-border) !important;
    background: var(--table-head) !important;
}
html[data-theme] .pricing-table th,
html[data-theme] .pricing-table td,
html[data-theme] .legend-edit-row {
    border-right-color: var(--row-border) !important;
    border-bottom-color: var(--row-border) !important;
}
html[data-theme] .pricing-table td {
    color: var(--text) !important;
}
html[data-theme] .pricing-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--panel) 88%, var(--soft-surface)) !important;
}
html[data-theme] .pricing-table tbody tr:hover {
    background: var(--row-hover) !important;
}
html[data-theme] .pricing-table .total-column {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel)) !important;
}
html[data-theme] .legend-help {
    border-color: color-mix(in srgb, var(--warning-theme) 40%, var(--border)) !important;
    background: color-mix(in srgb, var(--warning-bg) 78%, var(--panel)) !important;
}
html[data-theme] .legend-help strong {
    color: var(--warning-theme) !important;
}
html[data-theme] .privacy-information a {
    color: var(--primary) !important;
}
html[data-theme] .builder-status-text.is-active {
    color: var(--success-theme) !important;
}
html[data-theme] .builder-status-text.is-inactive {
    color: var(--muted) !important;
}

/* BuildSuite v1.22.45 dark-theme consistency sweep. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page {
    color: var(--text) !important;
    background: var(--bg) !important;
}

/* Prevent light-only form fields from leaking through module-specific styles. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
    select,
    textarea
) {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :where(input, textarea)::placeholder {
    color: var(--muted) !important;
    -webkit-text-fill-color: var(--muted) !important;
    opacity: 1 !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page option {
    color: var(--text) !important;
    background: var(--surface) !important;
}

/* Shared panels, dialogs, drawers, menus, and popovers. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .workflow-modal-card,
    .payroll-delete-modal-card,
    .privacy-modal-card,
    .suite-photo-viewer,
    .suite-serial-modal,
    .production-quick-view-drawer,
    .production-quick-view-hero,
    .production-quick-view-card,
    .active-build-actions-menu,
    .completed-actions-menu,
    .filter-dropdown-menu,
    .build-column-menu,
    .page-action-dropdown-menu,
    .document-not-found-card,
    .similar-serial-match,
    .builder-payroll-sync-card,
    .metal-order-create-modal,
    .metal-order-modal-body,
    .inventory-finalize-card,
    .inventory-finalize-issue-group,
    .email-signature-preview,
    .shared-provider-option,
    .settings-overview-section
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .workflow-modal-header,
    .workflow-modal-footer,
    .payroll-delete-modal-card > form > header,
    .payroll-delete-modal-card > form > footer,
    .privacy-modal-card > form > header,
    .privacy-modal-card > form > footer,
    .suite-photo-viewer-header,
    .suite-photo-viewer-footer,
    .suite-serial-modal-header,
    .production-quick-view-drawer-header,
    .active-build-actions-menu-header,
    .completed-actions-menu-header,
    .metal-order-modal-footer,
    .inventory-finalize-issue-group > header,
    .settings-overview-heading
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .modal-close,
    .privacy-modal-card .modal-close,
    .suite-photo-viewer-close,
    .suite-serial-modal-close,
    .production-quick-view-close,
    .inspection-stage-admin-button,
    .filter-dropdown > summary,
    .filter-date-presets button,
    .active-build-more-actions-button,
    .active-build-document-icon,
    .settings-overview-badge,
    .setting-check
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .active-build-actions-menu-item,
    .completed-actions-menu a,
    .completed-actions-menu button,
    .build-column-menu-option,
    .page-action-dropdown-menu a,
    .settings-navigation-link
) {
    color: var(--text) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .active-build-actions-menu-hint,
    .active-build-actions-menu-header small,
    .completed-actions-menu small,
    .settings-overview-section small,
    .settings-overview-heading small
) {
    color: var(--muted) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .active-build-actions-menu-item:hover,
    .active-build-actions-menu-item:focus-visible,
    .completed-actions-menu a:hover,
    .completed-actions-menu button:hover,
    .build-column-menu-option:hover,
    .page-action-dropdown-menu a:hover,
    .page-action-dropdown-menu a:focus-visible,
    .settings-navigation-link:hover,
    .setting-check:hover,
    .filter-date-presets button:hover
) {
    color: var(--text) !important;
    background: var(--row-hover) !important;
}

/* Active Builds delete dialog: no light form blocks or low-contrast copy. */
html:is([data-theme="dark"],[data-theme="void"]) #deleteBuildModal .delete-build-modal {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) #deleteBuildModal :is(.workflow-modal-header,.workflow-modal-body,.workflow-modal-footer) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) #deleteBuildModal .danger-summary {
    color: var(--danger-theme) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 38%, var(--border)) !important;
    background: var(--danger-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) #deleteBuildModal .danger-summary strong {
    color: var(--danger-theme) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) #deleteBuildModal .danger-summary :is(span,small) {
    color: var(--text) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) #deleteBuildModal :is(input,textarea) {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}

/* Inspection completion must remain readable in either dark theme. */
html:is([data-theme="dark"],[data-theme="void"]) .inspection-completion-button,
html:is([data-theme="dark"],[data-theme="void"]) .inspection-completion-label {
    color: var(--warning-theme) !important;
    -webkit-text-fill-color: var(--warning-theme) !important;
    border-color: color-mix(in srgb, var(--warning-theme) 48%, var(--border)) !important;
    background: var(--warning-bg) !important;
    text-shadow: none !important;
}
html:is([data-theme="dark"],[data-theme="void"]) .inspection-completion-button:hover,
html:is([data-theme="dark"],[data-theme="void"]) .inspection-completion-button:focus-visible {
    color: var(--warning-theme) !important;
    -webkit-text-fill-color: var(--warning-theme) !important;
    border-color: var(--warning-theme) !important;
    background: color-mix(in srgb, var(--warning-theme) 13%, var(--surface)) !important;
}

/* Build view, filters, and photo controls. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .build-view-summary-card,
    .build-view-detail-grid > div,
    .build-view-notes,
    .weekly-refresh-chip,
    .worksheet-meta-chip,
    .filter-date-presets button,
    .photo-upload-preview-item,
    .build-stage-completion-card,
    .metal-order-po-banner,
    .metal-order-modal-no-metal
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) .finished-photo-remove {
    color: var(--danger-theme) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 36%, var(--border)) !important;
    background: var(--danger-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) .finished-photo-remove:hover,
html:is([data-theme="dark"],[data-theme="void"]) .finished-photo-remove:focus-visible {
    color: var(--danger-theme) !important;
    background: color-mix(in srgb, var(--danger-theme) 16%, var(--surface)) !important;
}

/* Payroll controls and correction dialogs. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .payroll-delete-modal-body,
    .payroll-delete-row-summary,
    .electrical-entry-drawer,
    .electrical-workspace-panel,
    .electrical-workspace-summary,
    .weekly-earning-notes-total .weekly-earning-total
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) :is(.electrical-delete-icon,.payroll-options-icon) {
    color: var(--danger-theme) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 35%, var(--border)) !important;
    background: var(--danger-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) .payroll-options-icon {
    color: var(--primary) !important;
    border-color: color-mix(in srgb, var(--primary) 35%, var(--border)) !important;
    background: color-mix(in srgb, var(--primary) 10%, var(--surface)) !important;
}

/* Administration/Settings surfaces that still carried light-only values. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .settings-hero,
    .settings-heading
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: linear-gradient(135deg, var(--surface), var(--soft-surface)) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(.settings-table,.responsive-table) th {
    color: var(--muted) !important;
    border-color: var(--row-border) !important;
    background: var(--table-head) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .settings-overview-link:hover {
    color: var(--text) !important;
    background: var(--row-hover) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .settings-overview-link-icon {
    color: var(--primary) !important;
    background: var(--soft-surface) !important;
}

/* Inventory finalization and Purchasing maintenance surfaces. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .inventory-finalize-summary article,
    .inventory-finalize-status,
    .inventory-finalize-line-list,
    .purchasing-email-status-details,
    .purchasing-email-send-form-compact,
    .metal-backfill-count,
    .metal-backfill-warning,
    .metal-backfill-table th
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .metal-backfill-toolbar label > span,
    .metal-backfill-table td > strong + small,
    .metal-inline-status,
    .metal-backfill-submit-row > span
) {
    color: var(--muted) !important;
}

/* Email configuration surfaces. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .email-signature-preview-card,
    .email-signature-logo-placeholder,
    .shared-provider-fields,
    .shared-mail-panel .shared-mail-advanced
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .email-po-subject-grid label,
    .email-signature-field-grid label,
    .email-recipient-three-column-grid label,
    .email-test-form label,
    .email-signature-logo-field
) {
    color: var(--text) !important;
}

/* Dark equivalents for light-only warning and error callouts. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .suite-serial-warning,
    .weekly-overtime-adjustment-note.is-manual,
    .team-roof-material-badge.is-ready_for_pickup
) {
    color: var(--warning-theme) !important;
    border-color: color-mix(in srgb, var(--warning-theme) 35%, var(--border)) !important;
    background: var(--warning-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .suite-serial-error,
    .suite-serial-status.is-error,
    .shared-google-error,
    .delivery-log-status.failed,
    .purchasing-delete-warning,
    .purchasing-delete-icon,
    .purchasing-remove-item
) {
    color: var(--danger-theme) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 35%, var(--border)) !important;
    background: var(--danger-bg) !important;
}

/* How To pages: keep instructional cards from reverting to paper-white. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .howto-welcome,
    .howto-flow article,
    .howto-section details > summary,
    .howto-definition-grid > div,
    .howto-troubleshooting-grid > div,
    .howto-callout,
    .howto-table,
    .howto-screen-guide,
    .howto-screen-browser,
    .howto-screen-metrics,
    .howto-screen-metrics > div,
    .howto-screen-filters span,
    .howto-screen-grid-head span,
    .howto-screen-footer,
    .howto-visual-key li,
    .howto-step-cards > section
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .howto-table th {
    color: var(--muted) !important;
    background: var(--table-head) !important;
}

/* Remaining dark-surface exceptions found during the v1.22.45 theme audit. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .suite-serial-current,
    .suite-serial-choice,
    .dashboard-company-production-card,
    .finished-photo-card
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .suite-serial-field input {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .production-quick-view-body {
    color: var(--text) !important;
    background: var(--bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .production-quick-view-collapsible > summary:hover {
    color: var(--text) !important;
    background: var(--row-hover) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .production-quick-view-file-source,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .document-not-found-code {
    color: var(--primary) !important;
    border-color: color-mix(in srgb, var(--primary) 30%, var(--border)) !important;
    background: color-mix(in srgb, var(--primary) 10%, var(--surface)) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .metal-order-po-banner.is-missing {
    color: var(--warning-theme) !important;
    border-color: color-mix(in srgb, var(--warning-theme) 35%, var(--border)) !important;
    background: var(--warning-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .build-stage-completion-card.is-complete {
    color: var(--success-theme) !important;
    border-color: color-mix(in srgb, var(--success-theme) 35%, var(--border)) !important;
    background: var(--success-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .completed-more-actions-button[aria-expanded="true"] {
    color: var(--text) !important;
    border-color: var(--primary) !important;
    background: color-mix(in srgb, var(--primary) 12%, var(--surface)) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .purchase-status.cancelled {
    color: var(--danger-theme) !important;
    background: var(--danger-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .purchase-email-status.not_sent {
    color: var(--muted) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .building-retail-source.is-direct {
    color: var(--warning-theme) !important;
    border-color: color-mix(in srgb, var(--warning-theme) 35%, var(--border)) !important;
    background: var(--warning-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .team-roof-material-badge.is-partial_metal_delivered {
    color: var(--warning-theme) !important;
    border-color: color-mix(in srgb, var(--warning-theme) 35%, var(--border)) !important;
    background: var(--warning-bg) !important;
}


/* v1.22.46 dark-theme contrast guard */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-card,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-card form,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-header,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-body,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-footer {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-card :is(h1,h2,h3,h4,label,strong,.eyebrow) {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-card :is(.muted,small) {
    color: var(--muted) !important;
    -webkit-text-fill-color: var(--muted) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .workflow-modal-card :is(input,select,textarea),
html:is([data-theme="dark"],[data-theme="void"]) body.app-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
html:is([data-theme="dark"],[data-theme="void"]) body.app-page select,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page textarea {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    border-color: var(--field-border) !important;
    background: var(--field-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(input,textarea)::placeholder {
    color: var(--muted) !important;
    -webkit-text-fill-color: var(--muted) !important;
    opacity: 1 !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(.modal-close,.btn-secondary) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #deleteBuildModal .delete-build-modal {
    border: 1px solid var(--border) !important;
    background: var(--surface) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.52) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #deleteBuildModal .delete-modal-header {
    border-top-color: var(--danger-theme) !important;
    border-right-color: var(--border) !important;
    border-bottom-color: var(--border) !important;
    border-left-color: var(--border) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #deleteBuildModal .danger-summary {
    color: var(--text) !important;
    border-color: color-mix(in srgb,var(--danger-theme) 38%,var(--border)) !important;
    background: var(--danger-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #deleteBuildModal .danger-summary strong {
    color: var(--danger-theme) !important;
    -webkit-text-fill-color: var(--danger-theme) !important;
}

/* Building Definitions and Pricing pages use the same dark surfaces in both dark themes. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .pricing-standard-panel,
    .pricing-rate-panel,
    .pricing-retail-panel,
    .pricing-catalog-panel,
    .standard-definition-group-manager,
    .standard-definition-group-manager-body,
    .standard-definition-group-row,
    .standard-build-add-style,
    .standard-style-settings,
    .standard-item-add,
    .standard-build-filter,
    .standard-style-list,
    .standard-style-heading,
    .standard-style-policy-summary,
    .standard-style-policy-summary > div,
    .standard-build-no-selection,
    .standard-catalog-card,
    .standard-items-table-wrap,
    .pricing-delete-dialog-card
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .standard-build-add-style > summary,
    .standard-style-settings > summary,
    .standard-item-add > summary,
    .standard-definition-group-manager > summary,
    .standard-style-group-heading
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .standard-style-group-heading,
    .standard-definition-group-row label > span,
    .standard-style-add-form label > span,
    .standard-style-edit-form label > span,
    .standard-item-add-form label > span,
    .standard-style-policy-form label > span,
    .standard-style-heading h3,
    .standard-items-table th,
    .standard-items-table td
) {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .standard-style-heading p,
    .standard-style-link small,
    .standard-style-link em,
    .standard-definition-group-manager small,
    .standard-style-policy-form label > small
) {
    color: var(--muted) !important;
    -webkit-text-fill-color: var(--muted) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .pricing-delete-dialog-name {
    color: var(--warning-theme) !important;
    border-color: color-mix(in srgb,var(--warning-theme) 35%,var(--border)) !important;
    background: var(--warning-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page .pricing-delete-dialog-icon {
    color: var(--danger-theme) !important;
    background: var(--danger-bg) !important;
}

/* v1.22.49 Building Definitions dark-theme category visibility and compact actions */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page.administration-production-workspace .pricing-standard-panel p.standard-style-group-heading {
    color: #08121d !important;
    -webkit-text-fill-color: #08121d !important;
    border-top-color: #7fb3ff !important;
    border-bottom-color: #7fb3ff !important;
    background: #6ea5f2 !important;
    text-shadow: none !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page.administration-production-workspace .pricing-standard-panel .standard-style-edit-form.standard-style-policy-form .standard-style-submit {
    width: min(100%, 240px) !important;
    max-width: 240px !important;
    justify-self: end !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page.administration-production-workspace .pricing-standard-panel .standard-item-add-form .standard-item-submit {
    width: min(100%, 220px) !important;
    max-width: 220px !important;
    justify-self: end !important;
}
@media (max-width: 700px) {
    html:is([data-theme="dark"],[data-theme="void"]) body.app-page.administration-production-workspace .pricing-standard-panel .standard-style-edit-form.standard-style-policy-form .standard-style-submit,
    html:is([data-theme="dark"],[data-theme="void"]) body.app-page.administration-production-workspace .pricing-standard-panel .standard-item-add-form .standard-item-submit {
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
    }
}

/* v1.22.54: Weekly Payroll totals and finalized-run actions use the active theme cleanly. */
html[data-theme] .weekly-worker-approval-actions .payroll-worker-total{
    color:var(--ink-900)!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
html[data-theme] .weekly-worker-approval-actions .payroll-worker-total span,
html[data-theme] .weekly-worker-approval-actions .payroll-worker-total small{color:var(--ink-500)!important}
html[data-theme] .weekly-worker-approval-actions .payroll-worker-total strong{color:var(--ink-900)!important}
html[data-theme] .payroll-run-heading-actions{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
html[data-theme] .payroll-run-heading-actions form{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
html[data-theme="dark"] .weekly-worker-approval-actions .payroll-worker-total,
html[data-theme="void"] .weekly-worker-approval-actions .payroll-worker-total{color:var(--ink-900)!important}

/* v1.22.58: Completed Builds Email PDF dialog follows Dark/Void surfaces. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-filter-summary article {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background: var(--soft-surface) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-filter-summary span {
    color: var(--muted) !important;
    -webkit-text-fill-color: var(--muted) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-filter-summary strong,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-full-field > span {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-configuration-warning {
    color: var(--warning-theme) !important;
    border-color: color-mix(in srgb,var(--warning-theme) 35%,var(--border)) !important;
    background: var(--warning-bg) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-configuration-warning a {
    color: var(--warning-theme) !important;
    -webkit-text-fill-color: var(--warning-theme) !important;
}
html:is([data-theme="dark"],[data-theme="void"]) body.app-page #completedEmailModal .completed-email-success {
    color: var(--success-theme) !important;
    border-color: color-mix(in srgb,var(--success-theme) 35%,var(--border)) !important;
    background: var(--success-bg) !important;
}

/* v1.22.77: Production Dashboard chart surfaces follow Dark theme. */
html[data-theme="dark"] .dashboard-chart-details article {
    border-color: var(--line) !important;
    border-left-color: var(--blue-600) !important;
    background: var(--soft-surface) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .dashboard-chart-details span {
    color: var(--ink-500) !important;
}

html[data-theme="dark"] .dashboard-chart-details strong {
    color: var(--ink-900) !important;
}

html[data-theme="dark"] .dashboard-chart-details small {
    color: var(--ink-500) !important;
}

html[data-theme="dark"] .vertical-track {
    border: 1px solid var(--line) !important;
    background: var(--soft-surface-2) !important;
}

html[data-theme="dark"] .vertical-value {
    color: var(--ink-500) !important;
}

html[data-theme="dark"] .vertical-label {
    color: var(--ink-700) !important;
}

/* v1.22.80 — Active Builds simplified workspace theme alignment. */
html[data-theme] body.app-page .active-builds-summary-strip {
    border-color: var(--line) !important;
    background: var(--surface) !important;
}

html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-heading,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-metric {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: transparent !important;
}

html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-heading > span,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-heading small,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-date small,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-metric > span,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-metric small {
    color: var(--ink-500) !important;
}

html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-heading strong,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-date strong,
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-metric strong {
    color: var(--ink-900) !important;
}

html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-projected {
    background: color-mix(in srgb, var(--success-theme) 8%, var(--surface)) !important;
}
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-projected strong {
    color: var(--success-theme) !important;
}
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-warning {
    background: color-mix(in srgb, var(--warning-theme) 8%, var(--surface)) !important;
}
html[data-theme] body.app-page .active-builds-summary-strip .weekly-owner-warning strong {
    color: var(--warning-theme) !important;
}

html[data-theme] body.app-page .active-build-more-filters-panel,
html[data-theme] body.app-page .serial-legend-popover {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--surface) !important;
}

html[data-theme] body.app-page .serial-legend-details > summary {
    color: var(--ink-500) !important;
}
html[data-theme] body.app-page .serial-legend-details > summary:hover,
html[data-theme] body.app-page .serial-legend-details[open] > summary {
    color: var(--ink-900) !important;
    border-color: var(--line) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] body.app-page .serial-legend-popover b { color: var(--orange-600) !important; }

@media (min-width: 781px) {
    html[data-theme] body.app-page #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(
        .grid-input,
        .grid-select:not([data-field="stage_id"]),
        .scheduled-week-input
    ) {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html[data-theme] body.app-page #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(
        .grid-input,
        .grid-select:not([data-field="stage_id"]),
        .scheduled-week-input
    ):hover:not(:disabled) {
        background: var(--soft-surface) !important;
        border-color: var(--field-border) !important;
    }

    html[data-theme] body.app-page #buildGrid.weekly-build-card-grid tbody tr.stage-row :is(
        .grid-input,
        .grid-select:not([data-field="stage_id"]),
        .scheduled-week-input
    ):focus {
        background: var(--surface) !important;
        border-color: var(--primary) !important;
        box-shadow: 0 0 0 2px var(--focus-ring) !important;
    }

    html[data-theme] body.app-page #buildGrid.weekly-build-card-grid tbody tr.stage-row [data-field-display="date_added"] {
        color: var(--ink-500) !important;
        -webkit-text-fill-color: var(--ink-500) !important;
    }
}

html[data-theme] body.app-page #buildGrid .active-builds-total-footer th {
    color: var(--ink-500) !important;
    border-color: var(--line) !important;
    background: var(--soft-surface) !important;
}
html[data-theme] body.app-page #buildGrid .active-builds-total-footer .grid-total-count,
html[data-theme] body.app-page #buildGrid .active-builds-total-footer .grid-total-label,
html[data-theme] body.app-page #buildGrid .active-builds-total-footer .amount-column {
    color: var(--ink-900) !important;
}

/* Building Options removal verification */
html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card,
html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card form,
html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card header,
html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card footer {
    color: var(--text) !important;
    background: var(--surface) !important;
    border-color: var(--border) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card :is(h2,strong,.eyebrow) {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card #deleteOptionChangeDescription {
    color: var(--muted) !important;
    -webkit-text-fill-color: var(--muted) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card .modal-warning-copy {
    color: var(--warning-theme) !important;
    background: var(--warning-bg) !important;
    border-color: color-mix(in srgb, var(--warning-theme) 36%, var(--border)) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) .delete-option-change-card .modal-warning-copy :is(strong,span) {
    color: var(--warning-theme) !important;
    -webkit-text-fill-color: var(--warning-theme) !important;
}

/* v1.23.03 - Building Options edit preview dark-theme readability. */
html[data-theme="dark"] .option-form-preview,
html[data-theme="dark"] .replacement-net-preview {
    color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
    border: 1px solid var(--field-border) !important;
}
html[data-theme="dark"] .option-form-preview span,
html[data-theme="dark"] .replacement-net-preview span {
    color: var(--ink-700) !important;
    -webkit-text-fill-color: var(--ink-700) !important;
}
html[data-theme="dark"] .option-form-preview strong,
html[data-theme="dark"] .replacement-net-preview strong {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
}
html[data-theme="dark"] .option-form-preview.is-negative {
    color: var(--danger-theme) !important;
    background: var(--danger-bg) !important;
    border-color: color-mix(in srgb, var(--danger-theme) 34%, var(--field-border)) !important;
}
html[data-theme="dark"] .option-form-preview.is-negative span,
html[data-theme="dark"] .option-form-preview.is-negative strong {
    color: var(--danger-theme) !important;
    -webkit-text-fill-color: var(--danger-theme) !important;
}

/* Electrical drop count remains an active autosave field even when the rest of the Building Option row is locked. */
html[data-theme="dark"] .pricing-retail-panel .retail-row-locked .retail-electrical-drops-editor input[data-retail-electrical-drops] {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--field-bg) !important;
    border-color: var(--field-border) !important;
}
html[data-theme="void"] .pricing-retail-panel .retail-row-locked .retail-electrical-drops-editor input[data-retail-electrical-drops] {
    color: var(--volt-text-1, var(--text)) !important;
    -webkit-text-fill-color: var(--volt-text-1, var(--text)) !important;
    background: var(--field-bg, var(--surface)) !important;
    border-color: var(--field-border, var(--line)) !important;
}

/* BuildSuite v1.23.57: Dark Production hover surfaces never fall back to light backgrounds. */
html:is([data-theme="dark"],[data-theme="void"]) body.app-page table:not(.print-page):not(.print-report) tbody tr:hover,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page table:not(.print-page):not(.print-report) tbody tr:focus-within {
    color: var(--text) !important;
    background: var(--row-hover) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) body.app-page table:not(.print-page):not(.print-report) tbody tr:hover > td,
html:is([data-theme="dark"],[data-theme="void"]) body.app-page table:not(.print-page):not(.print-report) tbody tr:focus-within > td {
    color: var(--text) !important;
    background-color: var(--row-hover) !important;
    border-color: var(--row-border) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .build-column-menu-option,
    .page-action-dropdown-menu a,
    .active-build-actions-menu-item,
    .completed-actions-menu a,
    .completed-actions-menu button,
    .settings-navigation-link,
    .inventory-permission-option,
    .pricing-page-link,
    .pricing-tab,
    .catalog-row-edit,
    .retail-row-action,
    .standard-style-link,
    .standard-catalog-size-list a,
    .quick-report-grid a,
    .horizontal-chart-row,
    .builder-card-summary,
    .settings-disclosure-summary,
    .member-edit-section > summary,
    .weekly-pay-types-disclosure > summary,
    .payroll-period-workspace-collapsible > summary,
    .weekly-pay-collapsible-summary,
    .electrical-workspace-summary,
    .production-quick-view-collapsible > summary,
    .serial-legend-details > summary
):hover {
    color: var(--text) !important;
    background: var(--row-hover) !important;
    border-color: var(--field-border) !important;
}

html:is([data-theme="dark"],[data-theme="void"]) body.app-page :is(
    .grid-input,
    .grid-select,
    .scheduled-week-input,
    .completed-inline-input,
    .completed-price-input
):hover:not(:disabled) {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    background: var(--soft-surface) !important;
    border-color: var(--field-border) !important;
}

/* v1.24.29: keep the selected Stage color when closed, but use a neutral,
   theme-readable surface while the native Stage choice menu is open. */
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open:hover:not(:disabled),
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open:focus {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
    background-color: var(--surface) !important;
    border-color: var(--field-border, var(--border)) !important;
    box-shadow: 0 0 0 1px var(--field-border, var(--border)) !important;
    text-shadow: none !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open option {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--surface) !important;
    background-color: var(--surface) !important;
}

html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open option:checked,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open option:hover,
html[data-theme] #buildGrid.weekly-build-card-grid tbody tr.stage-row .grid-select[data-field="stage_id"].stage-menu-open option:focus {
    color: var(--ink-900) !important;
    -webkit-text-fill-color: var(--ink-900) !important;
    background: var(--soft-surface-2) !important;
    background-color: var(--soft-surface-2) !important;
}


/* v1.25.07 - Production Reports payroll sections and dark-theme actions */
.production-payroll-section-gap{
    margin-top:1.35rem !important;
}
.production-personnel-panel{
    margin-top:.8rem !important;
}
.report-section-type{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:.35rem;
    padding:.14rem .42rem;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--soft-surface-2);
    color:var(--ink-700);
    font-size:.68em;
    font-weight:800;
    line-height:1.1;
    vertical-align:middle;
}
.personnel-payroll-report-grid .amount-column,
.builder-report-grid .amount-column{
    white-space:nowrap;
}

html[data-theme="dark"] .production-report-export-actions a,
html[data-theme="dark"] .report-table-panel .history-link,
html[data-theme="dark"] .dashboard-panel .history-link,
html[data-theme="dark"] .page-heading .btn-secondary,
html[data-theme="dark"] .page-heading a[href*="/exports/print"],
html[data-theme="dark"] .page-heading a[href*="/exports/csv"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:.3rem .58rem !important;
    border:1px solid var(--field-border) !important;
    border-radius:6px !important;
    background:var(--soft-surface-2) !important;
    color:var(--ink-900) !important;
    box-shadow:none !important;
    text-decoration:none !important;
    font-weight:700;
}
html[data-theme="dark"] .production-report-export-actions a:hover,
html[data-theme="dark"] .production-report-export-actions a:focus-visible,
html[data-theme="dark"] .report-table-panel .history-link:hover,
html[data-theme="dark"] .report-table-panel .history-link:focus-visible,
html[data-theme="dark"] .dashboard-panel .history-link:hover,
html[data-theme="dark"] .dashboard-panel .history-link:focus-visible,
html[data-theme="dark"] .page-heading .btn-secondary:hover,
html[data-theme="dark"] .page-heading .btn-secondary:focus-visible,
html[data-theme="dark"] .page-heading a[href*="/exports/print"]:hover,
html[data-theme="dark"] .page-heading a[href*="/exports/print"]:focus-visible,
html[data-theme="dark"] .page-heading a[href*="/exports/csv"]:hover,
html[data-theme="dark"] .page-heading a[href*="/exports/csv"]:focus-visible{
    border-color:var(--blue-600) !important;
    background:var(--blue-100) !important;
    color:var(--blue-600) !important;
    text-decoration:none !important;
}

@media(max-width:700px){
    .production-payroll-section-gap{
        margin-top:1rem !important;
    }
    .production-report-export-actions{
        width:100%;
    }
}


/* v1.25.08 - contain Production Report tables and align payroll columns */
.report-table-panel{
    min-width:0;
    overflow:hidden;
}
.report-table-panel .panel-heading{
    min-width:0;
}
.report-table-panel .panel-heading > div:first-child{
    min-width:0;
}
.report-table-scroll{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto !important;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
.builder-report-grid{
    min-width:980px !important;
}
.builder-report-grid th:nth-child(1),
.builder-report-grid td:nth-child(1){width:15% !important;}
.builder-report-grid th:nth-child(2),
.builder-report-grid td:nth-child(2){width:10% !important;}
.builder-report-grid th:nth-child(3),
.builder-report-grid td:nth-child(3){width:11% !important;}
.builder-report-grid th:nth-child(4),
.builder-report-grid td:nth-child(4){width:14% !important;}
.builder-report-grid th:nth-child(5),
.builder-report-grid td:nth-child(5){width:14% !important;}
.builder-report-grid th:nth-child(6),
.builder-report-grid td:nth-child(6){width:10% !important;}
.builder-report-grid th:nth-child(7),
.builder-report-grid td:nth-child(7){width:13% !important;}
.builder-report-grid th:nth-child(8),
.builder-report-grid td:nth-child(8){width:13% !important;}

.personnel-payroll-report-grid{
    min-width:820px !important;
}
.production-report-export-actions{
    flex:0 0 auto;
}


/* v1.25.09 - Production Share bars stay readable inside report tables */
.production-share-cell{
    display:grid !important;
    grid-template-columns:minmax(92px,1fr) 46px;
    gap:.55rem;
    align-items:center;
    min-width:155px;
    white-space:nowrap;
}
.production-share-cell .table-progress{
    width:100%;
    min-width:92px;
    height:9px;
    margin:0;
}
.production-share-cell .table-progress > span{
    width:auto;
    max-width:100%;
}
.production-share-cell small{
    display:block;
    min-width:42px;
    margin:0;
    text-align:right;
    font-variant-numeric:tabular-nums;
}
.company-report-grid th:last-child,
.company-report-grid td:last-child{
    min-width:165px !important;
}
.builder-report-grid th:last-child,
.builder-report-grid td:last-child{
    min-width:165px !important;
}
.builder-report-grid{
    min-width:1080px !important;
}
.company-report-grid{
    min-width:980px !important;
}
@media(max-width:700px){
    .production-share-cell{
        grid-template-columns:minmax(80px,1fr) 42px;
        min-width:135px;
        gap:.4rem;
    }
    .production-share-cell .table-progress{
        min-width:80px;
    }
}