/* Screen-only list styling. Semantic leave/report colors outrank decorative stripes and hover. */
@media screen {
    .page:not(.login-only-layout) {
        --list-row-stripe: var(--hris-workspace-bg, #f3f5f7);
        --list-row-hover: #e6f2f1;
    }

    html[data-theme="dark"] .page:not(.login-only-layout) {
        --list-row-stripe: var(--hris-page-bg, #0b1318);
        --list-row-hover: #1b383b;
    }

    html .page:not(.login-only-layout) :is(.table.dashboard-table, .system-log-table, .employee-profile-history-table, .device-table) > tbody > tr:nth-child(even):not([class*="leave-row-"]):not([class*="report-row-"]):not(.selected):not(.is-selected):not([aria-selected="true"]) > td {
        background: var(--list-row-stripe) !important;
        --bs-table-bg: var(--list-row-stripe);
        --bs-table-accent-bg: transparent;
        box-shadow: none !important;
    }

    html .page:not(.login-only-layout) :is(.table.dashboard-table, .system-log-table, .employee-profile-history-table, .device-table) > tbody > tr:hover:not([class*="leave-row-"]):not([class*="report-row-"]):not(.selected):not(.is-selected):not([aria-selected="true"]) > td {
        background: var(--list-row-hover) !important;
        --bs-table-bg: var(--list-row-hover);
        --bs-table-accent-bg: transparent;
        box-shadow: none !important;
    }

}