/*
 * HRIS foundation layer.
 * Loaded after legacy styles.css and before page-specific CSS.
 * Keep this file small: shared primitives only, no page redesigns.
 */

:root {
    --hris-bg: var(--theme-bg-app);
    --hris-surface: var(--theme-surface-strong);
    --hris-surface-muted: var(--c030);
    --hris-ink: var(--theme-ink-strong);
    --hris-text: var(--theme-ink-muted);
    --hris-muted: var(--theme-slate-muted);
    --hris-line: var(--c014);
    --hris-line-strong: var(--c245);
    --hris-primary: var(--c092);
    --hris-primary-hover: var(--c093);
    --hris-focus: var(--c246);
    --hris-radius-sm: 10px;
    --hris-radius-md: 14px;
    --hris-radius-lg: 18px;
    --hris-shadow: none;
    --hris-workspace-sidebar-gap: var(--shell-gap);
    --hris-workspace-right-gutter: 0px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    background: var(--hris-bg);
    color: var(--hris-text);
}

.main-panel,
.main-panel > *,
.topbar,
.topbar-copy,
.topbar-tools,
.panel,
.table-wrap,
.field-group,
.form-grid,
.pro-form-grid,
.dashboard-grid,
.employee-dashboard-grid {
    min-width: 0;
}

.panel,
.stat-card,
.metric-card,
.employee-dashboard-card,
.side-panel,
.table-panel,
.dashboard-mini-widget {
    border: 1px solid var(--hris-line);
    border-radius: var(--hris-radius-md);
    background: var(--hris-surface);
    box-shadow: var(--hris-shadow);
}

.panel-header,
.page-toolbar,
.form-actions,
.button-row,
.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.button,
.secondary-button,
.ghost-button,
.text-link,
.table-link,
.employee-section-action,
.employee-edit-link,
.employee-send-button,
.notification-view-all,
.notification-row-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem;
    min-height: 2.5rem;
    max-width: 100%;
    padding: 0.62rem 0.95rem;
    border-radius: var(--hris-radius-sm);
    line-height: 1.15 !important;
    text-align: center;
    text-decoration: none;
    white-space: normal;
}

.button:not(.secondary):not(.button-secondary):not(.ghost),
.primary-btn,
.dashboard-add-action {
    border-color: var(--hris-primary) !important;
    background: var(--hris-primary) !important;
    color: var(--theme-surface-strong) !important;
}

.button:not(.secondary):not(.button-secondary):not(.ghost):hover,
.primary-btn:hover,
.dashboard-add-action:hover {
    border-color: var(--hris-primary-hover) !important;
    background: var(--hris-primary-hover) !important;
    color: var(--theme-surface-strong) !important;
}

.button.secondary,
.button.button-secondary,
.secondary-button,
.ghost-button,
.text-link,
.employee-section-action {
    border: 1px solid var(--hris-line-strong);
    background: var(--hris-surface);
    color: var(--c103);
}

.button.danger,
.table-link.danger,
.employee-section-action.danger {
    border-color: var(--c022) !important;
    background: var(--c023) !important;
    color: var(--c247) !important;
}

.button.danger:hover,
.button.danger:focus-visible,
.table-link.danger:hover,
.table-link.danger:focus-visible,
.employee-section-action.danger:hover,
.employee-section-action.danger:focus-visible {
    border-color: var(--c090) !important;
    background: var(--c248) !important;
    color: var(--c024) !important;
}

.button:focus-visible,
.secondary-button:focus-visible,
.ghost-button:focus-visible,
.text-link:focus-visible,
.table-link:focus-visible,
.employee-section-action:focus-visible,
.employee-edit-link:focus-visible,
.employee-send-button:focus-visible,
.notification-menu-button:focus-visible,
.sidebar-toggle:focus-visible,
.nav-icon:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--hris-focus) !important;
    outline-offset: 2px;
}

.table-wrap,
.responsive-table,
.employee-directory-table-wrap,
.completeness-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    border: 1px solid var(--hris-line);
    border-radius: var(--hris-radius-md);
    background: var(--hris-surface);
    scrollbar-gutter: auto;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
}

.table-wrap table,
.responsive-table table,
.employee-directory-table-wrap table,
.completeness-table-wrap table {
    width: 100%;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrap th,
.responsive-table th,
.employee-directory-table-wrap th,
.completeness-table-wrap th {
    background: var(--theme-surface-cool);
    color: var(--theme-slate);
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0.06em;
    line-height: 1.25;
    text-transform: uppercase;
}

.table-wrap td,
.responsive-table td,
.employee-directory-table-wrap td,
.completeness-table-wrap td {
    color: var(--hris-text);
    line-height: 1.35;
    vertical-align: middle;
}

.empty-state,
.empty-cell,
.department-empty-state,
.social-empty-state {
    min-width: 0;
    margin: 0;
    padding: var(--hris-space-5);
    border: 1px dashed var(--c245);
    border-radius: var(--hris-radius-sm);
    background: var(--c030);
    color: var(--c073) !important;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.45;
    text-align: center;
}

td.empty-cell,
td.asset-categories-empty.empty-cell {
    border: 0 !important;
}

.error-text,
.errorlist,
.field-error {
    margin: 0;
    color: var(--c247) !important;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.errorlist {
    display: grid;
    gap: 0.25rem;
    padding: 0;
    list-style: none;
}

.field-group:has(.error-text) input,
.field-group:has(.error-text) select,
.field-group:has(.error-text) textarea,
.field-group:has(.errorlist) input,
.field-group:has(.errorlist) select,
.field-group:has(.errorlist) textarea {
    border-color: var(--c090) !important;
    background: var(--c249) !important;
}

.toast-stack,
.messages {
    position: relative;
    z-index: var(--hris-z-toast);
    display: grid;
    gap: var(--hris-space-3);
    margin: 0 0 var(--hris-space-4);
}

.message {
    min-width: 0;
    padding: 0.85rem 1rem;
    border: 1px solid var(--c005);
    border-radius: var(--hris-radius-sm);
    background: var(--c006);
    color: var(--c250);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
}

.message.success {
    border-color: var(--c002);
    background: var(--c094);
    color: var(--c004);
}

.message.error,
.message.danger {
    border-color: var(--c022);
    background: var(--c023);
    color: var(--c247);
}

.message.warning {
    border-color: var(--c008);
    background: var(--c009);
    color: var(--c096);
}

.pill,
.status-pill,
.status-badge,
.employee-status-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.55rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    line-height: 1.15;
    white-space: nowrap;
}

.field-group,
.form-group,
.input-group {
    display: grid;
    gap: 0.55rem;
}

.field-group input:not([type="checkbox"]):not([type="radio"]),
.field-group select,
.field-group textarea,
.form-group input:not([type="checkbox"]):not([type="radio"]),
.form-group select,
.form-group textarea,
.input-group input:not([type="checkbox"]):not([type="radio"]),
.input-group select,
.input-group textarea,
.form-control,
.form-select {
    max-width: 100%;
    min-height: 2.65rem;
    border: 1px solid var(--c026);
    border-radius: var(--hris-radius-sm);
    background: var(--hris-surface);
    color: var(--hris-ink);
    line-height: 1.35;
}

.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus,
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus,
.form-control:focus,
.form-select:focus {
    border-color: var(--c027) !important;
    box-shadow: 0 0 0 3px var(--c028) !important;
    outline: 2px solid transparent !important;
}

.avatar-badge,
.nav-icon,
.brand-mark,
.metric-icon,
.employee-profile-avatar {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

img,
svg,
video,
canvas {
    max-width: 100%;
}

/* Shared app-shell workspace contract.
   The main panel starts one shell gap after the sidebar and aligns to the sidebar top. */
.main-panel,
body.dashboard-page-body .main-panel,
body.employee-profile-page-body .main-panel,
body.employee-directory-detail-page .main-panel,
body:has(.dashboard-home-page) .main-panel,
body:has(.employee-dashboard) .main-panel {
    width: auto !important;
    margin-left: calc(var(--sidebar-width) + var(--hris-workspace-sidebar-gap)) !important;
    padding-top: 0 !important;
    padding-right: var(--hris-workspace-right-gutter) !important;
}

body.sidebar-collapsed .main-panel,
body.sidebar-collapsed.dashboard-page-body .main-panel,
body.sidebar-collapsed.employee-profile-page-body .main-panel,
body.sidebar-collapsed.employee-directory-detail-page .main-panel,
body.sidebar-collapsed:has(.dashboard-home-page) .main-panel,
body.sidebar-collapsed:has(.employee-dashboard) .main-panel {
    margin-left: calc(var(--sidebar-collapsed-width) + var(--hris-workspace-sidebar-gap)) !important;
}

body.dashboard-page-body .main-panel > .topbar,
body.employee-profile-page-body .main-panel > .topbar,
body.employee-directory-detail-page .main-panel > .topbar,
body.dashboard-page-body .dashboard-home-page,
body.employee-profile-page-body .employee-dashboard,
body.employee-directory-detail-page .employee-dashboard,
body.employee-profile-page-body .employee-profile-topbar,
body.employee-directory-detail-page .employee-profile-topbar,
body.employee-profile-page-body .employee-dashboard-tabs,
body.employee-directory-detail-page .employee-dashboard-tabs {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline: 0 !important;
}

@media (max-width: 1180px) and (min-width: 768px) {
    body:not(.auth-page):not(.login-page) .toolbar-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel {
        width: auto !important;
        margin-left: calc(var(--sidebar-width) + var(--hris-workspace-sidebar-gap)) !important;
        padding-right: 0 !important;
    }

    body.sidebar-collapsed:not(.auth-page):not(.login-page) .main-panel {
        margin-left: calc(var(--sidebar-collapsed-width) + var(--hris-workspace-sidebar-gap)) !important;
    }

    body:not(.auth-page):not(.login-page) .sidebar {
        position: fixed !important;
        top: var(--shell-gap) !important;
        left: var(--shell-gap) !important;
        z-index: 30 !important;
        height: calc(100vh - (var(--shell-gap) * 2)) !important;
        max-height: calc(100vh - (var(--shell-gap) * 2)) !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body:not(.auth-page):not(.login-page):not(.sidebar-collapsed) .sidebar {
        width: var(--sidebar-width) !important;
    }

    body.sidebar-collapsed:not(.auth-page):not(.login-page) .sidebar {
        width: var(--sidebar-collapsed-width) !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body:not(.auth-page):not(.login-page) .sidebar-overlay {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (max-width: 767px) {
    .main-panel,
    body.sidebar-collapsed .main-panel,
    body.dashboard-page-body .main-panel,
    body.employee-profile-page-body .main-panel,
    body.employee-directory-detail-page .main-panel,
    body:has(.dashboard-home-page) .main-panel,
    body:has(.employee-dashboard) .main-panel {
        width: 100% !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
    }

    body:not(.auth-page):not(.login-page) .toolbar-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body:not(.auth-page):not(.login-page) .sidebar {
        position: fixed !important;
        top: 18px !important;
        left: 18px !important;
        z-index: 1400 !important;
        width: min(320px, calc(100vw - 36px)) !important;
        height: calc(100dvh - 36px) !important;
        max-height: calc(100dvh - 36px) !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.sidebar-collapsed:not(.auth-page):not(.login-page) .sidebar {
        transform: translateX(calc(-100% - 24px)) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:not(.sidebar-collapsed):not(.auth-page):not(.login-page) .sidebar-overlay {
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1300 !important;
    }
}

@media (max-width: 760px) {
    .page-shell {
        width: 100%;
        padding: 14px;
    }

    .topbar,
    .panel,
    .stat-card,
    .metric-card,
    .employee-dashboard-card {
        border-radius: var(--hris-radius-md);
    }

    .topbar-tools,
    .topbar-actions,
    .search-shell,
    .button,
    .secondary-button,
    .ghost-button {
        max-width: 100%;
    }
}

/* Authoritative shared UI layer.
   This file is intentionally loaded after page CSS so shell/forms/tables stay stable. */
:root {
    --hris-space-1: 0.25rem;
    --hris-space-2: 0.5rem;
    --hris-space-3: 0.75rem;
    --hris-space-4: 1rem;
    --hris-space-5: 1.25rem;
    --hris-space-6: 1.5rem;
    --hris-space-8: 2rem;
    --hris-z-sidebar: 1100;
    --hris-z-overlay: 1090;
    --hris-z-popover: 1200;
    --hris-z-toast: 1300;
}

body:not(.auth-page):not(.login-page) {
    min-width: 0;
    overflow-x: hidden;
}

body:not(.auth-page):not(.login-page) .page-shell {
    width: 100%;
    min-width: 0;
    padding: var(--shell-gap);
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: calc(var(--sidebar-width) + var(--shell-gap)) !important;
    padding: 0 0 var(--hris-space-8) !important;
    overflow: visible !important;
}

body.sidebar-collapsed:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-collapsed-width) + var(--shell-gap)) !important;
}

body:not(.auth-page):not(.login-page) .sidebar {
    position: fixed !important;
    top: var(--shell-gap) !important;
    left: var(--shell-gap) !important;
    z-index: var(--hris-z-sidebar) !important;
    height: calc(100dvh - (var(--shell-gap) * 2)) !important;
    max-height: calc(100dvh - (var(--shell-gap) * 2)) !important;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 var(--hris-space-6) !important;
    display: grid !important;
    grid-template-columns: minmax(13rem, 0.9fr) minmax(0, 1.4fr) !important;
    align-items: center !important;
    gap: var(--hris-space-5) !important;
    padding: var(--hris-space-6) !important;
    border: 1px solid var(--hris-line) !important;
    border-radius: var(--hris-radius-lg) !important;
    background: var(--hris-surface) !important;
    box-shadow: var(--hris-shadow) !important;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-copy {
    min-width: 0 !important;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar h1 {
    margin: 0 !important;
    color: var(--hris-ink) !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar .eyebrow,
.eyebrow {
    margin: 0 0 var(--hris-space-1) !important;
    color: var(--c073) !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.075em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-tools {
    min-width: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(14rem, 1fr) auto auto !important;
    align-items: center !important;
    gap: var(--hris-space-3) !important;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .search-shell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 2.75rem !important;
    border: 1px solid var(--hris-line-strong) !important;
    border-radius: var(--hris-radius-sm) !important;
    background: var(--theme-surface-cool) !important;
    box-shadow: none !important;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .notification-menu {
    justify-self: end;
}

body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .notification-popover {
    z-index: var(--hris-z-popover);
}

.form-grid,
.grid-form,
.pro-form-grid,
.attendance-policy-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1rem !important;
    align-items: start !important;
}

.field-group,
.form-group,
.input-group {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 0.58rem !important;
    align-content: start;
}

.field-group.full-width,
.form-group.full-width,
.input-group.full-width,
.full-width {
    grid-column: 1 / -1;
}

.field-group label,
.form-group label,
.input-group label {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.075em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

.field-group small,
.form-group small,
.input-group small,
.helptext {
    display: block;
    margin: 0 !important;
    color: var(--c073);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.45;
}

.field-group input:not([type="checkbox"]):not([type="radio"]),
.field-group select,
.field-group textarea,
.form-group input:not([type="checkbox"]):not([type="radio"]),
.form-group select,
.form-group textarea,
.input-group input:not([type="checkbox"]):not([type="radio"]),
.input-group select,
.input-group textarea,
.form-control,
.form-select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 2.75rem !important;
    padding: 0.7rem 0.9rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: var(--hris-radius-sm) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--hris-ink) !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

.field-group textarea,
.form-group textarea,
.input-group textarea {
    min-height: 6rem !important;
    resize: vertical;
}

.checkbox-row,
.check-row,
.form-check,
.checkbox-field,
.option-card,
.switch-card,
.policy-switch,
.asset-category-check {
    min-width: 0 !important;
    min-height: 2.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    margin: 0 !important;
    padding: 0.78rem 0.9rem !important;
    border: 1px solid var(--hris-line) !important;
    border-radius: var(--hris-radius-sm) !important;
    background: var(--c030) !important;
    color: var(--c099) !important;
    box-shadow: none !important;
}

.checkbox-row label,
.check-row label,
.form-check label,
.checkbox-field label,
.option-card label,
.switch-card label,
.asset-category-check,
.policy-switch span,
.policy-switch label {
    margin: 0 !important;
    color: var(--c099) !important;
    font-size: 0.82rem !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

.checkbox-row input[type="checkbox"],
.check-row input[type="checkbox"],
.form-check input[type="checkbox"],
.checkbox-field input[type="checkbox"],
.option-card input[type="checkbox"],
.switch-card input[type="checkbox"],
.asset-category-check input[type="checkbox"],
.policy-switch input[type="checkbox"] {
    flex: 0 0 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    margin: 0 !important;
    accent-color: var(--hris-primary);
}

.checkbox-row:focus-within,
.check-row:focus-within,
.form-check:focus-within,
.checkbox-field:focus-within,
.option-card:focus-within,
.switch-card:focus-within,
.asset-category-check:focus-within,
.policy-switch:focus-within {
    border-color: var(--c027) !important;
    box-shadow: 0 0 0 3px var(--c028) !important;
}

.policy-state-row,
.policy-payroll-switches,
.option-row {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(10rem, 1fr)) !important;
    gap: var(--hris-space-3) !important;
    align-items: stretch !important;
}

.table-wrap table {
    width: 100% !important;
}

.table-wrap th,
.table-wrap td {
    padding: 0.85rem 1rem !important;
    overflow-wrap: anywhere;
}

.table-wrap th:last-child,
.table-wrap td:last-child {
    width: auto !important;
    min-width: 8rem;
}

.attendance-policy-row-actions,
.row-actions,
.table-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
}

.table-actions .button,
.table-actions .table-link,
.table-actions .employee-section-action,
.row-actions .button,
.row-actions .table-link,
.row-actions .employee-section-action {
    flex: 0 0 auto !important;
}

.confirm-dialog {
    width: min(28rem, calc(100vw - 2rem));
    padding: 0;
    border: 0;
    border-radius: var(--hris-radius-md);
    background: transparent;
}

.confirm-dialog::backdrop {
    background: var(--c251);
}

.confirm-dialog-panel {
    display: grid;
    gap: var(--hris-space-5);
    padding: var(--hris-space-6);
    border: 1px solid var(--hris-line);
    border-radius: var(--hris-radius-md);
    background: var(--theme-surface-strong);
    box-shadow: none;
}

.confirm-dialog-panel h2 {
    margin: 0;
    color: var(--hris-ink);
    font-size: 1.15rem;
    line-height: 1.2;
}

.confirm-dialog-panel p:not(.eyebrow) {
    margin: var(--hris-space-2) 0 0;
    color: var(--hris-text);
    line-height: 1.45;
}

.confirm-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--hris-space-3);
}

.attendance-policy-row-actions form,
.row-actions form,
.table-actions form {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.attendance-policy-row-actions .employee-section-action,
.row-actions .employee-section-action,
.table-actions .employee-section-action,
.table-link {
    min-width: 4.5rem !important;
    min-height: 2.35rem !important;
    padding: 0.45rem 0.75rem !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
}

@media (max-width: 1180px) and (min-width: 768px) {
    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel {
        width: calc(100vw - (var(--sidebar-collapsed-width) + (var(--shell-gap) * 3))) !important;
        max-width: calc(100vw - (var(--sidebar-collapsed-width) + (var(--shell-gap) * 3))) !important;
        margin-left: calc(var(--sidebar-collapsed-width) + var(--shell-gap)) !important;
    }

    body:not(.auth-page):not(.login-page) .sidebar {
        width: var(--sidebar-collapsed-width) !important;
    }

    body:not(.auth-page):not(.login-page):not(.sidebar-collapsed) .sidebar {
        width: var(--sidebar-collapsed-width) !important;
    }

    body:not(.auth-page):not(.login-page) .brand-copy,
    body:not(.auth-page):not(.login-page) .nav-label,
    body:not(.auth-page):not(.login-page) .sidebar-label,
    body:not(.auth-page):not(.login-page) .sidebar-subnav,
    body:not(.auth-page):not(.login-page) .sidebar-promo {
        display: none !important;
    }

    body:not(.auth-page):not(.login-page) .toolbar-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar {
        grid-template-columns: minmax(12rem, 0.8fr) minmax(0, 1.2fr) !important;
    }

    body:not(.auth-page):not(.login-page) .sidebar a,
    body:not(.auth-page):not(.login-page) .nav-icon,
    body:not(.auth-page):not(.login-page) .toolbar-toggle {
        min-width: 44px !important;
        min-height: 44px !important;
    }
}

@media (max-width: 767px) {
    body:not(.auth-page):not(.login-page) .page-shell {
        padding: 0.75rem !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel,
    body.sidebar-collapsed:not(.auth-page):not(.login-page) .main-panel {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 0 0 var(--hris-space-6) !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--hris-space-4) !important;
        margin-bottom: var(--hris-space-4) !important;
        padding: var(--hris-space-4) !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-tools {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-areas:
            "search menu notify"
            "actions actions actions" !important;
        align-items: center !important;
        gap: var(--hris-space-3) !important;
    }

    body:not(.auth-page):not(.login-page) .toolbar-toggle {
        display: inline-flex !important;
        grid-area: menu !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-tools .search-shell {
        grid-area: search !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-actions {
        grid-area: actions !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--hris-space-3) !important;
        width: 100% !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-actions:empty {
        display: none !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-actions .button,
    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-actions .inline-form,
    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-actions .inline-form .button {
        width: 100% !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .notification-menu {
        grid-area: notify !important;
    }

    body:not(.auth-page):not(.login-page) .sidebar {
        width: min(320px, calc(100vw - 2rem)) !important;
        top: 1rem !important;
        left: 1rem !important;
        height: calc(100dvh - 2rem) !important;
        max-height: calc(100dvh - 2rem) !important;
        z-index: var(--hris-z-sidebar) !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.sidebar-collapsed:not(.auth-page):not(.login-page) .sidebar {
        transform: translateX(calc(-100% - 1.25rem)) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:not(.sidebar-collapsed):not(.auth-page):not(.login-page) .sidebar-overlay {
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: var(--hris-z-overlay) !important;
    }

    .form-grid,
    .grid-form,
    .pro-form-grid,
    .attendance-policy-fields,
    .policy-state-row,
    .policy-payroll-switches,
    .option-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 760px) {
    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .topbar-tools {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-areas:
            "search menu notify"
            "actions actions actions" !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .search-shell {
        grid-area: search !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards],
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] thead,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table thead {
        display: none !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards],
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] tbody,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] tr,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table tbody,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table tr,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td {
        display: block !important;
        width: 100% !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] tbody,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table tbody {
        display: grid !important;
        gap: var(--hris-space-3) !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] tr,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table tr {
        overflow: hidden;
        border: 1px solid var(--hris-line) !important;
        border-radius: var(--hris-radius-sm) !important;
        background: var(--theme-surface-strong) !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td {
        display: grid !important;
        grid-template-columns: minmax(7rem, 0.42fr) minmax(0, 1fr) !important;
        gap: var(--hris-space-3) !important;
        min-height: 44px;
        border: 0 !important;
        border-top: 1px solid var(--c253) !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td:first-child,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td:first-child {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--hris-space-2) !important;
        padding: var(--hris-space-4) !important;
        background: var(--c030);
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td:first-child,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td:first-child {
        border-top: 0 !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td::before,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td::before {
        content: attr(data-label);
        color: var(--c073);
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.065em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td:first-child::before,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td:first-child::before {
        content: none;
    }

    body:not(.auth-page):not(.login-page) table.mobile-card-table .table-actions,
    body:not(.auth-page):not(.login-page) table[data-mobile-cards] .table-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    body:not(.auth-page):not(.login-page) table.mobile-card-table .table-actions > *,
    body:not(.auth-page):not(.login-page) table[data-mobile-cards] .table-actions > * {
        flex: 1 1 8rem !important;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td[colspan],
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td[colspan] {
        display: block !important;
        padding: var(--hris-space-5) !important;
        text-align: center;
    }

    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table[data-mobile-cards] td[colspan]::before,
    body:not(.auth-page):not(.login-page) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .completeness-table-wrap, .asset-categories-table-wrap, .attendance-table-wrap) table.mobile-card-table td[colspan]::before {
        content: none;
    }

    body.dashboard-page-body .dashboard-home-page {
        display: grid !important;
        gap: var(--hris-space-4) !important;
    }

    body.dashboard-page-body .dashboard-grid,
    body.dashboard-page-body .dashboard-support-grid,
    body.dashboard-page-body .dashboard-side {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--hris-space-4) !important;
    }

    body.dashboard-page-body .dashboard-mini-widget,
    body.dashboard-page-body .dashboard-side .panel,
    body.dashboard-page-body .dashboard-side .side-panel {
        min-height: 0 !important;
        padding: var(--hris-space-4) !important;
    }

    body.dashboard-page-body .dashboard-attendance-bars,
    body.dashboard-page-body .side-list {
        display: grid !important;
        gap: var(--hris-space-3) !important;
    }

    body:has(.attendance-page) .attendance-ledger-wrap {
        display: none !important;
    }

    body:has(.attendance-page) .attendance-scroll-hint {
        display: none !important;
    }

    .attendance-mobile-ledger-list {
        display: grid !important;
    }
}

.attendance-mobile-ledger-list {
    display: none;
    gap: var(--hris-space-3);
}

.attendance-mobile-card {
    overflow: hidden;
    border: 1px solid var(--hris-line);
    border-radius: var(--hris-radius-sm);
    background: var(--theme-surface-strong);
}

.attendance-mobile-card summary {
    min-height: 3.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--hris-space-3);
    padding: var(--hris-space-4);
    cursor: pointer;
    list-style: none;
}

.attendance-mobile-card summary::-webkit-details-marker {
    display: none;
}

.attendance-mobile-card summary strong,
.attendance-mobile-card summary small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.attendance-mobile-card summary strong {
    color: var(--hris-ink);
    font-size: 0.95rem;
    line-height: 1.2;
}

.attendance-mobile-card summary small {
    margin-top: 0.2rem;
    color: var(--c073);
    font-size: 0.78rem;
    font-weight: 650;
}

.attendance-mobile-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.2rem 0.6rem;
    border: 1px solid var(--c002);
    border-radius: 999px;
    background: var(--c094);
    color: var(--c004);
    font-size: 0.72rem;
    font-weight: 800;
}

.attendance-mobile-card-absent .attendance-mobile-status {
    border-color: var(--attendance-absent-border);
    background: var(--attendance-absent-bg);
    color: var(--attendance-absent-text);
}

.attendance-mobile-card-present .attendance-mobile-status {
    border-color: var(--attendance-present-border);
    background: var(--attendance-present-bg);
    color: var(--attendance-present-text);
}

.attendance-mobile-card-weekend .attendance-mobile-status {
    border-color: var(--c008);
    background: var(--attendance-weekend-bg);
    color: var(--c010);
}

.attendance-mobile-card-leave .attendance-mobile-status {
    border-color: var(--attendance-leave-border);
    background: var(--attendance-leave-bg);
    color: var(--attendance-leave-text);
}

.attendance-mobile-card-body {
    display: grid;
    gap: var(--hris-space-3);
    padding: 0 var(--hris-space-4) var(--hris-space-4);
}

.attendance-mobile-card-body dl {
    display: grid;
    gap: 0;
    margin: 0;
}

.attendance-mobile-card-body dl div {
    display: grid;
    grid-template-columns: minmax(7rem, 0.42fr) minmax(0, 1fr);
    gap: var(--hris-space-3);
    padding: 0.72rem 0;
    border-top: 1px solid var(--c253);
}

.attendance-mobile-card-body dt {
    color: var(--c073);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.065em;
    line-height: 1.2;
    text-transform: uppercase;
}

.attendance-mobile-card-body dd {
    min-width: 0;
    margin: 0;
    color: var(--hris-text);
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.attendance-mobile-punches {
    display: grid;
    gap: 0.4rem;
    padding: var(--hris-space-3);
    border-radius: var(--hris-radius-sm);
    background: var(--c030);
}

.attendance-mobile-punches span {
    color: var(--c073);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

.attendance-mobile-punches p,
.attendance-mobile-empty {
    margin: 0;
}

@media (pointer: coarse) {
    .button,
    .secondary-button,
    .ghost-button,
    .text-link,
    .table-link,
    .employee-section-action,
    .notification-menu-button,
    .toolbar-toggle,
    input,
    select,
    textarea,
    .checkbox-row,
    .check-row,
    .form-check,
    .checkbox-field,
    .asset-category-check,
    .policy-switch {
        min-height: 44px !important;
    }
}

@media print {
    body {
        background: var(--theme-surface-strong) !important;
        color: var(--c254) !important;
    }

    .sidebar,
    .sidebar-overlay,
    .topbar-tools,
    .topbar-actions,
    .notification-menu,
    .button,
    .secondary-button,
    .ghost-button,
    .table-actions,
    .row-actions,
    .filter-bar,
    .toolbar,
    .pagination-strip,
    body:not(.auth-page):not(.login-page) .page-shell,
    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar,
    .panel,
    .employee-dashboard-card,
    .table-wrap,
    .responsive-table,
    .employee-directory-table-wrap {
        border: 0 !important;
        box-shadow: none !important;
    }

    .table-wrap,
    .responsive-table,
    .employee-directory-table-wrap {
        overflow: visible !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        page-break-inside: auto;
    }

    tr {
        page-break-inside: avoid;
    }

    th,
    td {
        border: 1px solid var(--theme-border-muted) !important;
        color: var(--c254) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Employee profile final width contract. Foundation loads last, so keep this here. */
html body.employee-profile-page-body {
    --employee-profile-extra-gutter: 8px;
}

html body.employee-profile-page-body:not(.auth-page):not(.login-page) main.main-panel {
    width: calc(100vw - (var(--sidebar-width) + (var(--shell-gap) * 3) + (var(--employee-profile-extra-gutter) * 2))) !important;
    max-width: calc(100vw - (var(--sidebar-width) + (var(--shell-gap) * 3) + (var(--employee-profile-extra-gutter) * 2))) !important;
    margin-left: calc(var(--sidebar-width) + var(--shell-gap) + var(--employee-profile-extra-gutter)) !important;
    margin-right: 0 !important;
}

html body.sidebar-collapsed.employee-profile-page-body:not(.auth-page):not(.login-page) main.main-panel {
    width: calc(100vw - (var(--sidebar-collapsed-width) + (var(--shell-gap) * 3) + (var(--employee-profile-extra-gutter) * 2))) !important;
    max-width: calc(100vw - (var(--sidebar-collapsed-width) + (var(--shell-gap) * 3) + (var(--employee-profile-extra-gutter) * 2))) !important;
    margin-left: calc(var(--sidebar-collapsed-width) + var(--shell-gap) + var(--employee-profile-extra-gutter)) !important;
}

html body.employee-profile-page-body main.main-panel > .employee-dashboard,
html body.employee-profile-page-body .employee-dashboard-grid.employee-profile-full-grid,
html body.employee-profile-page-body .employee-profile-full-grid > .employee-dashboard-main,
html body.employee-profile-page-body .employee-profile-full-grid .employee-dashboard-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body.employee-profile-page-body .employee-dashboard-grid.employee-profile-full-grid,
html body.employee-profile-page-body .employee-profile-full-grid > .employee-dashboard-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
}

html body.employee-profile-page-body main.main-panel > .employee-dashboard {
    display: grid !important;
    align-content: start !important;
    gap: 1rem !important;
    padding: 0 0 var(--hris-space-6) !important;
}

html body.employee-profile-page-body .employee-profile-topbar,
html body.employee-profile-page-body .employee-dashboard-tabs,
html body.employee-profile-page-body .employee-dashboard-grid.employee-profile-full-grid,
html body.employee-profile-page-body .employee-profile-full-grid .employee-dashboard-card {
    margin: 0 !important;
}

html body.employee-profile-page-body .employee-profile-full-grid .employee-dashboard-card {
    padding: 1.05rem 1.15rem !important;
}

html body.employee-profile-page-body .employee-dashboard-card-head {
    margin-bottom: 0.8rem !important;
    padding-bottom: 0.78rem !important;
}

html body.employee-profile-page-body .employee-plain-info-row > div,
html body.employee-profile-page-body .employee-personal-card .employee-plain-info-row > div,
html body.employee-profile-page-body .employee-contact-card .employee-plain-info-row > div,
html body.employee-profile-page-body .employee-address-card .employee-plain-info-row > div,
html body.employee-profile-page-body .employee-plain-info-row [data-sensitive-field] {
    min-height: 3rem !important;
    padding: 0.62rem 0.95rem !important;
}

html body.employee-profile-page-body .employee-record-meta-inline {
    padding: 0.78rem 0.95rem !important;
}

@media (max-width: 1180px) {
    html body.employee-profile-page-body:not(.auth-page):not(.login-page) main.main-panel,
    html body.sidebar-collapsed.employee-profile-page-body:not(.auth-page):not(.login-page) main.main-panel {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 760px) {
    html body.employee-profile-page-body main.main-panel > .employee-dashboard,
    html body.employee-profile-page-body .employee-dashboard-grid.employee-profile-full-grid,
    html body.employee-profile-page-body .employee-profile-full-grid > .employee-dashboard-main {
        gap: 0.85rem !important;
    }

    html body.employee-profile-page-body .employee-profile-full-grid .employee-dashboard-card {
        padding: 0.9rem !important;
    }

    html body.employee-profile-page-body .employee-plain-info-row > div,
    html body.employee-profile-page-body .employee-personal-card .employee-plain-info-row > div,
    html body.employee-profile-page-body .employee-contact-card .employee-plain-info-row > div,
    html body.employee-profile-page-body .employee-address-card .employee-plain-info-row > div,
    html body.employee-profile-page-body .employee-plain-info-row [data-sensitive-field] {
        padding: 0.72rem 0.82rem !important;
    }
}

/* Final text rendering pass: keep dashboard typography sharp, not chunky. */
html,
body,
button,
input,
select,
textarea {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis-weight: none;
}

body.dashboard-page-body .main-panel,
body.dashboard-page-body .main-panel :is(h1, h2, h3, p, span, strong, small, a, button, input, th, td) {
    text-shadow: none !important;
    filter: none !important;
}

body.dashboard-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    font-weight: 750 !important;
    letter-spacing: 0 !important;
}

body.dashboard-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow,
body.dashboard-page-body .dashboard-home-page thead th,
body.dashboard-page-body .dashboard-home-page tbody td::before {
    font-weight: 700 !important;
    letter-spacing: 0.045em !important;
}

body.dashboard-page-body .dashboard-home-page .metric-card strong {
    font-weight: 750 !important;
    letter-spacing: 0 !important;
}

body.dashboard-page-body .dashboard-home-page .metric-card p,
body.dashboard-page-body .dashboard-home-page .panel-header h2,
body.dashboard-page-body .dashboard-home-page .person-cell strong,
body.dashboard-page-body .dashboard-home-page .side-list-item strong,
body.dashboard-page-body .dashboard-home-page .text-link,
body.dashboard-page-body .dashboard-home-page .pill,
body.dashboard-page-body:not(.auth-page):not(.login-page) .topbar-actions .button {
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

body.dashboard-page-body .dashboard-home-page .person-cell small,
body.dashboard-page-body .dashboard-home-page .side-list-item small,
body.dashboard-page-body .dashboard-home-page .metric-card small {
    font-weight: 500 !important;
}

/* Attendance ledger final density and plain text controls. */
html body:has(.attendance-page) .attendance-page.panel {
    padding: 1rem 1.1rem !important;
}

html body:has(.attendance-page) .attendance-page .panel-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

html body:has(.attendance-page) .attendance-page .panel-header .eyebrow,
html body:has(.attendance-page) .attendance-page .panel-header h3 {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.attendance-page) .attendance-page .button-row,
html body:has(.attendance-page) .attendance-filter-toolbar {
    gap: 0.55rem !important;
}

html body:has(.attendance-page) .attendance-filter-toolbar {
    margin: 0.75rem 0 0.65rem !important;
    padding: 0.75rem 0.85rem !important;
}

html body:has(.attendance-page) .attendance-page .button,
html body:has(.attendance-page) .attendance-filter-toolbar .button,
html body:has(.attendance-page) .attendance-period-option span {
    min-height: 2.55rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.attendance-list-page-body .attendance-ledger-table thead th,
html body.attendance-list-page-body .attendance-sticky-header th,
html body:has(.attendance-page) .attendance-ledger-table thead th,
html body:has(.attendance-page) .attendance-sticky-header th {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Dashboard side widgets: normal text weight, compact quiet cards. */
body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget .panel-header,
body.dashboard-page-body .dashboard-home-page .dashboard-side .panel-header {
    padding-bottom: 0.65rem !important;
}

body.dashboard-page-body .dashboard-home-page .dashboard-attendance-bars,
body.dashboard-page-body .dashboard-home-page .dashboard-side .side-list {
    gap: 0.55rem !important;
}

body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row,
body.dashboard-page-body .dashboard-home-page .dashboard-side .side-list-item {
    padding: 0.75rem 0.82rem !important;
}

body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget .panel-header h2,
body.dashboard-page-body .dashboard-home-page .dashboard-side .panel-header h2,
body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row strong,
body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row > span,
body.dashboard-page-body .dashboard-home-page .dashboard-side .side-list-item strong,
body.dashboard-page-body .dashboard-home-page .dashboard-side .text-link,
body.dashboard-page-body .dashboard-home-page .dashboard-side .pill,
body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget .pill,
body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget .empty-state {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row small,
body.dashboard-page-body .dashboard-home-page .dashboard-side .side-list-item small {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Leave requests final typography: keep filter/action controls plain. */
html body:has(.leave-list-page) .leave-list-page .panel-header .eyebrow,
html body:has(.leave-list-page) .leave-list-page .panel-header h3,
html body:has(.leave-list-page) .leave-list-page .panel-header .button,
html body:has(.leave-list-page) .leave-list-filter-field span,
html body:has(.leave-list-page) .leave-list-filter .form-control,
html body:has(.leave-list-page) .leave-list-filter .form-select,
html body:has(.leave-list-page) .leave-list-filter .button,
html body:has(.leave-list-page) .leave-list-page thead th,
html body:has(.leave-list-page) .leave-list-page tbody td,
html body:has(.leave-list-page) .leave-list-page .pill,
html body:has(.leave-list-page) .leave-list-page .table-link {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.leave-list-page) .leave-list-filter {
    grid-template-columns: minmax(18rem, 1fr) minmax(10rem, 14rem) minmax(12rem, 18rem) auto !important;
    gap: 0.55rem !important;
    padding: 0.72rem 0.82rem !important;
}

html body:has(.leave-list-page) .leave-list-filter .button {
    min-height: 2.5rem !important;
}

/* Leave requests page polish: straight filter row, normal type, teal actions. */
html body.leave-list-page-body .main-panel > .leave-list-page {
    display: grid !important;
    gap: 0.8rem !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 1rem 1.1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.leave-list-page-body .leave-list-page .panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 0 0 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.leave-list-page-body .leave-list-page .panel-header .eyebrow,
html body.leave-list-page-body .leave-list-filter-field span {
    margin: 0 0 0.32rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.leave-list-page-body .leave-list-page .panel-header h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.leave-list-page-body .leave-list-page .panel-header .button {
    min-height: 2.42rem !important;
    padding: 0.58rem 0.95rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.leave-list-page-body .leave-list-page .panel-header .button:hover,
html body.leave-list-page-body .leave-list-page .panel-header .button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    color: var(--theme-surface-strong) !important;
    outline: 2px solid transparent !important;
}

html body.leave-list-page-body .leave-list-filter {
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) minmax(12rem, 14rem) minmax(12rem, 16rem) 6.5rem !important;
    align-items: end !important;
    gap: 0.58rem !important;
    margin: 0 !important;
    padding: 0.76rem 0.82rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
    box-shadow: none !important;
}

html body.leave-list-page-body .leave-list-filter-field {
    display: grid !important;
    gap: 0.32rem !important;
    min-width: 0 !important;
}

html body.leave-list-page-body .leave-list-filter .form-control,
html body.leave-list-page-body .leave-list-filter .form-select {
    width: 100% !important;
    min-height: 2.45rem !important;
    padding: 0.52rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

html body.leave-list-page-body .leave-list-filter .form-control::placeholder {
    color: var(--c073) !important;
    opacity: 1 !important;
}

html body.leave-list-page-body .leave-list-filter .form-control:focus,
html body.leave-list-page-body .leave-list-filter .form-select:focus {
    border-color: var(--c092) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
    outline: 2px solid transparent !important;
}

html body.leave-list-page-body .leave-list-filter .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.45rem !important;
    padding: 0.52rem 0.8rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.leave-list-page-body .leave-list-filter .button:hover,
html body.leave-list-page-body .leave-list-filter .button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    outline: 2px solid transparent !important;
}

html body.leave-list-page-body .leave-list-page .table-wrap {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

html body.leave-list-page-body .leave-list-page table {
    min-width: 58rem !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.leave-list-page-body .leave-list-page thead th,
html body.leave-list-page-body .leave-list-page tbody td,
html body.leave-list-page-body .leave-list-page .pill,
html body.leave-list-page-body .leave-list-page .table-link,
html body.leave-list-page-body .leave-list-active-filters,
html body.leave-list-page-body .leave-list-active-filters span {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.leave-list-page-body .leave-list-page thead th {
    padding: 0.62rem 0.86rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.leave-list-page-body .leave-list-page tbody td {
    padding: 0.78rem 0.86rem !important;
    border-bottom: 1px solid var(--c084) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
}

html body.leave-list-page-body .leave-list-page tbody tr:last-child td {
    border-bottom: 0 !important;
}

html body.leave-list-page-body .leave-list-page tbody tr:hover td {
    background: var(--c012) !important;
}

html body.leave-list-page-body .leave-list-page .pill {
    min-height: 1.6rem !important;
    padding: 0.22rem 0.58rem !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
}

html body.leave-list-page-body .leave-list-page .table-link {
    color: var(--c256) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    background: transparent !important;
}

html body.leave-list-page-body .leave-list-page .table-link:hover,
html body.leave-list-page-body .leave-list-page .table-link:focus-visible {
    border-bottom-color: currentColor !important;
    outline: 2px solid transparent !important;
}

@media (max-width: 920px) {
    html body.leave-list-page-body .leave-list-filter {
        grid-template-columns: 1fr 1fr !important;
    }

    html body.leave-list-page-body .leave-list-search-field,
    html body.leave-list-page-body .leave-list-filter .button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 640px) {
    html body.leave-list-page-body .main-panel > .leave-list-page {
        padding: 0.9rem !important;
    }

    html body.leave-list-page-body .leave-list-page .panel-header,
    html body.leave-list-page-body .leave-list-filter {
        grid-template-columns: 1fr !important;
    }

    html body.leave-list-page-body .leave-list-page .panel-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html body.leave-list-page-body .leave-list-page .panel-header .button {
        width: 100% !important;
    }
}

/* Leave analytics page polish: restrained metrics, teal chart, normal text. */
html body.leave-analytics-page-body .leave-analytics-page {
    display: grid !important;
    gap: 0.85rem !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
}

html body.leave-analytics-page-body .leave-analytics-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
}

html body.leave-analytics-page-body .leave-analytics-stats article,
html body.leave-analytics-page-body .leave-analytics-chart,
html body.leave-analytics-page-body .leave-analytics-grid .panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.leave-analytics-page-body .leave-analytics-stats article {
    min-height: 5.15rem !important;
    align-content: center !important;
    gap: 0.35rem !important;
    padding: 0.85rem 0.95rem !important;
}

html body.leave-analytics-page-body .leave-analytics-stats span,
html body.leave-analytics-page-body .leave-month-bar span,
html body.leave-analytics-page-body .panel-header .eyebrow,
html body.leave-analytics-page-body .leave-analytics-page table th,
html body.leave-analytics-page-body .leave-analytics-page table td,
html body.leave-analytics-page-body .leave-month-bar strong {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.leave-analytics-page-body .leave-analytics-stats span,
html body.leave-analytics-page-body .panel-header .eyebrow {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.leave-analytics-page-body .leave-analytics-stats strong {
    color: var(--c257) !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

html body.leave-analytics-page-body .leave-analytics-chart,
html body.leave-analytics-page-body .leave-analytics-grid .panel {
    padding: 0 !important;
    overflow: hidden !important;
}

html body.leave-analytics-page-body .leave-analytics-chart .panel-header,
html body.leave-analytics-page-body .leave-analytics-grid .panel-header {
    margin: 0 !important;
    padding: 0.95rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.leave-analytics-page-body .leave-analytics-chart .panel-header h3,
html body.leave-analytics-page-body .leave-analytics-grid .panel-header h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.leave-analytics-page-body .leave-month-bars {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    min-height: 12.5rem !important;
    align-items: end !important;
    padding: 1rem 1.15rem 1.2rem !important;
}

html body.leave-analytics-page-body .leave-month-bar {
    gap: 0.34rem !important;
}

html body.leave-analytics-page-body .leave-month-bar-track {
    width: min(3.25rem, 72%) !important;
    height: 8.1rem !important;
    border-radius: 7px 7px 3px 3px !important;
    background: var(--c258) !important;
}

html body.leave-analytics-page-body .leave-month-bar-track i {
    min-height: 3px !important;
    background: var(--c092) !important;
}

html body.leave-analytics-page-body .leave-month-bar strong {
    color: var(--c257) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body.leave-analytics-page-body .leave-month-bar span {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

html body.leave-analytics-page-body .leave-analytics-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

html body.leave-analytics-page-body .leave-analytics-page .table-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

html body.leave-analytics-page-body .leave-analytics-page table {
    min-width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.leave-analytics-page-body .leave-analytics-page table th {
    padding: 0.64rem 0.82rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.leave-analytics-page-body .leave-analytics-page table td {
    padding: 0.74rem 0.82rem !important;
    border-bottom: 1px solid var(--c084) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
}

html body.leave-analytics-page-body .leave-analytics-page tbody tr:last-child td {
    border-bottom: 0 !important;
}

html body.leave-analytics-page-body .leave-analytics-page tbody tr:hover td {
    background: var(--c012) !important;
}

@media (max-width: 900px) {
    html body.leave-analytics-page-body .leave-analytics-stats,
    html body.leave-analytics-page-body .leave-analytics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.leave-analytics-page-body .leave-month-bars {
        gap: 0.45rem !important;
        padding-inline: 0.75rem !important;
    }
}

@media (max-width: 560px) {
    html body.leave-analytics-page-body .leave-analytics-stats,
    html body.leave-analytics-page-body .leave-analytics-grid {
        grid-template-columns: 1fr !important;
    }

    html body.leave-analytics-page-body .leave-month-bars {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    html body.leave-analytics-page-body .leave-month-bar-track {
        height: 6.7rem !important;
    }
}

/* Submission tracker page polish: compact status table, normal text, teal actions. */
html body.evaluation-submission-tracker-page .evaluation-tracker-page {
    display: grid !important;
    gap: 0.85rem !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card,
html body.evaluation-submission-tracker-page .evaluation-tracker-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card {
    min-height: 5.45rem !important;
    padding: 0.88rem 1rem !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card p,
html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card small,
html body.evaluation-submission-tracker-page .evaluation-tracker-panel .panel-header .eyebrow,
html body.evaluation-submission-tracker-page .evaluation-tracker-filter span,
html body.evaluation-submission-tracker-page .evaluation-tracker-table th,
html body.evaluation-submission-tracker-page .evaluation-tracker-table td,
html body.evaluation-submission-tracker-page .evaluation-tracker-table td small,
html body.evaluation-submission-tracker-page .evaluation-status-pill,
html body.evaluation-submission-tracker-page .evaluation-tracker-table .employee-section-action,
html body.evaluation-submission-tracker-page .evaluation-tracker-actions .employee-section-action {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card p {
    margin: 0 0 0.3rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card strong {
    color: var(--c257) !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-stats .metric-card small {
    display: block !important;
    margin-top: 0.38rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-panel {
    padding: 0 !important;
    overflow: hidden !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-panel .panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 0.95rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-panel .panel-header .eyebrow {
    margin: 0 0 0.28rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-panel .panel-header h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 0.55rem !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-actions .employee-section-action,
html body.evaluation-submission-tracker-page .evaluation-tracker-table .employee-section-action {
    min-height: 2.25rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.48rem 0.74rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c259) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-actions .employee-section-action:hover,
html body.evaluation-submission-tracker-page .evaluation-tracker-actions .employee-section-action:focus-visible,
html body.evaluation-submission-tracker-page .evaluation-tracker-table .employee-section-action:hover,
html body.evaluation-submission-tracker-page .evaluation-tracker-table .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    color: var(--c257) !important;
    outline: 2px solid transparent !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter {
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) minmax(8rem, 11rem) minmax(12rem, 16rem) 6.5rem !important;
    align-items: end !important;
    gap: 0.58rem !important;
    margin: 0 !important;
    padding: 0.76rem 1rem !important;
    border: 0 !important;
    border-bottom: 1px solid var(--c084) !important;
    border-radius: 0 !important;
    background: var(--c030) !important;
    box-shadow: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter label {
    display: grid !important;
    gap: 0.32rem !important;
    min-width: 0 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter span {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter input,
html body.evaluation-submission-tracker-page .evaluation-tracker-filter select {
    width: 100% !important;
    min-height: 2.45rem !important;
    padding: 0.52rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter input::placeholder {
    color: var(--c073) !important;
    opacity: 1 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter input:focus,
html body.evaluation-submission-tracker-page .evaluation-tracker-filter select:focus {
    border-color: var(--c092) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
    outline: 2px solid transparent !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.45rem !important;
    padding: 0.52rem 0.8rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-filter .button:hover,
html body.evaluation-submission-tracker-page .evaluation-tracker-filter .button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    outline: 2px solid transparent !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table {
    margin: 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table table {
    min-width: 66rem !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table thead th {
    padding: 0.64rem 0.82rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table tbody td {
    padding: 0.78rem 0.82rem !important;
    border-bottom: 1px solid var(--c084) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
    vertical-align: top !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table tbody tr:hover td {
    background: var(--c012) !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-employee-cell {
    display: grid !important;
    justify-items: start !important;
    gap: 0.22rem !important;
    min-width: 0 !important;
    text-align: left !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-employee-link {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-employee-link:hover,
html body.evaluation-submission-tracker-page .evaluation-tracker-employee-link:focus-visible {
    color: var(--c257) !important;
    text-decoration: underline !important;
    text-underline-offset: 0.18rem !important;
    outline: 2px solid transparent !important;
}

html body.evaluation-submission-tracker-page .evaluation-tracker-table td small {
    display: block !important;
    margin-top: 0.26rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
}

html body.evaluation-submission-tracker-page .evaluation-status-pill {
    min-height: 1.5rem !important;
    padding: 0.18rem 0.54rem !important;
    border-radius: 999px !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
}

@media (max-width: 1180px) {
    html body.evaluation-submission-tracker-page .evaluation-tracker-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    html body.evaluation-submission-tracker-page .evaluation-tracker-filter {
        grid-template-columns: 1fr 1fr !important;
    }

    html body.evaluation-submission-tracker-page .evaluation-tracker-filter label:first-child,
    html body.evaluation-submission-tracker-page .evaluation-tracker-filter .button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 640px) {
    html body.evaluation-submission-tracker-page .evaluation-tracker-stats,
    html body.evaluation-submission-tracker-page .evaluation-tracker-filter {
        grid-template-columns: 1fr !important;
    }

    html body.evaluation-submission-tracker-page .evaluation-tracker-panel .panel-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html body.evaluation-submission-tracker-page .evaluation-tracker-actions,
    html body.evaluation-submission-tracker-page .evaluation-tracker-actions .employee-section-action {
        width: 100% !important;
    }

    html body.evaluation-submission-tracker-page .evaluation-tracker-table {
        margin: 0.85rem !important;
    }
}

/* Manual punch queue final typography: normal text and compact task spacing. */
html body:has(.manual-punch-page) .manual-punch-page {
    padding: 1rem 1.1rem !important;
}

html body:has(.manual-punch-page) .manual-punch-page .panel-header {
    margin-bottom: 0.8rem !important;
    padding-bottom: 0.65rem !important;
    align-items: center !important;
}

html body:has(.manual-punch-page) .manual-punch-page .panel-header .eyebrow,
html body:has(.manual-punch-page) .manual-punch-page .panel-header h3,
html body:has(.manual-punch-page) .manual-punch-page .button-row .button,
html body:has(.manual-punch-page) .manual-punch-page .button-row .pill,
html body:has(.manual-punch-page) .manual-punch-table th,
html body:has(.manual-punch-page) .manual-punch-table td,
html body:has(.manual-punch-page) .manual-punch-table td strong,
html body:has(.manual-punch-page) .manual-punch-status .pill,
html body:has(.manual-punch-page) .manual-punch-status .muted-copy,
html body:has(.manual-punch-page) .manual-punch-table .muted-copy,
html body:has(.manual-punch-page) .manual-punch-time > span,
html body:has(.manual-punch-page) .manual-punch-time-note,
html body:has(.manual-punch-page) .manual-punch-actions .employee-section-action,
html body:has(.manual-punch-page) .manual-punch-actions .manual-punch-action-state,
html body:has(.manual-punch-page) .manual-punch-actions .table-link,
html body:has(.manual-punch-page) .manual-punch-actions .button-link,
html body:has(.manual-punch-page) .manual-punch-table .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.manual-punch-page) .manual-punch-page .button-row {
    gap: 0.55rem !important;
}

html body:has(.manual-punch-page) .manual-punch-page .button-row .button,
html body:has(.manual-punch-page) .manual-punch-page .button-row .pill {
    min-height: 2.5rem !important;
}

html body:has(.manual-punch-page) .manual-punch-table th,
html body:has(.manual-punch-page) .manual-punch-table td {
    padding: 0.78rem 0.9rem !important;
}

html body:has(.manual-punch-page) .manual-punch-actions {
    gap: 0.45rem !important;
}

html body:has(.manual-punch-page) .manual-punch-actions .employee-section-action,
html body:has(.manual-punch-page) .manual-punch-actions .manual-punch-action-state,
html body:has(.manual-punch-page) .manual-punch-actions .table-link,
html body:has(.manual-punch-page) .manual-punch-actions .button-link {
    min-height: 2.25rem !important;
}

/* Attendance policies final typography: compact, plain admin settings. */
html body.attendance-policy-page-body .attendance-policy-page {
    gap: 0.8rem !important;
}

html body.attendance-policy-page-body .attendance-policy-overview {
    gap: 0.65rem !important;
    box-shadow: none !important;
}

html body.attendance-policy-page-body .attendance-policy-overview article {
    gap: 0.25rem !important;
    padding: 0.72rem 0.82rem !important;
    border-radius: 8px !important;
}

html body.attendance-policy-page-body .attendance-policy-editor,
html body.attendance-policy-page-body .attendance-policy-list-panel {
    padding: 1rem 1.1rem !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body.attendance-policy-page-body .attendance-policy-editor .panel-header,
html body.attendance-policy-page-body .attendance-policy-list-panel .panel-header {
    align-items: center !important;
    margin-bottom: 0.8rem !important;
    padding-bottom: 0.65rem !important;
}

html body.attendance-policy-page-body .attendance-policy-form {
    gap: 0.75rem !important;
}

html body.attendance-policy-page-body .attendance-policy-section {
    gap: 0.72rem !important;
    border-radius: 8px !important;
}

html body.attendance-policy-page-body .attendance-policy-section-head {
    gap: 0.22rem !important;
    padding-bottom: 0.6rem !important;
}

html body.attendance-policy-page-body .attendance-policy-fields {
    gap: 0.72rem !important;
}

html body.attendance-policy-page-body .attendance-policy-form .field-group {
    gap: 0.42rem !important;
}

html body.attendance-policy-page-body .policy-state-row,
html body.attendance-policy-page-body .policy-payroll-switches,
html body.attendance-policy-page-body .attendance-policy-editor-actions,
html body.attendance-policy-page-body .attendance-policy-row-actions,
html body.attendance-policy-page-body .policy-status-list {
    gap: 0.5rem !important;
}

html body.attendance-policy-page-body .policy-payroll-switches {
    padding-top: 1.2rem !important;
}

html body.attendance-policy-page-body .attendance-policy-overview span,
html body.attendance-policy-page-body .attendance-policy-overview strong,
html body.attendance-policy-page-body .attendance-policy-section-head span,
html body.attendance-policy-page-body .attendance-policy-section-head strong,
html body.attendance-policy-page-body .attendance-policy-editor .eyebrow,
html body.attendance-policy-page-body .attendance-policy-list-panel .eyebrow,
html body.attendance-policy-page-body .attendance-policy-editor .panel-header h3,
html body.attendance-policy-page-body .attendance-policy-list-panel .panel-header h3,
html body.attendance-policy-page-body .attendance-policy-editor .panel-header small,
html body.attendance-policy-page-body .attendance-policy-editor .button,
html body.attendance-policy-page-body .attendance-policy-form label,
html body.attendance-policy-page-body .attendance-policy-form input,
html body.attendance-policy-page-body .attendance-policy-form select,
html body.attendance-policy-page-body .attendance-policy-form small,
html body.attendance-policy-page-body .policy-switch span,
html body.attendance-policy-page-body .attendance-policy-table th,
html body.attendance-policy-page-body .attendance-policy-table td,
html body.attendance-policy-page-body .attendance-policy-table td:first-child strong,
html body.attendance-policy-page-body .attendance-policy-table td:first-child small,
html body.attendance-policy-page-body .policy-status-list .pill,
html body.attendance-policy-page-body .attendance-policy-row-actions .employee-section-action,
html body.attendance-policy-page-body .attendance-policy-table .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.attendance-policy-page-body .attendance-policy-form input,
html body.attendance-policy-page-body .attendance-policy-form select {
    min-height: 2.5rem !important;
}

html body.attendance-policy-page-body .policy-switch {
    min-height: 2.42rem !important;
    padding: 0.58rem 0.72rem !important;
    border-radius: 8px !important;
}

html body.attendance-policy-page-body .attendance-policy-table th,
html body.attendance-policy-page-body .attendance-policy-table td {
    padding: 0.74rem 0.85rem !important;
}

html body.attendance-policy-page-body .policy-status-list .pill {
    min-height: 1.6rem !important;
}

html body.attendance-policy-page-body .attendance-policy-row-actions .employee-section-action {
    min-height: 2rem !important;
    border-radius: 7px !important;
}

/* Leave summary searchable employee picker. */
html body:has(.leave-summary-page) .leave-summary-scope-filter {
    grid-template-columns: minmax(18rem, 28rem) max-content !important;
    overflow: visible !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-picker {
    position: relative !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-picker .form-control {
    width: 100% !important;
    min-height: 2.65rem !important;
    padding: 0.65rem 0.8rem !important;
    border: 1px solid var(--c091) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-options {
    position: absolute !important;
    z-index: var(--hris-z-popover, 40) !important;
    top: calc(100% + 0.35rem) !important;
    left: 0 !important;
    right: 0 !important;
    display: grid !important;
    max-height: 18rem !important;
    overflow-y: auto !important;
    padding: 0.35rem !important;
    border: 1px solid var(--c091) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-options[hidden] {
    display: none !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-option {
    display: block !important;
    width: 100% !important;
    min-height: 2.2rem !important;
    padding: 0.52rem 0.65rem !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font: inherit !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: none !important;
    cursor: pointer !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-option:hover,
html body:has(.leave-summary-page) .leave-summary-employee-option:focus-visible,
html body:has(.leave-summary-page) .leave-summary-employee-option.is-selected {
    background: var(--c261) !important;
    color: var(--c262) !important;
    outline: 2px solid transparent !important;
}

html body:has(.leave-summary-page) .leave-summary-employee-empty {
    padding: 0.7rem 0.65rem !important;
    color: var(--theme-slate) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}

@media (max-width: 760px) {
    html body:has(.leave-summary-page) .leave-summary-scope-filter {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Attendance policies layout repair: restore breathing room without heavy text. */
html body.attendance-policy-page-body .attendance-policy-overview {
    overflow: hidden !important;
}

html body.attendance-policy-page-body .attendance-policy-overview article {
    border-radius: 0 !important;
    border-width: 0 1px 0 0 !important;
    background: var(--c012) !important;
}

html body.attendance-policy-page-body .attendance-policy-overview article:last-child {
    border-right: 0 !important;
}

html body.attendance-policy-page-body .attendance-policy-overview span {
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
}

html body.attendance-policy-page-body .attendance-policy-overview strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.92rem !important;
    line-height: 1.25 !important;
}

html body.attendance-policy-page-body .attendance-policy-editor .panel-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 1rem !important;
}

html body.attendance-policy-page-body .attendance-policy-editor .panel-header small {
    max-width: 58ch !important;
}

html body.attendance-policy-page-body .attendance-policy-section {
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--theme-surface-strong) !important;
}

html body.attendance-policy-page-body .attendance-policy-section-head {
    padding: 0.74rem 0.9rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
}

html body.attendance-policy-page-body .attendance-policy-section-head span {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
}

html body.attendance-policy-page-body .attendance-policy-section-head strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.9rem !important;
}

html body.attendance-policy-page-body .attendance-policy-fields {
    padding: 0.9rem !important;
}

html body.attendance-policy-page-body .attendance-policy-form .field-group > label,
html body.attendance-policy-page-body .attendance-policy-form .attendance-policy-departments > label {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.attendance-policy-page-body .attendance-policy-form input,
html body.attendance-policy-page-body .attendance-policy-form select {
    border-color: var(--c091) !important;
    font-weight: 400 !important;
}

html body.attendance-policy-page-body .policy-state-row {
    display: flex !important;
    grid-template-columns: none !important;
}

html body.attendance-policy-page-body .policy-switch {
    width: min(100%, 11rem) !important;
    background: var(--c012) !important;
}

html body.attendance-policy-page-body .policy-switch span {
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

html body.attendance-policy-page-body .policy-switch input[type="checkbox"] {
    display: block !important;
    flex: 0 0 1rem !important;
    margin: 0 !important;
}

html body.attendance-policy-page-body .policy-payroll-switches {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(11rem, 1fr)) !important;
    align-content: start !important;
    padding: 0.9rem 0 0 !important;
}

html body.attendance-policy-page-body .policy-payroll-switches .policy-switch {
    width: 100% !important;
}

html body.attendance-policy-page-body .attendance-policy-departments select {
    min-height: 6.75rem !important;
}

html body.attendance-policy-page-body .attendance-policy-table-wrap {
    border-radius: 8px !important;
}

html body.attendance-policy-page-body .attendance-policy-table th {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    background: var(--theme-surface-cool) !important;
}

html body.attendance-policy-page-body .attendance-policy-table td {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.attendance-policy-page-body .attendance-policy-table .empty-cell {
    height: 2.8rem !important;
    background: var(--c012) !important;
    color: var(--theme-slate) !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    html body.attendance-policy-page-body .attendance-policy-editor .panel-header {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.attendance-policy-page-body .attendance-policy-editor-actions {
        justify-content: flex-start !important;
    }
}

/* Payroll dashboard late final override: keep this after global HRIS rules. */
html body.payroll-page:has(.payroll-dashboard-page) .topbar .eyebrow,
html body.payroll-page:has(.payroll-dashboard-page) .topbar h1,
html body.payroll-page:has(.payroll-dashboard-page) .topbar-actions .button,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .eyebrow,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .payroll-intro-card h3,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .payroll-intro-card .hero-copy,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .hero-actions .button,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card p,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card strong,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card small,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .panel-header h3,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .panel-header .panel-subtitle,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .text-link,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page thead th,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page tbody td,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .person-cell strong,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .person-cell small,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .avatar-badge,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .side-list-item strong,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .side-list-item small,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .pill,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .empty-state,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page {
    gap: 0.95rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .dashboard-stats {
    gap: 0.85rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .dashboard-stats .metric-card:first-child {
    min-height: 5.8rem !important;
    padding: 0.9rem 1rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card p,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .dashboard-stats .metric-card:first-child p {
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.38rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card strong,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .dashboard-stats .metric-card:first-child strong {
    color: var(--c082) !important;
    font-size: 1.45rem !important;
    line-height: 1.12 !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .metric-card small,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .dashboard-stats .metric-card:first-child small {
    color: var(--theme-slate) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    margin-top: 0.42rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .panel {
    padding: 0.9rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .panel-header {
    align-items: center !important;
    margin-bottom: 0.75rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .panel-header h3 {
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .panel-header .panel-subtitle {
    color: var(--theme-slate) !important;
    font-size: 0.8rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .table-wrap {
    overflow: hidden !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page thead th {
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page tbody td {
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .person-cell strong,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .side-list-item strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.86rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .person-cell small,
html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .side-list-item small {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .side-list {
    gap: 0.55rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .side-list-item {
    min-height: 3.75rem !important;
    padding: 0.7rem 0.82rem !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .pill {
    min-height: 1.62rem !important;
    padding: 0.22rem 0.58rem !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
}

html body.payroll-page:has(.payroll-dashboard-page) .payroll-dashboard-page .text-link {
    font-size: 0.8rem !important;
}

/* Payroll dashboard buttons: direct selector fallback for browsers/caches that miss :has(). */
body.payroll-page .payroll-dashboard-page .hero-actions .button,
body.payroll-page .payroll-dashboard-page .hero-actions .button.secondary,
body.payroll-page .payroll-dashboard-page .hero-actions .button.light-button,
body.payroll-page .payroll-dashboard-page .payroll-intro-card .hero-actions a.button,
body.payroll-page .payroll-dashboard-page .payroll-intro-card .hero-actions a.light-button {
    min-height: 2.38rem !important;
    padding: 0.58rem 0.95rem !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

/* Monthly payroll detail final polish: compact review screen, normal text. */
body.payroll-page.payroll-run-detail-body .topbar {
    grid-template-columns: minmax(15rem, 0.85fr) minmax(18rem, 1fr) minmax(0, auto) !important;
    gap: 0.95rem !important;
    padding: 0.95rem 1rem !important;
}

body.payroll-page.payroll-run-detail-body .topbar .eyebrow,
body.payroll-page.payroll-run-detail-body .topbar h1,
body.payroll-page.payroll-run-detail-body .topbar-actions .button,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card p,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card strong,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card small,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .panel-header h3,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .panel-subtitle,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .muted-note,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table thead th,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table tbody td,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .person-cell strong,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .person-cell small,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .table-link,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.payroll-page.payroll-run-detail-body .topbar h1 {
    font-size: 1.45rem !important;
    line-height: 1.15 !important;
}

body.payroll-page.payroll-run-detail-body .topbar .eyebrow {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
}

body.payroll-page.payroll-run-detail-body .topbar-actions {
    gap: 0.5rem !important;
}

body.payroll-page.payroll-run-detail-body .topbar-actions .button,
body.payroll-page.payroll-run-detail-body .topbar-actions form .button,
body.payroll-page.payroll-run-detail-body .topbar-actions > a.button {
    min-height: 2.35rem !important;
    padding: 0.55rem 0.82rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

body.payroll-page.payroll-run-detail-body .topbar-actions .button.danger {
    border-color: var(--c022) !important;
    background: var(--c086) !important;
    color: var(--c247) !important;
}

body.payroll-page.payroll-run-detail-body .stats-grid.payroll-run-stats {
    gap: 0.7rem !important;
    margin-bottom: 0.9rem !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card:first-child {
    min-height: 5.45rem !important;
    padding: 0.82rem 0.9rem !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card p,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card:first-child p {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.22 !important;
    margin-bottom: 0.32rem !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card strong,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card:first-child strong {
    color: var(--c082) !important;
    font-size: 1.26rem !important;
    line-height: 1.12 !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card small,
body.payroll-page.payroll-run-detail-body .payroll-run-stats .metric-card:first-child small {
    color: var(--theme-slate) !important;
    font-size: 0.74rem !important;
    line-height: 1.32 !important;
    margin-top: 0.36rem !important;
}

body.payroll-page.payroll-run-detail-body .panel.payroll-run-lines-panel {
    padding: 0.9rem !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .panel-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.72rem !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .panel-header h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .panel-subtitle,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .muted-note {
    color: var(--theme-slate) !important;
    font-size: 0.78rem !important;
    line-height: 1.32 !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-panel .payroll-run-lines-wrap {
    max-height: min(62vh, 41rem) !important;
    min-height: 18rem !important;
    border-radius: 8px !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-table th,
body.payroll-page.payroll-run-detail-body .payroll-run-lines-table td {
    padding: 0.58rem 0.66rem !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-table thead th {
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    background: var(--theme-surface-cool) !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-table tbody td {
    color: var(--theme-ink-strong) !important;
    font-size: 0.8rem !important;
    line-height: 1.28 !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .person-cell strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .person-cell small {
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    max-width: 15rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.payroll-page.payroll-run-detail-body .payroll-run-lines-table .table-link {
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    text-decoration: none !important;
}

/* Attendance regularization queue: compact, normal-weight review table. */
html body:has(.attendance-regularization-page) .attendance-regularization-page {
    padding: 0.9rem !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .panel-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.72rem !important;
    padding-bottom: 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .panel-header .eyebrow,
html body:has(.attendance-regularization-page) .attendance-regularization-page .panel-header h3,
html body:has(.attendance-regularization-page) .attendance-regularization-page .button-row .button,
html body:has(.attendance-regularization-page) .attendance-regularization-page .button-row .pill,
html body:has(.attendance-regularization-page) .attendance-regularization-page thead th,
html body:has(.attendance-regularization-page) .attendance-regularization-page tbody td,
html body:has(.attendance-regularization-page) .attendance-regularization-page tbody td .pill,
html body:has(.attendance-regularization-page) .attendance-regularization-page .employee-section-action,
html body:has(.attendance-regularization-page) .attendance-regularization-page .table-link,
html body:has(.attendance-regularization-page) .attendance-regularization-page .button-link,
html body:has(.attendance-regularization-page) .attendance-regularization-page .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .panel-header .eyebrow {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .panel-header h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .button-row {
    gap: 0.52rem !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .button-row .button,
html body:has(.attendance-regularization-page) .attendance-regularization-page .button-row .pill {
    min-height: 2.32rem !important;
    padding: 0.52rem 0.85rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .table-wrap {
    overflow: hidden !important;
    border-radius: 8px !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page thead th {
    padding: 0.62rem 0.72rem !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page tbody td {
    padding: 0.66rem 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page tbody tr:hover td {
    background: var(--c030) !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page tbody td .pill {
    min-height: 1.56rem !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .employee-section-action,
html body:has(.attendance-regularization-page) .attendance-regularization-page .table-link,
html body:has(.attendance-regularization-page) .attendance-regularization-page .button-link {
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    text-decoration: none !important;
}

html body:has(.attendance-regularization-page) .attendance-regularization-page .empty-cell {
    height: 2.65rem !important;
    background: var(--c012) !important;
    color: var(--theme-slate) !important;
    font-size: 0.82rem !important;
    text-align: center !important;
}

/* Attendance policy department picker: make selected rows obvious. */
html body.attendance-policy-page-body .attendance-policy-departments select {
    color: var(--theme-ink-strong) !important;
    scrollbar-color: var(--theme-slate-soft) var(--c264) !important;
}

html body.attendance-policy-page-body .attendance-policy-departments select:focus {
    border-color: var(--c265) !important;
    box-shadow: 0 0 0 3px var(--c266) !important;
    outline: 2px solid transparent !important;
}

html body.attendance-policy-page-body .attendance-policy-departments select option {
    padding: 0.34rem 0.58rem !important;
    color: var(--theme-ink-strong) !important;
    font-weight: 400 !important;
}

html body.attendance-policy-page-body .attendance-policy-departments select option:checked {
    background: var(--theme-surface-strong);
    color: var(--c268) !important;
}

html body.attendance-policy-page-body .attendance-policy-departments select option:checked:hover,
html body.attendance-policy-page-body .attendance-policy-departments select option:checked:focus {
    background: var(--theme-surface-strong);
    color: var(--c268) !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-box {
    display: grid !important;
    gap: 0.75rem !important;
    margin-top: 0.72rem !important;
    padding: 0.8rem !important;
    border: 1px solid var(--c270) !important;
    border-radius: 8px !important;
    background: var(--c012) !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-head span,
html body.attendance-policy-page-body .attendance-policy-selected-head strong {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-head span {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-head strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.78rem !important;
    min-height: 1.78rem !important;
    padding: 0.18rem 0.5rem !important;
    border: 1px solid var(--c271) !important;
    border-radius: 999px !important;
    background: var(--c272) !important;
    color: var(--c273) !important;
    font-size: 0.78rem !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    gap: 0.46rem !important;
    min-height: 8.25rem !important;
    padding: 0.78rem !important;
    border: 1px dashed var(--c274) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-empty {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 6.6rem !important;
    color: var(--c275) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-transform: none !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-empty[hidden] {
    display: none !important;
}

html body.attendance-policy-page-body .attendance-policy-selected-item {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 1.85rem !important;
    max-width: 100% !important;
    padding: 0.34rem 0.6rem !important;
    border: 1px solid var(--c271) !important;
    border-radius: 999px !important;
    background: var(--c272) !important;
    color: var(--c268) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

/* Contracts & probation final polish: quiet form, compact stats, normal table text. */
html body:has(.contract-probation-page) .contract-probation-page {
    gap: 0.9rem !important;
}

html body:has(.contract-probation-page) .contract-probation-page .panel {
    border-radius: 10px !important;
    box-shadow: none !important;
}

html body:has(.contract-probation-page) .contract-review-panel,
html body:has(.contract-probation-page) .contract-probation-table-panel {
    padding: 0.9rem !important;
}

html body:has(.contract-probation-page) .contract-probation-page .panel-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    padding-bottom: 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
}

html body:has(.contract-probation-page) .contract-probation-page .eyebrow,
html body:has(.contract-probation-page) .contract-probation-page .panel-header h3,
html body:has(.contract-probation-page) .contract-review-form label,
html body:has(.contract-probation-page) .contract-review-form input,
html body:has(.contract-probation-page) .contract-review-form select,
html body:has(.contract-probation-page) .contract-review-form textarea,
html body:has(.contract-probation-page) .contract-review-form .button,
html body:has(.contract-probation-page) .contract-probation-stats .stat-card span,
html body:has(.contract-probation-page) .contract-probation-stats .stat-card strong,
html body:has(.contract-probation-page) .contract-probation-stats .stat-card small,
html body:has(.contract-probation-page) .contract-probation-table-panel th,
html body:has(.contract-probation-page) .contract-probation-table-panel td,
html body:has(.contract-probation-page) .contract-probation-table-panel .pill,
html body:has(.contract-probation-page) .contract-probation-table-panel .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.contract-probation-page) .contract-probation-page .eyebrow {
    margin-bottom: 0.28rem !important;
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body:has(.contract-probation-page) .contract-probation-page .panel-header h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body:has(.contract-probation-page) .contract-review-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.82rem 0.9rem !important;
}

html body:has(.contract-probation-page) .contract-review-form .field-group {
    gap: 0.38rem !important;
}

html body:has(.contract-probation-page) .contract-review-form label {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body:has(.contract-probation-page) .contract-review-form input:not([type="checkbox"]):not([type="radio"]),
html body:has(.contract-probation-page) .contract-review-form select,
html body:has(.contract-probation-page) .contract-review-form textarea {
    min-height: 2.45rem !important;
    border-color: var(--c091) !important;
    border-radius: 8px !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
}

html body:has(.contract-probation-page) .contract-review-form textarea {
    min-height: 4.8rem !important;
}

html body:has(.contract-probation-page) .contract-review-form .form-actions {
    margin-top: 0.15rem !important;
    padding-top: 0.8rem !important;
    border-top: 1px solid var(--c014) !important;
}

html body:has(.contract-probation-page) .contract-review-form .button {
    min-height: 2.35rem !important;
    padding: 0.55rem 0.9rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body:has(.contract-probation-page) .contract-probation-stats {
    grid-template-columns: repeat(2, minmax(14rem, 20rem)) !important;
    gap: 0.75rem !important;
}

html body:has(.contract-probation-page) .contract-probation-stats .stat-card {
    min-height: 5.5rem !important;
    padding: 0.86rem 1rem !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body:has(.contract-probation-page) .contract-probation-stats .stat-card span {
    color: var(--theme-ink-strong) !important;
    font-size: 0.86rem !important;
    line-height: 1.25 !important;
}

html body:has(.contract-probation-page) .contract-probation-stats .stat-card strong {
    color: var(--c082) !important;
    font-size: 1.45rem !important;
    line-height: 1.1 !important;
}

html body:has(.contract-probation-page) .contract-probation-stats .stat-card small {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
    line-height: 1.32 !important;
}

html body:has(.contract-probation-page) .contract-probation-table-panel .table-wrap {
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body:has(.contract-probation-page) .contract-probation-table-panel th {
    padding: 0.62rem 0.72rem !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
}

html body:has(.contract-probation-page) .contract-probation-table-panel td {
    padding: 0.66rem 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
}

html body:has(.contract-probation-page) .contract-probation-table-panel tr:hover td {
    background: var(--c030) !important;
}

html body:has(.contract-probation-page) .contract-probation-table-panel .pill {
    min-height: 1.56rem !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
}

html body:has(.contract-probation-page) .contract-probation-table-panel .empty-cell {
    height: 2.75rem !important;
    background: var(--c012) !important;
    color: var(--theme-slate) !important;
    font-size: 0.82rem !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    html body:has(.contract-probation-page) .contract-review-form,
    html body:has(.contract-probation-page) .contract-probation-stats {
        grid-template-columns: 1fr !important;
    }
}

/* Performance center final polish: quiet goal setup, compact metrics, normal board text. */
html body.performance-center-page-body .performance-center-page {
    gap: 0.9rem !important;
    padding-bottom: 2rem !important;
}

html body.performance-center-page-body .performance-center-primary-action,
html body.performance-center-page-body .performance-center-save-goal-button,
html body.performance-center-page-body .performance-center-page .eyebrow,
html body.performance-center-page-body .performance-center-page .panel-header h3,
html body.performance-center-page-body .performance-center-goal-form label,
html body.performance-center-page-body .performance-center-goal-form input,
html body.performance-center-page-body .performance-center-goal-form select,
html body.performance-center-page-body .performance-center-goal-form textarea,
html body.performance-center-page-body .performance-center-page .metric-card p,
html body.performance-center-page-body .performance-center-page .metric-card strong,
html body.performance-center-page-body .performance-center-page .metric-card small,
html body.performance-center-page-body .performance-center-goals-panel th,
html body.performance-center-page-body .performance-center-goals-panel td,
html body.performance-center-page-body .performance-center-goals-panel td small,
html body.performance-center-page-body .performance-center-goals-panel .table-link,
html body.performance-center-page-body .performance-center-goals-panel .employee-section-action,
html body.performance-center-page-body .performance-center-goals-panel .pill,
html body.performance-center-page-body .performance-center-goals-panel .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.performance-center-page-body .performance-center-primary-action,
html body.performance-center-page-body .performance-center-save-goal-button {
    min-height: 2.38rem !important;
    padding: 0.56rem 0.9rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel,
html body.performance-center-page-body .performance-center-goals-panel {
    padding: 0.9rem !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head,
html body.performance-center-page-body .performance-center-goals-panel .panel-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    padding-bottom: 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
}

html body.performance-center-page-body .performance-center-page .eyebrow {
    margin-bottom: 0.28rem !important;
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.performance-center-page-body .performance-center-page .panel-header h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.performance-center-page-body .performance-center-goal-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.82rem 0.9rem !important;
}

html body.performance-center-page-body .performance-center-goal-form .field-group {
    gap: 0.38rem !important;
}

html body.performance-center-page-body .performance-center-goal-form label {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.performance-center-page-body .performance-center-goal-form input,
html body.performance-center-page-body .performance-center-goal-form select,
html body.performance-center-page-body .performance-center-goal-form textarea {
    min-height: 2.45rem !important;
    padding: 0.58rem 0.75rem !important;
    border-color: var(--c091) !important;
    border-radius: 8px !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
}

html body.performance-center-page-body .performance-center-goal-form textarea {
    min-height: 4.8rem !important;
}

html body.performance-center-page-body .performance-center-goal-form .form-actions {
    justify-content: flex-end !important;
    margin-top: 0.15rem !important;
    padding-top: 0.8rem !important;
    border-top: 1px solid var(--c014) !important;
}

html body.performance-center-page-body .performance-center-page .dashboard-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

html body.performance-center-page-body .performance-center-page .performance-metric,
html body.performance-center-page-body .performance-center-page .metric-card:first-child {
    min-height: 5.5rem !important;
    padding: 0.86rem 1rem !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body.performance-center-page-body .performance-center-page .metric-card p {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.22 !important;
    margin-bottom: 0.32rem !important;
}

html body.performance-center-page-body .performance-center-page .metric-card strong {
    color: var(--c082) !important;
    font-size: 1.45rem !important;
    line-height: 1.1 !important;
}

html body.performance-center-page-body .performance-center-page .metric-card small {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
    line-height: 1.32 !important;
}

html body.performance-center-page-body .performance-center-table-grid,
html body.performance-center-page-body .performance-center-single-table-grid {
    display: block !important;
}

html body.performance-center-page-body .performance-center-goals-panel .table-wrap {
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body.performance-center-page-body .performance-center-goals-panel th {
    padding: 0.62rem 0.72rem !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
}

html body.performance-center-page-body .performance-center-goals-panel td {
    padding: 0.66rem 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
}

html body.performance-center-page-body .performance-center-goals-panel tr:hover td {
    background: var(--c030) !important;
}

html body.performance-center-page-body .performance-center-goals-panel td small {
    display: block !important;
    margin-top: 0.2rem !important;
    color: var(--theme-slate) !important;
    font-size: 0.74rem !important;
    line-height: 1.3 !important;
}

html body.performance-center-page-body .performance-center-goals-panel .table-link,
html body.performance-center-page-body .performance-center-goals-panel .employee-section-action {
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    text-decoration: none !important;
}

html body.performance-center-page-body .performance-center-goals-panel .pill {
    min-height: 1.56rem !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
}

html body.performance-center-page-body .performance-center-goals-panel .empty-cell {
    height: 2.75rem !important;
    background: var(--c012) !important;
    color: var(--theme-slate) !important;
    font-size: 0.82rem !important;
    text-align: center !important;
}

@media (max-width: 1000px) {
    html body.performance-center-page-body .performance-center-page .dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html body.performance-center-page-body .performance-center-goal-form,
    html body.performance-center-page-body .performance-center-page .dashboard-stats {
        grid-template-columns: 1fr !important;
    }
}

/* Self reviews final polish: compact list view and normal action buttons. */
html body.self-evaluation-page .self-evaluation-workspace {
    gap: 0.9rem !important;
}

html body.self-evaluation-page .main-panel > .topbar .button,
html body.self-evaluation-page .self-evaluation-card .button,
html body.self-evaluation-page .self-evaluation-card .employee-section-action,
html body.self-evaluation-page .self-evaluation-card h3,
html body.self-evaluation-page .self-evaluation-card p,
html body.self-evaluation-page .self-evaluation-card span,
html body.self-evaluation-page .self-evaluation-card strong,
html body.self-evaluation-page .self-evaluation-card small,
html body.self-evaluation-page .self-evaluation-card label,
html body.self-evaluation-page .self-evaluation-card input,
html body.self-evaluation-page .self-evaluation-card select,
html body.self-evaluation-page .self-evaluation-card textarea,
html body.self-evaluation-page .review-list-card th,
html body.self-evaluation-page .review-list-card td,
html body.self-evaluation-page .review-list-card .pill,
html body.self-evaluation-page .review-list-card .empty-cell {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.self-evaluation-page .main-panel > .topbar .topbar-actions {
    gap: 0.55rem !important;
}

html body.self-evaluation-page .main-panel > .topbar .button,
html body.self-evaluation-page .self-evaluation-card .button,
html body.self-evaluation-page .self-evaluation-card .employee-section-action {
    min-height: 2.36rem !important;
    padding: 0.55rem 0.9rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body.self-evaluation-page .self-evaluation-card {
    padding: 0.9rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 10px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.self-evaluation-page .self-evaluation-card-head {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    padding-bottom: 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
}

html body.self-evaluation-page .self-evaluation-card-head h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.self-evaluation-page .self-evaluation-card-head p {
    color: var(--theme-slate) !important;
    font-size: 0.82rem !important;
    line-height: 1.38 !important;
}

html body.self-evaluation-page .review-list-card .table-wrap {
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body.self-evaluation-page .review-list-card th {
    padding: 0.62rem 0.72rem !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-slate) !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
}

html body.self-evaluation-page .review-list-card td {
    padding: 0.66rem 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
}

html body.self-evaluation-page .review-list-card tr:hover td {
    background: var(--c030) !important;
}

html body.self-evaluation-page .review-list-card td:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.42rem !important;
}

html body.self-evaluation-page .review-list-card .pill {
    min-height: 1.56rem !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
}

html body.self-evaluation-page .review-list-card .employee-section-action {
    min-height: 2.08rem !important;
    padding: 0.42rem 0.7rem !important;
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    text-decoration: none !important;
}

html body.self-evaluation-page .review-list-card .empty-cell {
    height: 2.75rem !important;
    background: var(--c012) !important;
    color: var(--theme-slate) !important;
    font-size: 0.82rem !important;
    text-align: center !important;
}

html body.self-evaluation-page .self-evaluation-info-grid,
html body.self-evaluation-page .self-evaluation-question-list {
    gap: 0.82rem !important;
}

html body.self-evaluation-page .self-evaluation-info-grid label,
html body.self-evaluation-page .self-evaluation-question {
    border-radius: 8px !important;
}

html body.self-evaluation-page .self-evaluation-info-grid label > span,
html body.self-evaluation-page .self-evaluation-question-label,
html body.self-evaluation-page .self-evaluation-declaration span {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.self-evaluation-page .self-evaluation-info-grid input,
html body.self-evaluation-page .self-evaluation-info-grid select,
html body.self-evaluation-page .self-evaluation-info-grid textarea,
html body.self-evaluation-page .self-evaluation-question input,
html body.self-evaluation-page .self-evaluation-question select,
html body.self-evaluation-page .self-evaluation-question textarea {
    min-height: 2.45rem !important;
    border-color: var(--c091) !important;
    border-radius: 8px !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
}

html body.self-evaluation-page .self-evaluation-question textarea {
    min-height: 4.8rem !important;
}

html body.self-evaluation-page .self-evaluation-submit-bar {
    gap: 0.85rem !important;
    margin-top: 0.9rem !important;
    padding-top: 0.85rem !important;
    border-top: 1px solid var(--c014) !important;
}

html body.self-evaluation-page .self-evaluation-actions {
    gap: 0.5rem !important;
}

@media (max-width: 760px) {
    html body.self-evaluation-page .review-list-card td:last-child,
    html body.self-evaluation-page .self-evaluation-actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    html body.self-evaluation-page .self-evaluation-actions .button,
    html body.self-evaluation-page .self-evaluation-actions .employee-section-action {
        width: 100% !important;
    }
}

/* Evaluation detail final polish: calmer controls, tighter sections, normal text. */
html body.employee-evaluation-view-page .employee-evaluation-view {
    gap: 0.9rem !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-hero,
html body.employee-evaluation-view-page .employee-evaluation-summary-panel,
html body.employee-evaluation-view-page .employee-evaluation-content-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 10px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-hero {
    min-height: auto !important;
    padding: 0.92rem 1rem !important;
    gap: 0.85rem !important;
}

html body.employee-evaluation-view-page .employee-evaluation-back-link,
html body.employee-evaluation-view-page .employee-evaluation-view-hero h2,
html body.employee-evaluation-view-page .employee-evaluation-view-hero p,
html body.employee-evaluation-view-page .employee-evaluation-rating-pill,
html body.employee-evaluation-view-page .employee-evaluation-score-pill,
html body.employee-evaluation-view-page .employee-evaluation-score-pill strong,
html body.employee-evaluation-view-page .employee-evaluation-view-actions .pill,
html body.employee-evaluation-view-page .employee-evaluation-view-actions .employee-section-action,
html body.employee-evaluation-view-page .employee-evaluation-summary-panel span,
html body.employee-evaluation-view-page .employee-evaluation-summary-panel strong,
html body.employee-evaluation-view-page .employee-evaluation-content-panel article > span,
html body.employee-evaluation-view-page .employee-evaluation-section-heading h3,
html body.employee-evaluation-view-page .employee-evaluation-section-heading p,
html body.employee-evaluation-view-page .employee-evaluation-content-panel p,
html body.employee-evaluation-view-page .employee-evaluation-comment-list strong,
html body.employee-evaluation-view-page .employee-evaluation-comment-list strong span,
html body.employee-evaluation-view-page .employee-evaluation-comment-list p,
html body.employee-evaluation-view-page .employee-evaluation-score-list div {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.employee-evaluation-view-page .employee-evaluation-back-link {
    margin-bottom: 0.35rem !important;
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-hero h2 {
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    line-height: 1.18 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-hero p {
    margin-top: 0.35rem !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-actions {
    gap: 0.52rem !important;
}

html body.employee-evaluation-view-page .employee-evaluation-status-strip,
html body.employee-evaluation-view-page .employee-evaluation-command-strip {
    gap: 0.48rem !important;
}

html body.employee-evaluation-view-page .employee-evaluation-rating-pill,
html body.employee-evaluation-view-page .employee-evaluation-score-pill,
html body.employee-evaluation-view-page .employee-evaluation-view-actions .pill {
    min-height: 1.72rem !important;
    padding: 0.24rem 0.6rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-actions .employee-section-action {
    min-height: 2.18rem !important;
    padding: 0.48rem 0.78rem !important;
    border-radius: 8px !important;
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-actions .employee-evaluation-delete-action {
    color: var(--c237) !important;
}

html body.employee-evaluation-view-page .employee-evaluation-view-grid {
    gap: 0.86rem !important;
}

html body.employee-evaluation-view-page .employee-evaluation-summary-panel {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
}

html body.employee-evaluation-view-page .employee-evaluation-summary-panel div {
    gap: 0.28rem !important;
    padding: 0.72rem 0.86rem !important;
}

html body.employee-evaluation-view-page .employee-evaluation-summary-panel span,
html body.employee-evaluation-view-page .employee-evaluation-content-panel article > span {
    color: var(--theme-slate) !important;
    font-size: 0.74rem !important;
    line-height: 1.25 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-summary-panel strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-content-panel article {
    gap: 0.48rem !important;
    padding: 0.82rem 1rem !important;
    background: var(--theme-surface-strong) !important;
}

html body.employee-evaluation-view-page .employee-evaluation-content-panel article:nth-child(even):not(.employee-evaluation-section-heading) {
    background: var(--c012) !important;
}

html body.employee-evaluation-view-page .employee-evaluation-section-heading {
    padding: 0.82rem 1rem !important;
    background: var(--theme-surface-strong) !important;
}

html body.employee-evaluation-view-page .employee-evaluation-section-heading h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    line-height: 1.28 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-section-heading p,
html body.employee-evaluation-view-page .employee-evaluation-content-panel p,
html body.employee-evaluation-view-page .employee-evaluation-comment-list p {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
}

html body.employee-evaluation-view-page .employee-evaluation-content-panel p {
    max-width: 74ch !important;
}

html body.employee-evaluation-view-page .employee-evaluation-comment-list > div,
html body.employee-evaluation-view-page .employee-evaluation-score-list div {
    border-radius: 8px !important;
    background: var(--c012) !important;
}

@media (max-width: 760px) {
    html body.employee-evaluation-view-page .employee-evaluation-view-hero,
    html body.employee-evaluation-view-page .employee-evaluation-content-panel article,
    html body.employee-evaluation-view-page .employee-evaluation-section-heading {
        padding: 0.82rem !important;
    }
}

/* Department directory final polish: balanced cards, normal text, consistent gaps. */
html body:has(.department-directory-page) .department-directory-page {
    gap: 0.95rem !important;
}

html body:has(.department-directory-page) .department-directory-hero.panel,
html body:has(.department-directory-page) .department-directory-panel.panel {
    padding: 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 10px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .department-directory-hero {
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr) !important;
    align-items: center !important;
    gap: 1rem !important;
    min-height: auto !important;
}

html body:has(.department-directory-page) .department-directory-copy,
html body:has(.department-directory-page) .department-directory-stats {
    gap: 0.72rem !important;
}

html body:has(.department-directory-page) .department-directory-copy h2,
html body:has(.department-directory-page) .department-directory-text,
html body:has(.department-directory-page) .department-directory-stats article,
html body:has(.department-directory-page) .department-directory-stats span,
html body:has(.department-directory-page) .department-directory-stats strong,
html body:has(.department-directory-page) .department-directory-stats small,
html body:has(.department-directory-page) .department-directory-stats .button,
html body:has(.department-directory-page) .department-directory-header h2,
html body:has(.department-directory-page) .department-directory-note,
html body:has(.department-directory-page) .department-directory-card,
html body:has(.department-directory-page) .department-directory-card h4,
html body:has(.department-directory-page) .department-directory-card p,
html body:has(.department-directory-page) .department-directory-card span,
html body:has(.department-directory-page) .department-directory-card strong {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.department-directory-page) .department-directory-copy .eyebrow,
html body:has(.department-directory-page) .department-directory-header .eyebrow,
html body:has(.department-directory-page) .department-directory-card-bottom span:not(.department-directory-open) {
    color: var(--theme-slate) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body:has(.department-directory-page) .department-directory-copy h2 {
    color: var(--theme-ink-strong) !important;
    font-size: 1.36rem !important;
    line-height: 1.2 !important;
}

html body:has(.department-directory-page) .department-directory-text {
    max-width: 64ch !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.86rem !important;
    line-height: 1.52 !important;
}

html body:has(.department-directory-page) .department-directory-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body:has(.department-directory-page) .department-directory-stats article {
    min-height: 5.2rem !important;
    padding: 0.82rem 0.9rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--c012) !important;
    color: var(--theme-ink-strong) !important;
}

html body:has(.department-directory-page) .department-directory-stats article:last-of-type {
    border-color: var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .department-directory-stats span {
    color: var(--theme-slate) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body:has(.department-directory-page) .department-directory-stats strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.34rem !important;
    line-height: 1.15 !important;
}

html body:has(.department-directory-page) .department-directory-stats small {
    color: var(--theme-slate) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
}

html body:has(.department-directory-page) .department-directory-stats article:last-of-type span,
html body:has(.department-directory-page) .department-directory-stats article:last-of-type strong,
html body:has(.department-directory-page) .department-directory-stats article:last-of-type small {
    color: var(--theme-surface-strong) !important;
}

html body:has(.department-directory-page) .department-directory-stats .button {
    min-height: 2.38rem !important;
    padding: 0.54rem 0.86rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body:has(.department-directory-page) .department-add-button {
    min-height: 2.38rem !important;
    padding: 0.54rem 0.9rem !important;
    border-color: var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .department-add-button:hover,
html body:has(.department-directory-page) .department-add-button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    color: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    transform: none !important;
}

html body:has(.department-directory-page) .department-directory-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.78rem !important;
}

html body:has(.department-directory-page) .department-directory-header h2 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body:has(.department-directory-page) .department-directory-note {
    min-height: 1.72rem !important;
    padding: 0.24rem 0.62rem !important;
    border: 1px solid var(--c025) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
}

html body:has(.department-directory-page) .department-directory-grid {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)) !important;
    gap: 0.82rem !important;
}

html body:has(.department-directory-page) .department-directory-card {
    min-height: 9.8rem !important;
    padding: 0.92rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .department-directory-card:hover,
html body:has(.department-directory-page) .department-directory-card:focus-visible {
    border-color: var(--c278) !important;
    background: var(--c012) !important;
    box-shadow: none !important;
    transform: none !important;
}

html body:has(.department-directory-page) .department-directory-card-top {
    align-items: center !important;
    gap: 0.6rem !important;
}

html body:has(.department-directory-page) .department-directory-icon,
html body:has(.department-directory-page) .department-directory-code {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 7px !important;
}

html body:has(.department-directory-page) .department-directory-code {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 2.5rem !important;
    padding: 0 0.5rem !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    font-variant-numeric: tabular-nums !important;
    line-height: 1 !important;
    text-align: center !important;
}

html body:has(.department-directory-page) .department-directory-card h4 {
    margin-top: 0.86rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.96rem !important;
    line-height: 1.28 !important;
}

html body:has(.department-directory-page) .department-directory-card-bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.45fr) minmax(0, 0.9fr) auto !important;
    align-items: start !important;
    gap: 0.68rem !important;
    margin-top: 0.82rem !important;
    padding-top: 0.72rem !important;
    border-top: 1px solid var(--c014) !important;
}

html body:has(.department-directory-page) .department-directory-card-bottom strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
}

html body:has(.department-directory-page) .department-directory-open {
    align-self: start !important;
    justify-self: end !important;
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

@media (max-width: 980px) {
    html body:has(.department-directory-page) .department-directory-hero,
    html body:has(.department-directory-page) .department-directory-stats {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 680px) {
    html body:has(.department-directory-page) .department-directory-hero.panel,
    html body:has(.department-directory-page) .department-directory-panel.panel {
        padding: 0.82rem !important;
    }

    html body:has(.department-directory-page) .department-directory-grid {
        grid-template-columns: 1fr !important;
    }
}

/* HR dashboard topbar final polish: same primary color and lighter controls. */
html body.dashboard-page-body:has(.dashboard-home-page) {
    --dashboard-accent: var(--c092) !important;
    --dashboard-accent-soft: var(--c154) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar {
    min-height: 82px !important;
    padding: 1rem !important;
    border-radius: 10px !important;
    border-color: var(--c014) !important;
    box-shadow: none !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar h1,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .eyebrow,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .button,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell input,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell input::placeholder {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-copy {
    gap: 0.28rem !important;
    min-height: auto !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .eyebrow {
    color: var(--theme-slate) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar h1 {
    color: var(--theme-ink-strong) !important;
    font-size: 1.34rem !important;
    line-height: 1.18 !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-tools {
    width: min(100%, 56rem) !important;
    grid-template-columns: minmax(18rem, 1fr) auto 2.7rem !important;
    gap: 0.58rem !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell {
    min-height: 2.7rem !important;
    border-color: var(--c091) !important;
    border-radius: 8px !important;
    background: var(--c012) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell:focus-within {
    border-color: var(--c092) !important;
    box-shadow: 0 0 0 3px var(--c279) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell input {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell input::placeholder {
    color: var(--theme-slate-muted) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions {
    gap: 0.5rem !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button {
    min-height: 2.7rem !important;
    padding: 0.52rem 0.86rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button.secondary {
    border-color: var(--c091) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button:not(.secondary):not(.button-secondary),
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .dashboard-add-action {
    border-color: var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button:not(.secondary):not(.button-secondary):hover,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button:not(.secondary):not(.button-secondary):focus-visible,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .dashboard-add-action:hover,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .dashboard-add-action:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    color: var(--theme-surface-strong) !important;
    transform: none !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .notification-menu-button {
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-color: var(--c091) !important;
    border-radius: 8px !important;
}

@media (max-width: 760px) {
    html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-tools {
        grid-template-columns: 1fr !important;
    }

    html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions {
        flex-wrap: wrap !important;
    }
}

/* HR dashboard color and contrast cleanup: one restrained palette across widgets. */
html body.dashboard-page-body:has(.dashboard-home-page) {
    --dashboard-bg: var(--theme-bg-app) !important;
    --dashboard-surface: var(--theme-surface-strong) !important;
    --dashboard-surface-soft: var(--c012) !important;
    --dashboard-ink: var(--theme-ink-strong) !important;
    --dashboard-muted: var(--theme-slate) !important;
    --dashboard-line: var(--c014) !important;
    --dashboard-line-strong: var(--c091) !important;
    --dashboard-accent: var(--c092) !important;
    --dashboard-accent-hover: var(--c093) !important;
    --dashboard-accent-soft: var(--c154) !important;
    --dashboard-accent-line: var(--c280) !important;
    --dashboard-success: var(--c095) !important;
    --dashboard-success-soft: var(--c094) !important;
    --dashboard-warning: var(--c096) !important;
    --dashboard-warning-soft: var(--c009) !important;
    --dashboard-danger: var(--c024) !important;
    --dashboard-danger-soft: var(--c116) !important;
    background: var(--dashboard-bg) !important;
}

html body.dashboard-page-body .dashboard-home-page,
html body.dashboard-page-body .dashboard-home-page :is(h2, h3, p, span, strong, small, a, button, th, td, label) {
    letter-spacing: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
}

html body.dashboard-page-body .dashboard-home-page :is(p, span, strong, small, a, button, th, td, label),
html body.dashboard-page-body .dashboard-home-page .person-cell strong,
html body.dashboard-page-body .dashboard-home-page .side-list-item strong,
html body.dashboard-page-body .dashboard-home-page .pill,
html body.dashboard-page-body .dashboard-home-page .text-link {
    font-weight: 400 !important;
}

html body.dashboard-page-body .dashboard-home-page {
    gap: 0.95rem !important;
    color: var(--dashboard-ink) !important;
}

html body.dashboard-page-body .dashboard-home-page .dashboard-stats,
html body.dashboard-page-body .dashboard-home-page .dashboard-grid,
html body.dashboard-page-body .dashboard-home-page .dashboard-main,
html body.dashboard-page-body .dashboard-home-page .dashboard-side,
html body.dashboard-page-body .dashboard-home-page .dashboard-support-grid {
    gap: 0.86rem !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-card,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child,
html body.dashboard-page-body .dashboard-home-page .panel,
html body.dashboard-page-body .dashboard-home-page .table-panel,
html body.dashboard-page-body .dashboard-home-page .side-panel,
html body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget,
html body.dashboard-page-body .dashboard-home-page .recent-people-panel {
    border: 1px solid var(--dashboard-line) !important;
    border-radius: 10px !important;
    background: var(--dashboard-surface) !important;
    box-shadow: none !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-card,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child {
    min-height: 6.25rem !important;
    padding: 0.92rem 1rem !important;
}

html body.dashboard-page-body .dashboard-home-page .panel,
html body.dashboard-page-body .dashboard-home-page .table-panel,
html body.dashboard-page-body .dashboard-home-page .side-panel,
html body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget,
html body.dashboard-page-body .dashboard-home-page .recent-people-panel {
    padding: 1rem !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-icon,
html body.dashboard-page-body .dashboard-home-page .metric-icon.sky,
html body.dashboard-page-body .dashboard-home-page .metric-icon.green,
html body.dashboard-page-body .dashboard-home-page .metric-icon.amber,
html body.dashboard-page-body .dashboard-home-page .metric-icon.violet,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child .metric-icon {
    border-color: var(--dashboard-accent-line) !important;
    background: var(--dashboard-accent-soft) !important;
    color: var(--dashboard-accent) !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-card p,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child p,
html body.dashboard-page-body .dashboard-home-page thead th,
html body.dashboard-page-body .dashboard-home-page tbody td::before {
    color: var(--dashboard-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-card strong,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child strong {
    color: var(--dashboard-ink) !important;
    font-size: 1.34rem !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-card small,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child small,
html body.dashboard-page-body .dashboard-home-page .person-cell small,
html body.dashboard-page-body .dashboard-home-page .side-list-item small,
html body.dashboard-page-body .dashboard-home-page .empty-state,
html body.dashboard-page-body .dashboard-home-page .empty-cell {
    color: var(--dashboard-muted) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
}

html body.dashboard-page-body .dashboard-home-page .panel-header,
html body.dashboard-page-body .dashboard-home-page .dashboard-side .panel-header {
    min-height: auto !important;
    margin-bottom: 0.72rem !important;
    padding-bottom: 0.62rem !important;
    border-bottom: 1px solid var(--dashboard-line) !important;
}

html body.dashboard-page-body .dashboard-home-page .panel-header h2,
html body.dashboard-page-body .dashboard-home-page .dashboard-side .panel-header h2 {
    color: var(--dashboard-ink) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

html body.dashboard-page-body .dashboard-home-page .table-wrap {
    border: 1px solid var(--dashboard-line) !important;
    border-radius: 8px !important;
    background: var(--dashboard-surface) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.dashboard-page-body .dashboard-home-page table {
    color: var(--dashboard-ink) !important;
}

html body.dashboard-page-body .dashboard-home-page thead th {
    padding: 0.62rem 0.72rem !important;
    border-color: var(--dashboard-line) !important;
    background: var(--theme-surface-cool) !important;
}

html body.dashboard-page-body .dashboard-home-page tbody td {
    padding: 0.66rem 0.72rem !important;
    color: var(--dashboard-ink) !important;
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
}

html body.dashboard-page-body .dashboard-home-page tbody tr:hover td {
    background: var(--dashboard-surface-soft) !important;
}

html body.dashboard-page-body .dashboard-home-page .person-cell strong,
html body.dashboard-page-body .dashboard-home-page .side-list-item strong,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row strong,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row > span {
    color: var(--dashboard-ink) !important;
    font-size: 0.84rem !important;
    line-height: 1.28 !important;
}

html body.dashboard-page-body .dashboard-home-page .side-list,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-bars {
    gap: 0.54rem !important;
}

html body.dashboard-page-body .dashboard-home-page .side-list-item,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row {
    border: 1px solid var(--dashboard-line) !important;
    border-radius: 8px !important;
    background: var(--dashboard-surface) !important;
    color: var(--dashboard-ink) !important;
}

html body.dashboard-page-body .dashboard-home-page .side-list-item:hover,
html body.dashboard-page-body .dashboard-home-page .side-list-item:focus-visible,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row:hover {
    border-color: var(--dashboard-line-strong) !important;
    background: var(--dashboard-surface-soft) !important;
}

html body.dashboard-page-body .dashboard-home-page .pill,
html body.dashboard-page-body .dashboard-home-page .pill-soft,
html body.dashboard-page-body .dashboard-home-page .status-pill {
    min-height: 1.55rem !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
}

html body.dashboard-page-body .dashboard-home-page .pill.status-active,
html body.dashboard-page-body .dashboard-home-page .pill.status-approved {
    border-color: var(--c002) !important;
    background: var(--dashboard-success-soft) !important;
    color: var(--dashboard-success) !important;
}

html body.dashboard-page-body .dashboard-home-page .text-link {
    min-height: 2.2rem !important;
    padding: 0.45rem 0.72rem !important;
    border: 1px solid var(--dashboard-line-strong) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    text-decoration: none !important;
}

html body.dashboard-page-body .dashboard-home-page .text-link:hover,
html body.dashboard-page-body .dashboard-home-page .text-link:focus-visible {
    border-color: var(--dashboard-accent-line) !important;
    background: var(--dashboard-accent-soft) !important;
    color: var(--dashboard-accent) !important;
}

html body.dashboard-page-body .dashboard-home-page .dashboard-progress {
    background: var(--c018) !important;
}

html body.dashboard-page-body .dashboard-home-page .dashboard-progress-fill,
html body.dashboard-page-body .dashboard-home-page .dashboard-progress-fill.progress-success {
    background: var(--dashboard-accent) !important;
}

@media (max-width: 760px) {
    html body.dashboard-page-body .dashboard-home-page,
    html body.dashboard-page-body .dashboard-home-page .dashboard-stats,
    html body.dashboard-page-body .dashboard-home-page .dashboard-grid,
    html body.dashboard-page-body .dashboard-home-page .dashboard-main,
    html body.dashboard-page-body .dashboard-home-page .dashboard-side,
    html body.dashboard-page-body .dashboard-home-page .dashboard-support-grid {
        gap: 0.75rem !important;
    }

    html body.dashboard-page-body .dashboard-home-page .metric-card,
    html body.dashboard-page-body .dashboard-home-page .metric-card:first-child,
    html body.dashboard-page-body .dashboard-home-page .panel,
    html body.dashboard-page-body .dashboard-home-page .table-panel,
    html body.dashboard-page-body .dashboard-home-page .side-panel,
    html body.dashboard-page-body .dashboard-home-page .dashboard-mini-widget,
    html body.dashboard-page-body .dashboard-home-page .recent-people-panel {
        padding: 0.82rem !important;
    }
}

/* Dashboard shell color reduction: collapse overview colors to the core palette. */
html body.dashboard-page-body:has(.dashboard-home-page) {
    --dashboard-surface-soft: var(--theme-surface-cool) !important;
    --dashboard-accent-soft: var(--c094) !important;
    --dashboard-success-soft: var(--c094) !important;
    --dashboard-warning-soft: var(--theme-surface-cool) !important;
    --dashboard-danger-soft: var(--theme-surface-cool) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .page-shell,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--dashboard-bg) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar {
    background: var(--theme-surface-strong) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-head,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .brand,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-toggle,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-nav a,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-logout-link {
    background: transparent !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .brand-mark,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .nav-icon {
    background: var(--dashboard-surface-soft) !important;
    color: var(--dashboard-accent) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-nav a:hover,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-nav a.active,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-logout-link:hover,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-logout-link:focus-visible {
    background: var(--dashboard-accent-soft) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-nav a:hover .nav-icon,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar-nav a.active .nav-icon {
    background: var(--theme-surface-strong) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .notification-menu-button,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button.secondary,
html body.dashboard-page-body .dashboard-home-page .text-link {
    background: var(--theme-surface-strong) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button.secondary:hover,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button.secondary:focus-visible,
html body.dashboard-page-body .dashboard-home-page thead th,
html body.dashboard-page-body .dashboard-home-page tbody tr:hover td,
html body.dashboard-page-body .dashboard-home-page .side-list-item:hover,
html body.dashboard-page-body .dashboard-home-page .side-list-item:focus-visible,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row:hover,
html body.dashboard-page-body .dashboard-home-page .empty-state,
html body.dashboard-page-body .dashboard-home-page .empty-cell {
    background: var(--dashboard-surface-soft) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .search-shell:focus-within {
    background: var(--theme-surface-strong) !important;
}

html body.dashboard-page-body .dashboard-home-page .metric-icon,
html body.dashboard-page-body .dashboard-home-page .metric-icon.sky,
html body.dashboard-page-body .dashboard-home-page .metric-icon.green,
html body.dashboard-page-body .dashboard-home-page .metric-icon.amber,
html body.dashboard-page-body .dashboard-home-page .metric-icon.violet,
html body.dashboard-page-body .dashboard-home-page .metric-card:first-child .metric-icon,
html body.dashboard-page-body .dashboard-home-page .pill.status-active,
html body.dashboard-page-body .dashboard-home-page .pill.status-approved,
html body.dashboard-page-body .dashboard-home-page .text-link:hover,
html body.dashboard-page-body .dashboard-home-page .text-link:focus-visible {
    background: var(--dashboard-accent-soft) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button:not(.secondary):not(.button-secondary),
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .dashboard-add-action,
html body.dashboard-page-body .dashboard-home-page .dashboard-progress-fill,
html body.dashboard-page-body .dashboard-home-page .dashboard-progress-fill.progress-success,
html body.dashboard-page-body .notification-status-dot {
    background: var(--dashboard-accent) !important;
}

html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button:not(.secondary):not(.button-secondary):hover,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .button:not(.secondary):not(.button-secondary):focus-visible,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .dashboard-add-action:hover,
html body.dashboard-page-body:has(.dashboard-home-page) .main-panel > .topbar .topbar-actions .dashboard-add-action:focus-visible {
    background: var(--dashboard-accent-hover) !important;
}

html body.dashboard-page-body .dashboard-home-page .dashboard-progress,
html body.dashboard-page-body .dashboard-home-page .dashboard-attendance-row .dashboard-progress,
html body.dashboard-page-body .dashboard-home-page .dashboard-action-count {
    background: var(--c018) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar::-webkit-scrollbar-track,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .main-panel::-webkit-scrollbar-track {
    background: var(--dashboard-bg) !important;
}

html body.dashboard-page-body:not(.auth-page):not(.login-page) .sidebar::-webkit-scrollbar-thumb,
html body.dashboard-page-body:not(.auth-page):not(.login-page) .main-panel::-webkit-scrollbar-thumb {
    background: var(--dashboard-line-strong) !important;
}

/* Organization structure final alignment: quiet hierarchy and teal actions. */
html body:has(.org-tree-page) {
    --org-primary: var(--c092);
    --org-primary-hover: var(--c093);
    --org-bg: var(--theme-bg-app);
    --org-surface: var(--theme-surface-strong);
    --org-soft: var(--theme-surface-cool);
    --org-line: var(--c014);
    --org-line-strong: var(--c091);
    --org-ink: var(--theme-ink-strong);
    --org-muted: var(--theme-slate);
}

html body:has(.org-tree-page) .main-panel > .topbar,
html body:has(.org-tree-page) .org-final-header,
html body:has(.org-tree-page) .org-final-canvas,
html body:has(.org-tree-page) .org-chart-toolbar-v2,
html body:has(.org-tree-page) .org-final-card,
html body:has(.org-tree-page) .org-final-note {
    border-color: var(--org-line) !important;
    border-radius: 10px !important;
    background: var(--org-surface) !important;
    box-shadow: none !important;
}

html body:has(.org-tree-page) .main-panel > .topbar h1,
html body:has(.org-tree-page) .main-panel > .topbar .eyebrow,
html body:has(.org-tree-page) .org-final-header .eyebrow,
html body:has(.org-tree-page) .org-final-header h2,
html body:has(.org-tree-page) .org-final-header p,
html body:has(.org-tree-page) .org-final-header-metrics span,
html body:has(.org-tree-page) .org-final-header-metrics strong,
html body:has(.org-tree-page) .org-save-status,
html body:has(.org-tree-page) .org-tree-action,
html body:has(.org-tree-page) .org-chart-toolbar-v2 strong,
html body:has(.org-tree-page) .org-chart-toolbar-v2 span,
html body:has(.org-tree-page) .org-chart-collapse-all,
html body:has(.org-tree-page) .org-chart-legend span,
html body:has(.org-tree-page) .org-final-card strong,
html body:has(.org-tree-page) .org-final-card span,
html body:has(.org-tree-page) .org-final-card em,
html body:has(.org-tree-page) .org-vacant-badge,
html body:has(.org-tree-page) .org-final-tools a,
html body:has(.org-tree-page) .org-final-tools button,
html body:has(.org-tree-page) .org-final-collapse,
html body:has(.org-tree-page) .org-final-note,
html body:has(.org-tree-page) .org-final-note strong {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.org-tree-page) .main-panel > .topbar {
    min-height: 82px !important;
    padding: 1rem !important;
}

html body:has(.org-tree-page) .main-panel > .topbar h1 {
    color: var(--org-ink) !important;
    font-size: 1.34rem !important;
    line-height: 1.18 !important;
}

html body:has(.org-tree-page) .main-panel > .topbar .eyebrow {
    color: var(--org-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body:has(.org-tree-page) .main-panel > .topbar .search-shell {
    min-height: 2.7rem !important;
    border-radius: 8px !important;
    background: var(--org-soft) !important;
}

html body:has(.org-tree-page) .main-panel > .topbar .search-shell:focus-within {
    border-color: var(--org-primary) !important;
    box-shadow: 0 0 0 3px var(--c279) !important;
}

html body:has(.org-tree-page) .main-panel > .topbar .notification-menu-button {
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 8px !important;
}

html body:has(.org-tree-page) .main-panel > .org-tree-page {
    gap: 0.95rem !important;
}

html body:has(.org-tree-page) .org-final-header {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 0.86rem !important;
    padding: 0.95rem 1rem !important;
}

html body:has(.org-tree-page) .org-final-header .eyebrow {
    margin-bottom: 0.32rem !important;
    color: var(--org-muted) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body:has(.org-tree-page) .org-final-header h2 {
    color: var(--org-ink) !important;
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
}

html body:has(.org-tree-page) .org-final-header p:not(.eyebrow) {
    margin-top: 0.36rem !important;
    color: var(--org-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.42 !important;
}

html body:has(.org-tree-page) .org-final-header-metrics {
    grid-template-columns: repeat(3, minmax(7.5rem, 1fr)) !important;
    gap: 0.52rem !important;
}

html body:has(.org-tree-page) .org-final-header-metrics article {
    min-height: 4.35rem !important;
    padding: 0.66rem 0.76rem !important;
    border: 1px solid var(--org-line) !important;
    border-radius: 8px !important;
    background: var(--org-soft) !important;
}

html body:has(.org-tree-page) .org-final-header-metrics span {
    color: var(--org-muted) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body:has(.org-tree-page) .org-final-header-metrics strong {
    margin-top: 0.35rem !important;
    color: var(--org-ink) !important;
    font-size: 1.24rem !important;
    line-height: 1.1 !important;
}

html body:has(.org-tree-page) .org-final-actions {
    gap: 0.52rem !important;
}

html body:has(.org-tree-page) .org-save-status {
    min-height: 1.8rem !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.22rem 0.64rem !important;
    border: 1px solid var(--c002) !important;
    border-radius: 999px !important;
    background: var(--c094) !important;
    color: var(--c095) !important;
    font-size: 0.74rem !important;
}

html body:has(.org-tree-page) .org-tree-action {
    min-height: 2.38rem !important;
    padding: 0.54rem 0.9rem !important;
    border-color: var(--org-primary) !important;
    border-radius: 8px !important;
    background: var(--org-primary) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
    box-shadow: none !important;
}

html body:has(.org-tree-page) .org-tree-action:hover,
html body:has(.org-tree-page) .org-tree-action:focus-visible {
    border-color: var(--org-primary-hover) !important;
    background: var(--org-primary-hover) !important;
}

html body:has(.org-tree-page) .org-final-canvas {
    min-height: 32rem !important;
    padding: 1rem !important;
}

html body:has(.org-tree-page) .org-chart-toolbar-v2 {
    grid-template-columns: minmax(16rem, 1fr) auto !important;
    gap: 0.75rem !important;
    margin-bottom: 0.95rem !important;
    padding: 0.72rem 0.86rem !important;
    box-shadow: none !important;
}

html body:has(.org-tree-page) .org-chart-toolbar-v2 strong {
    color: var(--org-ink) !important;
    font-size: 0.96rem !important;
    line-height: 1.25 !important;
}

html body:has(.org-tree-page) .org-chart-toolbar-v2 span {
    color: var(--org-muted) !important;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
}

html body:has(.org-tree-page) .org-chart-toolbar-actions {
    gap: 0.58rem !important;
}

html body:has(.org-tree-page) .org-chart-collapse-all,
html body:has(.org-tree-page) .org-final-tools a,
html body:has(.org-tree-page) .org-final-tools button,
html body:has(.org-tree-page) .org-final-collapse {
    border-color: var(--org-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
}

html body:has(.org-tree-page) .org-chart-collapse-all {
    min-height: 2.22rem !important;
    padding: 0.46rem 0.72rem !important;
    border-radius: 8px !important;
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
}

html body:has(.org-tree-page) .org-chart-collapse-all:hover,
html body:has(.org-tree-page) .org-chart-collapse-all:focus-visible,
html body:has(.org-tree-page) .org-final-tools a:hover,
html body:has(.org-tree-page) .org-final-tools button:hover,
html body:has(.org-tree-page) .org-final-collapse:hover {
    border-color: var(--org-line-strong) !important;
    background: var(--org-soft) !important;
    color: var(--c103) !important;
}

html body:has(.org-tree-page) .org-chart-legend {
    gap: 0.58rem !important;
}

html body:has(.org-tree-page) .org-chart-legend span {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body:has(.org-tree-page) .org-final-tree {
    --org-node-width: 13rem !important;
    margin: 1.25rem auto 1.75rem !important;
}

html body:has(.org-tree-page) .org-final-avatar {
    width: 3.05rem !important;
    height: 3.05rem !important;
    box-shadow: none !important;
}

html body:has(.org-tree-page) .org-final-card {
    padding: 0.78rem 0.82rem !important;
    box-shadow: inset 0 3px 0 currentColor !important;
}

html body:has(.org-tree-page) .org-final-card strong {
    color: var(--org-ink) !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
}

html body:has(.org-tree-page) .org-final-card span {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
}

html body:has(.org-tree-page) .org-final-card em {
    color: var(--org-muted) !important;
    font-size: 0.72rem !important;
    font-style: normal !important;
    line-height: 1.25 !important;
}

html body:has(.org-tree-page) .org-vacant-badge {
    padding: 0.16rem 0.5rem !important;
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
}

html body:has(.org-tree-page) .org-role-badge-linked,
html body:has(.org-tree-page) .org-role-badge-filled {
    border-color: var(--c002) !important;
    background: var(--c094) !important;
    color: var(--c095) !important;
}

html body:has(.org-tree-page) .org-final-tools {
    gap: 0.34rem !important;
    opacity: 1 !important;
}

html body:has(.org-tree-page) .org-final-tools a,
html body:has(.org-tree-page) .org-final-tools button,
html body:has(.org-tree-page) .org-final-collapse {
    min-height: 1.82rem !important;
    padding: 0.34rem 0.54rem !important;
    border-radius: 7px !important;
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
}

html body:has(.org-tree-page) .org-final-tools button {
    border-color: var(--c022) !important;
    background: var(--c249) !important;
    color: var(--c237) !important;
}

html body:has(.org-tree-page) .org-final-note {
    width: min(44rem, 100%) !important;
    padding: 0.78rem 0.9rem !important;
    background: var(--org-soft) !important;
    color: var(--org-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

html body:has(.org-tree-page) .org-final-note strong {
    color: var(--org-ink) !important;
}

@media (max-width: 980px) {
    html body:has(.org-tree-page) .org-final-header,
    html body:has(.org-tree-page) .org-chart-toolbar-v2 {
        grid-template-columns: 1fr !important;
    }

    html body:has(.org-tree-page) .org-final-header-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    html body:has(.org-tree-page) .org-final-actions,
    html body:has(.org-tree-page) .org-chart-toolbar-actions {
        justify-content: flex-start !important;
    }
}

@media (max-width: 680px) {
    html body:has(.org-tree-page) .org-final-header-metrics {
        grid-template-columns: 1fr !important;
    }

    html body:has(.org-tree-page) .org-final-header,
    html body:has(.org-tree-page) .org-final-canvas {
        padding: 0.82rem !important;
    }
}

/* Succession planning final polish: compact panels and teal primary action. */
html body:has(.succession-page) {
    --succession-primary: var(--c092);
    --succession-primary-hover: var(--c093);
    --succession-bg: var(--theme-bg-app);
    --succession-surface: var(--theme-surface-strong);
    --succession-soft: var(--theme-surface-cool);
    --succession-line: var(--c014);
    --succession-line-strong: var(--c091);
    --succession-ink: var(--theme-ink-strong);
    --succession-muted: var(--theme-slate);
}

html body:has(.succession-page) .main-panel > .topbar,
html body:has(.succession-page) .succession-stats .metric-card,
html body:has(.succession-page) .succession-stats .metric-card:first-child,
html body:has(.succession-page) .succession-form-panel,
html body:has(.succession-page) .succession-map-panel,
html body:has(.succession-page) .succession-plan-card {
    border: 1px solid var(--succession-line) !important;
    border-radius: 10px !important;
    background: var(--succession-surface) !important;
    box-shadow: none !important;
}

html body:has(.succession-page) .main-panel > .topbar h1,
html body:has(.succession-page) .main-panel > .topbar .eyebrow,
html body:has(.succession-page) .succession-stats .metric-card p,
html body:has(.succession-page) .succession-stats .metric-card strong,
html body:has(.succession-page) .succession-stats .metric-card small,
html body:has(.succession-page) .succession-form-panel .eyebrow,
html body:has(.succession-page) .succession-map-panel .eyebrow,
html body:has(.succession-page) .succession-form-panel h3,
html body:has(.succession-page) .succession-map-panel h3,
html body:has(.succession-page) .succession-form label,
html body:has(.succession-page) .succession-form input,
html body:has(.succession-page) .succession-form select,
html body:has(.succession-page) .succession-form textarea,
html body:has(.succession-page) .succession-form .button,
html body:has(.succession-page) .succession-plan-card strong,
html body:has(.succession-page) .succession-plan-card small,
html body:has(.succession-page) .succession-plan-card small span,
html body:has(.succession-page) .succession-plan-list .empty-state {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.succession-page) .main-panel > .topbar {
    min-height: 82px !important;
    padding: 1rem !important;
}

html body:has(.succession-page) .main-panel > .topbar h1 {
    color: var(--succession-ink) !important;
    font-size: 1.34rem !important;
    line-height: 1.18 !important;
}

html body:has(.succession-page) .main-panel > .topbar .eyebrow {
    color: var(--succession-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body:has(.succession-page) .main-panel > .topbar .search-shell {
    min-height: 2.7rem !important;
    border-radius: 8px !important;
    background: var(--succession-soft) !important;
}

html body:has(.succession-page) .main-panel > .topbar .search-shell:focus-within {
    border-color: var(--succession-primary) !important;
    box-shadow: 0 0 0 3px var(--c279) !important;
}

html body:has(.succession-page) .main-panel > .topbar .notification-menu-button {
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 8px !important;
}

html body:has(.succession-page) .main-panel > .succession-page {
    gap: 0.95rem !important;
}

html body:has(.succession-page) .succession-stats {
    gap: 0.82rem !important;
    max-width: 68rem !important;
}

html body:has(.succession-page) .succession-stats .metric-card,
html body:has(.succession-page) .succession-stats .metric-card:first-child {
    min-height: 5.35rem !important;
    padding: 0.86rem 0.96rem !important;
}

html body:has(.succession-page) .succession-stats .metric-card p {
    margin: 0 0 0.34rem !important;
    color: var(--succession-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body:has(.succession-page) .succession-stats .metric-card strong {
    color: var(--succession-ink) !important;
    font-size: 1.28rem !important;
    line-height: 1.1 !important;
}

html body:has(.succession-page) .succession-stats .metric-card small {
    margin-top: 0.42rem !important;
    color: var(--succession-muted) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
}

html body:has(.succession-page) .succession-workspace {
    grid-template-columns: minmax(28rem, 0.96fr) minmax(25rem, 1.04fr) !important;
    gap: 0.95rem !important;
}

html body:has(.succession-page) .succession-form-panel,
html body:has(.succession-page) .succession-map-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body:has(.succession-page) .succession-form-panel .panel-header,
html body:has(.succession-page) .succession-map-panel .panel-header {
    margin: 0 !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--succession-line) !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.succession-page) .succession-form-panel .eyebrow,
html body:has(.succession-page) .succession-map-panel .eyebrow {
    margin: 0 0 0.3rem !important;
    color: var(--succession-muted) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body:has(.succession-page) .succession-form-panel h3,
html body:has(.succession-page) .succession-map-panel h3 {
    color: var(--succession-ink) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body:has(.succession-page) .succession-form {
    gap: 0.82rem !important;
    padding: 1rem !important;
}

html body:has(.succession-page) .succession-form .field-group {
    gap: 0.42rem !important;
}

html body:has(.succession-page) .succession-form label {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body:has(.succession-page) .succession-form input,
html body:has(.succession-page) .succession-form select,
html body:has(.succession-page) .succession-form textarea {
    min-height: 2.62rem !important;
    border-color: var(--succession-line-strong) !important;
    border-radius: 8px !important;
    color: var(--succession-ink) !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
}

html body:has(.succession-page) .succession-form textarea {
    min-height: 5.45rem !important;
}

html body:has(.succession-page) .succession-form input:focus,
html body:has(.succession-page) .succession-form select:focus,
html body:has(.succession-page) .succession-form textarea:focus {
    border-color: var(--succession-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
}

html body:has(.succession-page) .succession-form .form-actions {
    margin-top: 0.15rem !important;
}

html body:has(.succession-page) .succession-form .button {
    min-height: 2.5rem !important;
    padding: 0.55rem 0.92rem !important;
    border-color: var(--succession-primary) !important;
    border-radius: 8px !important;
    background: var(--succession-primary) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
    box-shadow: none !important;
}

html body:has(.succession-page) .succession-form .button:hover,
html body:has(.succession-page) .succession-form .button:focus-visible {
    border-color: var(--succession-primary-hover) !important;
    background: var(--succession-primary-hover) !important;
}

html body:has(.succession-page) .succession-plan-list {
    gap: 0.64rem !important;
    padding: 0.82rem !important;
}

html body:has(.succession-page) .succession-plan-card {
    padding: 0.84rem 0.92rem !important;
    border-radius: 8px !important;
}

html body:has(.succession-page) .succession-plan-card:hover,
html body:has(.succession-page) .succession-plan-card:focus-visible {
    border-color: var(--succession-line-strong) !important;
    background: var(--succession-soft) !important;
    outline: 2px solid transparent !important;
}

html body:has(.succession-page) .succession-plan-card strong {
    margin-bottom: 0.48rem !important;
    color: var(--succession-ink) !important;
    font-size: 0.88rem !important;
    line-height: 1.28 !important;
}

html body:has(.succession-page) .succession-plan-card small {
    gap: 0.34rem !important;
    color: var(--succession-muted) !important;
    font-size: 0.74rem !important;
}

html body:has(.succession-page) .succession-plan-card small span {
    min-height: 1.52rem !important;
    padding: 0.18rem 0.52rem !important;
    border-color: var(--succession-line-strong) !important;
    border-radius: 999px !important;
    background: var(--succession-soft) !important;
    color: var(--theme-ink-muted) !important;
    line-height: 1.15 !important;
}

html body:has(.succession-page) .succession-plan-list .empty-state {
    min-height: 6rem !important;
    border-color: var(--succession-line-strong) !important;
    border-radius: 8px !important;
    background: var(--succession-soft) !important;
    color: var(--succession-muted) !important;
    font-size: 0.82rem !important;
}

@media (max-width: 1080px) {
    html body:has(.succession-page) .succession-workspace,
    html body:has(.succession-page) .succession-form {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    html body:has(.succession-page) .succession-stats {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }

    html body:has(.succession-page) .succession-form-panel .panel-header,
    html body:has(.succession-page) .succession-map-panel .panel-header,
    html body:has(.succession-page) .succession-form {
        padding: 0.82rem !important;
    }
}
/* Department directory final color pass: remove purple metric and align primary action. */
html body:has(.department-directory-page) {
    --department-dir-primary: var(--c092);
    --department-dir-primary-hover: var(--c093);
    --department-dir-surface: var(--theme-surface-strong);
    --department-dir-soft: var(--theme-surface-cool);
    --department-dir-line: var(--c014);
    --department-dir-line-strong: var(--c091);
    --department-dir-ink: var(--theme-ink-strong);
    --department-dir-muted: var(--theme-slate);
}

html body:has(.department-directory-page) .main-panel > .topbar,
html body:has(.department-directory-page) .department-directory-hero.panel,
html body:has(.department-directory-page) .department-directory-panel.panel {
    border: 1px solid var(--department-dir-line) !important;
    border-radius: 10px !important;
    background: var(--department-dir-surface) !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .main-panel > .topbar {
    min-height: 82px !important;
    margin-bottom: 1rem !important;
    padding: 1rem 1.1rem !important;
}

html body:has(.department-directory-page) .main-panel > .topbar h1 {
    color: var(--department-dir-ink) !important;
    font-size: 1.42rem !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-directory-page) .main-panel > .topbar .eyebrow,
html body:has(.department-directory-page) .department-directory-page .eyebrow,
html body:has(.department-directory-page) .department-directory-stats span,
html body:has(.department-directory-page) .department-directory-stats small,
html body:has(.department-directory-page) .department-directory-header .eyebrow {
    color: var(--department-dir-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.department-directory-page) .department-directory-page {
    gap: 0.95rem !important;
}

html body:has(.department-directory-page) .department-directory-hero.panel {
    grid-template-columns: minmax(0, 1.18fr) minmax(22rem, 0.82fr) !important;
    gap: 1rem !important;
    align-items: center !important;
    padding: 1rem 1.1rem !important;
}

html body:has(.department-directory-page) .department-directory-copy {
    gap: 0.45rem !important;
}

html body:has(.department-directory-page) .department-directory-copy h2 {
    color: var(--department-dir-ink) !important;
    font-size: 1.34rem !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-directory-page) .department-directory-text {
    max-width: 62ch !important;
    color: var(--department-dir-muted) !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body:has(.department-directory-page) .department-directory-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    align-items: start !important;
}

html body:has(.department-directory-page) .directory-stat-tile,
html body:has(.department-directory-page) .department-directory-stats article {
    min-height: 5.4rem !important;
    padding: 0.85rem 0.95rem !important;
    border: 1px solid var(--department-dir-line) !important;
    border-radius: 8px !important;
    background: var(--department-dir-soft) !important;
    color: var(--department-dir-ink) !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .directory-stat-tile.highlight,
html body:has(.department-directory-page) .department-directory-stats article.highlight {
    border-color: var(--department-dir-primary) !important;
    background: var(--department-dir-primary) !important;
    color: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.department-directory-page) .directory-stat-tile strong,
html body:has(.department-directory-page) .department-directory-stats strong {
    margin: 0.28rem 0 0.22rem !important;
    color: var(--department-dir-ink) !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-directory-page) .directory-stat-tile.highlight span,
html body:has(.department-directory-page) .directory-stat-tile.highlight strong,
html body:has(.department-directory-page) .directory-stat-tile.highlight small,
html body:has(.department-directory-page) .department-directory-stats article.highlight span,
html body:has(.department-directory-page) .department-directory-stats article.highlight strong,
html body:has(.department-directory-page) .department-directory-stats article.highlight small {
    color: var(--theme-surface-strong) !important;
}

html body:has(.department-directory-page) .department-add-button {
    justify-self: start !important;
    min-height: 2.12rem !important;
    padding: 0.42rem 0.72rem !important;
    border: 1px solid var(--department-dir-primary) !important;
    border-radius: 8px !important;
    background: var(--department-dir-primary) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.76rem !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    gap: 0.42rem !important;
    line-height: 1.1 !important;
}

html body:has(.department-directory-page) .department-add-button span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 0.88rem !important;
    height: 0.88rem !important;
    border-radius: 999px !important;
    background: var(--c283) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.7rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

html body:has(.department-directory-page) .department-add-button:hover,
html body:has(.department-directory-page) .department-add-button:focus-visible {
    border-color: var(--department-dir-primary-hover) !important;
    background: var(--department-dir-primary-hover) !important;
    color: var(--theme-surface-strong) !important;
}

@media (max-width: 1020px) {
    html body:has(.department-directory-page) .department-directory-hero.panel,
    html body:has(.department-directory-page) .department-directory-stats {
        grid-template-columns: 1fr !important;
    }
}

/* Department detail final polish: compact snapshot cards and normal roster text. */
html body:has(.department-page):not(:has(.department-directory-page)) {
    --department-detail-primary: var(--c092);
    --department-detail-primary-hover: var(--c093);
    --department-detail-surface: var(--theme-surface-strong);
    --department-detail-soft: var(--theme-surface-cool);
    --department-detail-line: var(--c014);
    --department-detail-line-strong: var(--c091);
    --department-detail-ink: var(--theme-ink-strong);
    --department-detail-muted: var(--theme-slate);
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar,
html body:has(.department-page):not(:has(.department-directory-page)) .department-hero.panel,
html body:has(.department-page):not(:has(.department-directory-page)) .department-roster-panel.panel {
    border: 1px solid var(--department-detail-line) !important;
    border-radius: 10px !important;
    background: var(--department-detail-surface) !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar {
    min-height: 82px !important;
    margin-bottom: 1rem !important;
    padding: 1rem 1.1rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar h1 {
    color: var(--department-detail-ink) !important;
    font-size: 1.42rem !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .eyebrow,
html body:has(.department-page):not(:has(.department-directory-page)) .department-page .eyebrow,
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card > div > span,
html body:has(.department-page):not(:has(.department-directory-page)) .department-meta-chip span,
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-muted {
    color: var(--department-detail-muted) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .search-shell {
    min-height: 2.72rem !important;
    border-color: var(--department-detail-line-strong) !important;
    background: var(--department-detail-soft) !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .search-shell:focus-within {
    border-color: var(--department-detail-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .button,
html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar button.button {
    min-height: 2.45rem !important;
    padding: 0.5rem 0.88rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .button.secondary {
    border-color: var(--department-detail-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c259) !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .button.secondary:hover,
html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .button.secondary:focus-visible {
    border-color: var(--department-detail-primary) !important;
    color: var(--department-detail-primary) !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar .button.danger,
html body:has(.department-page):not(:has(.department-directory-page)) .main-panel > .topbar button.button.danger {
    border-color: var(--c022) !important;
    background: var(--c086) !important;
    color: var(--c247) !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-page {
    gap: 0.95rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-hero.panel,
html body:has(.department-page):not(:has(.department-directory-page)) .department-roster-panel.panel {
    padding: 1rem 1.1rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-hero-copy {
    gap: 0.48rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-hero-copy h2,
html body:has(.department-page):not(:has(.department-directory-page)) .department-roster-header h3 {
    color: var(--department-detail-ink) !important;
    font-size: 1.04rem !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-hero-text {
    max-width: 56ch !important;
    color: var(--department-detail-muted) !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.8rem !important;
    margin-top: 0.9rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card,
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card:not(.compact),
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card:nth-child(2) {
    min-height: 5.9rem !important;
    padding: 0.9rem !important;
    border: 1px solid var(--department-detail-line) !important;
    border-radius: 8px !important;
    background: var(--department-detail-soft) !important;
    color: var(--department-detail-ink) !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-icon,
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card:nth-child(2) .department-summary-icon {
    width: 2.15rem !important;
    height: 2.15rem !important;
    flex: 0 0 2.15rem !important;
    border: 1px solid var(--c025) !important;
    border-radius: 8px !important;
    background: var(--c006) !important;
    color: var(--c007) !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-icon svg {
    width: 1rem !important;
    height: 1rem !important;
    stroke: currentColor !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card strong,
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card strong.department-summary-money,
html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-rate {
    margin: 0.22rem 0 !important;
    color: var(--department-detail-ink) !important;
    font-size: 1.22rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-card small {
    color: var(--department-detail-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-gender-split {
    gap: 0.38rem !important;
    margin-top: 0.52rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-gender-split span {
    min-height: 1.4rem !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 999px !important;
    background: var(--c282) !important;
    color: var(--department-detail-primary) !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-roster-panel.panel {
    padding-bottom: 1rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-roster-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.85rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-roster-count {
    min-height: 1.7rem !important;
    padding: 0.24rem 0.62rem !important;
    border: 1px solid var(--c025) !important;
    border-radius: 999px !important;
    background: var(--c011) !important;
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-list {
    gap: 0.58rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-card {
    grid-template-columns: minmax(18rem, 1fr) minmax(28rem, 0.95fr) !important;
    gap: 0.8rem !important;
    min-height: 4.85rem !important;
    padding: 0.78rem 0.9rem !important;
    border: 1px solid var(--department-detail-line) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-card:hover,
html body:has(.department-page):not(:has(.department-directory-page)) .department-member-card:focus-within {
    border-color: var(--c278) !important;
    background: var(--c012) !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-main {
    gap: 0.72rem !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-avatar {
    width: 2.45rem !important;
    height: 2.45rem !important;
    flex: 0 0 2.45rem !important;
    border: 0 !important;
    background: var(--c282) !important;
    color: var(--department-detail-primary) !important;
    font-size: 0.82rem !important;
    font-weight: 550 !important;
    box-shadow: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-main h4,
html body:has(.department-page):not(:has(.department-directory-page)) .department-member-main h4 a,
html body:has(.department-page):not(:has(.department-directory-page)) .table-link {
    color: var(--department-detail-ink) !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-main p {
    margin-top: 0.18rem !important;
    color: var(--department-detail-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-member-meta {
    grid-template-columns: minmax(14rem, 1fr) minmax(9rem, 0.55fr) auto !important;
    gap: 0.55rem !important;
    align-items: center !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-meta-chip {
    min-height: 2.55rem !important;
    padding: 0.48rem 0.62rem !important;
    border: 1px solid var(--department-detail-line) !important;
    border-radius: 8px !important;
    background: var(--department-detail-soft) !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-meta-chip strong {
    margin-top: 0.12rem !important;
    color: var(--department-detail-ink) !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

html body:has(.department-page):not(:has(.department-directory-page)) .department-page .pill {
    min-height: 1.55rem !important;
    padding: 0.18rem 0.56rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

@media (max-width: 1120px) {
    html body:has(.department-page):not(:has(.department-directory-page)) .department-summary-grid,
    html body:has(.department-page):not(:has(.department-directory-page)) .department-member-card,
    html body:has(.department-page):not(:has(.department-directory-page)) .department-member-meta {
        grid-template-columns: 1fr !important;
    }
}

/* Payroll line editor final polish: compact form and readable tax snapshot. */
html body.payroll-page.payroll-line-editor-body {
    --payroll-line-primary: var(--c092);
    --payroll-line-primary-hover: var(--c093);
    --payroll-line-surface: var(--theme-surface-strong);
    --payroll-line-soft: var(--theme-surface-cool);
    --payroll-line-line: var(--c014);
    --payroll-line-line-strong: var(--c091);
    --payroll-line-ink: var(--theme-ink-strong);
    --payroll-line-muted: var(--theme-slate);
}

html body.payroll-page.payroll-line-editor-body .topbar,
html body.payroll-page.payroll-line-editor-body .panel {
    border: 1px solid var(--payroll-line-line) !important;
    border-radius: 10px !important;
    background: var(--payroll-line-surface) !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-line-editor-body .topbar {
    min-height: 82px !important;
    margin-bottom: 1rem !important;
    padding: 1rem 1.1rem !important;
}

html body.payroll-page.payroll-line-editor-body .topbar h1 {
    color: var(--payroll-line-ink) !important;
    font-size: 1.42rem !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

html body.payroll-page.payroll-line-editor-body .topbar .eyebrow,
html body.payroll-page.payroll-line-editor-body .eyebrow,
html body.payroll-page.payroll-line-editor-body .field-group label,
html body.payroll-page.payroll-line-editor-body .metric-list dt {
    color: var(--payroll-line-muted) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-line-editor-body .topbar .search-shell {
    min-height: 2.72rem !important;
    border-color: var(--payroll-line-line-strong) !important;
    background: var(--payroll-line-soft) !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-line-editor-body .topbar .search-shell:focus-within {
    border-color: var(--payroll-line-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
}

html body.payroll-page.payroll-line-editor-body .topbar-actions .button,
html body.payroll-page.payroll-line-editor-body .form-actions .button {
    min-height: 2.45rem !important;
    padding: 0.5rem 0.9rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-line-editor-body .topbar-actions .button.secondary {
    border-color: var(--payroll-line-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c259) !important;
}

html body.payroll-page.payroll-line-editor-body .topbar-actions .button.secondary:hover,
html body.payroll-page.payroll-line-editor-body .topbar-actions .button.secondary:focus-visible {
    border-color: var(--payroll-line-primary) !important;
    color: var(--payroll-line-primary) !important;
}

html body.payroll-page.payroll-line-editor-body .content-grid.two-up {
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.95fr) !important;
    gap: 1rem !important;
    align-items: start !important;
}

html body.payroll-page.payroll-line-editor-body .form-panel,
html body.payroll-page.payroll-line-editor-body .side-panel {
    padding: 1rem 1.1rem !important;
}

html body.payroll-page.payroll-line-editor-body .panel-header {
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.78rem !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

html body.payroll-page.payroll-line-editor-body .panel-header h3 {
    color: var(--payroll-line-ink) !important;
    font-size: 1.02rem !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.payroll-page.payroll-line-editor-body .hero-copy {
    max-width: 62ch !important;
    margin: 0 0 0.85rem !important;
    color: var(--payroll-line-muted) !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body.payroll-page.payroll-line-editor-body .grid-form.single-column {
    gap: 0.72rem !important;
}

html body.payroll-page.payroll-line-editor-body .field-group {
    gap: 0.32rem !important;
}

html body.payroll-page.payroll-line-editor-body .field-group input,
html body.payroll-page.payroll-line-editor-body .field-group select,
html body.payroll-page.payroll-line-editor-body .field-group textarea {
    width: 100% !important;
    min-height: 2.45rem !important;
    padding: 0.52rem 0.72rem !important;
    border: 1px solid var(--payroll-line-line-strong) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--payroll-line-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-line-editor-body .field-group input:focus,
html body.payroll-page.payroll-line-editor-body .field-group select:focus,
html body.payroll-page.payroll-line-editor-body .field-group textarea:focus {
    border-color: var(--payroll-line-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
    outline: 2px solid transparent !important;
}

html body.payroll-page.payroll-line-editor-body .form-actions {
    margin-top: 0.45rem !important;
    padding-top: 0.9rem !important;
    border-top: 1px solid var(--payroll-line-line) !important;
}

html body.payroll-page.payroll-line-editor-body .form-actions .button {
    border-color: var(--payroll-line-primary) !important;
    background: var(--payroll-line-primary) !important;
    color: var(--theme-surface-strong) !important;
}

html body.payroll-page.payroll-line-editor-body .form-actions .button:hover,
html body.payroll-page.payroll-line-editor-body .form-actions .button:focus-visible {
    border-color: var(--payroll-line-primary-hover) !important;
    background: var(--payroll-line-primary-hover) !important;
}

html body.payroll-page.payroll-line-editor-body .metric-list {
    display: grid !important;
    gap: 0.62rem !important;
    margin: 0 !important;
}

html body.payroll-page.payroll-line-editor-body .metric-list div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-height: 2.75rem !important;
    padding: 0.62rem 0.78rem !important;
    border: 1px solid var(--payroll-line-line) !important;
    border-radius: 8px !important;
    background: var(--payroll-line-soft) !important;
}

html body.payroll-page.payroll-line-editor-body .metric-list dd {
    margin: 0 !important;
    color: var(--payroll-line-ink) !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

@media (max-width: 1080px) {
    html body.payroll-page.payroll-line-editor-body .content-grid.two-up {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    html body.payroll-page.payroll-line-editor-body .metric-list div {
        grid-template-columns: 1fr !important;
    }

    html body.payroll-page.payroll-line-editor-body .metric-list dd {
        text-align: left !important;
    }
}

/* Leave policy final polish: quieter policy copy, compact metric, normal tables. */
html body:has(.leave-policy-page) {
    --leave-policy-primary: var(--c092);
    --leave-policy-primary-hover: var(--c093);
    --leave-policy-surface: var(--theme-surface-strong);
    --leave-policy-soft: var(--theme-surface-cool);
    --leave-policy-line: var(--c014);
    --leave-policy-line-strong: var(--c091);
    --leave-policy-ink: var(--theme-ink-strong);
    --leave-policy-muted: var(--theme-slate);
}

html body:has(.leave-policy-page) .main-panel > .topbar,
html body:has(.leave-policy-page) .leave-policy-page .panel {
    border: 1px solid var(--leave-policy-line) !important;
    border-radius: 10px !important;
    background: var(--leave-policy-surface) !important;
    box-shadow: none !important;
}

html body:has(.leave-policy-page) .main-panel > .topbar {
    min-height: 82px !important;
    margin-bottom: 1rem !important;
    padding: 1rem 1.1rem !important;
}

html body:has(.leave-policy-page) .main-panel > .topbar h1 {
    color: var(--leave-policy-ink) !important;
    font-size: 1.42rem !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

html body:has(.leave-policy-page) .main-panel > .topbar .eyebrow,
html body:has(.leave-policy-page) .leave-policy-page .eyebrow,
html body:has(.leave-policy-page) .leave-policy-metric span,
html body:has(.leave-policy-page) .leave-policy-metric small,
html body:has(.leave-policy-page) .mobile-card-table th {
    color: var(--leave-policy-muted) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.leave-policy-page) .main-panel > .topbar .search-shell {
    min-height: 2.72rem !important;
    border-color: var(--leave-policy-line-strong) !important;
    background: var(--leave-policy-soft) !important;
    box-shadow: none !important;
}

html body:has(.leave-policy-page) .main-panel > .topbar .search-shell:focus-within {
    border-color: var(--leave-policy-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
}

html body:has(.leave-policy-page) .leave-policy-page {
    gap: 0.95rem !important;
}

html body:has(.leave-policy-page) .leave-policy-hero.panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.32fr) !important;
    gap: 1rem !important;
    align-items: center !important;
    padding: 1rem 1.1rem !important;
}

html body:has(.leave-policy-page) .leave-policy-hero h3,
html body:has(.leave-policy-page) .panel-header h3 {
    color: var(--leave-policy-ink) !important;
    font-size: 1.12rem !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body:has(.leave-policy-page) .leave-policy-hero p {
    max-width: 68ch !important;
    margin: 0.55rem 0 0 !important;
    color: var(--leave-policy-muted) !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

html body:has(.leave-policy-page) .leave-policy-metric {
    min-height: 5.4rem !important;
    padding: 0.85rem 0.95rem !important;
    border: 1px solid var(--c284) !important;
    border-radius: 8px !important;
    background: var(--c285) !important;
    box-shadow: none !important;
}

html body:has(.leave-policy-page) .leave-policy-metric strong {
    margin: 0.28rem 0 0.22rem !important;
    color: var(--c004) !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

html body:has(.leave-policy-page) .table-panel.panel,
html body:has(.leave-policy-page) .leave-policy-note.panel {
    padding: 1rem 1.1rem !important;
}

html body:has(.leave-policy-page) .panel-header {
    align-items: center !important;
    margin-bottom: 0.78rem !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

html body:has(.leave-policy-page) .table-wrap {
    overflow-x: auto !important;
    border: 1px solid var(--leave-policy-line) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.leave-policy-page) .mobile-card-table {
    width: 100% !important;
    min-width: 54rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body:has(.leave-policy-page) .mobile-card-table th {
    padding: 0.62rem 0.75rem !important;
    border-bottom: 1px solid var(--leave-policy-line) !important;
    background: var(--leave-policy-soft) !important;
    line-height: 1.25 !important;
}

html body:has(.leave-policy-page) .mobile-card-table td {
    padding: 0.68rem 0.75rem !important;
    border-bottom: 1px solid var(--leave-policy-line) !important;
    color: var(--leave-policy-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body:has(.leave-policy-page) .mobile-card-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

html body:has(.leave-policy-page) .leave-policy-note {
    background: var(--c286) !important;
    border-color: var(--c287) !important;
}

html body:has(.leave-policy-page) .leave-policy-note p {
    max-width: 120ch !important;
    margin: 0 !important;
    color: var(--c288) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

@media (max-width: 980px) {
    html body:has(.leave-policy-page) .leave-policy-hero.panel {
        grid-template-columns: 1fr !important;
    }
}

/* New leave request final polish: compact cards, normal form text, teal actions. */
html body.leave-form-page-body {
    --leave-form-primary: var(--c092);
    --leave-form-primary-hover: var(--c093);
    --leave-form-surface: var(--theme-surface-strong);
    --leave-form-soft: var(--theme-surface-cool);
    --leave-form-line: var(--c014);
    --leave-form-line-strong: var(--c091);
    --leave-form-ink: var(--theme-ink-strong);
    --leave-form-muted: var(--theme-slate);
}

html body.leave-form-page-body .main-panel > .topbar,
html body.leave-form-page-body .leave-upcoming-card,
html body.leave-form-page-body .leave-balance-illustration,
html body.leave-form-page-body .leave-request-panel {
    border: 1px solid var(--leave-form-line) !important;
    border-radius: 10px !important;
    background: var(--leave-form-surface) !important;
    box-shadow: none !important;
}

html body.leave-form-page-body .main-panel > .topbar {
    min-height: 82px !important;
    margin-bottom: 1rem !important;
    padding: 1rem 1.1rem !important;
}

html body.leave-form-page-body .main-panel > .topbar h1 {
    color: var(--leave-form-ink) !important;
    font-size: 1.42rem !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

html body.leave-form-page-body .main-panel > .topbar .eyebrow,
html body.leave-form-page-body .leave-modern-form label,
html body.leave-form-page-body .leave-meta-field label,
html body.leave-form-page-body .leave-option-set-title,
html body.leave-form-page-body .leave-day-summary label {
    color: var(--leave-form-muted) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.leave-form-page-body .main-panel > .topbar .search-shell {
    min-height: 2.72rem !important;
    border-color: var(--leave-form-line-strong) !important;
    background: var(--leave-form-soft) !important;
    box-shadow: none !important;
}

html body.leave-form-page-body .main-panel > .topbar .search-shell:focus-within {
    border-color: var(--leave-form-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
}

html body.leave-form-page-body .leave-request-dashboard {
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    margin-inline: auto !important;
    gap: 0.95rem !important;
    color: var(--leave-form-ink) !important;
}

html body.leave-form-page-body .leave-request-top {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    align-items: stretch !important;
}

html body.leave-form-page-body .leave-upcoming-card,
html body.leave-form-page-body .leave-balance-illustration {
    min-height: 5.75rem !important;
    padding: 0.78rem 0.92rem !important;
}

html body.leave-form-page-body .leave-upcoming-card {
    gap: 0.38rem !important;
    border-color: var(--leave-form-primary) !important;
}

html body.leave-form-page-body .leave-upcoming-card h3,
html body.leave-form-page-body .leave-request-panel h3 {
    color: var(--leave-form-ink) !important;
    font-size: 1rem !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.leave-form-page-body .leave-upcoming-card strong {
    color: var(--leave-form-ink) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

html body.leave-form-page-body .leave-upcoming-card span,
html body.leave-form-page-body .leave-upcoming-card small {
    color: var(--leave-form-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

html body.leave-form-page-body .leave-upcoming-card em {
    right: 0.95rem !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
    background: var(--leave-form-primary) !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
}

html body.leave-form-page-body .leave-balance-illustration {
    justify-items: start !important;
    align-content: center !important;
    gap: 0.28rem !important;
}

html body.leave-form-page-body .leave-balance-paper {
    order: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.leave-form-page-body .leave-balance-paper::before {
    display: none !important;
}

html body.leave-form-page-body .leave-balance-paper strong {
    color: var(--leave-form-primary) !important;
    font-size: 1.16rem !important;
    font-weight: 600 !important;
}

html body.leave-form-page-body .leave-balance-illustration span {
    order: 1 !important;
    color: var(--leave-form-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
}

html body.leave-form-page-body .leave-request-panel {
    overflow: hidden !important;
}

html body.leave-form-page-body .leave-modern-form {
    gap: 0 !important;
}

html body.leave-form-page-body .leave-request-panel-head {
    padding: 1rem 1.1rem 0 !important;
    border: 0 !important;
}

html body.leave-form-page-body .leave-request-content {
    padding: 0.85rem 1.1rem 1rem !important;
}

html body.leave-form-page-body .leave-request-fields {
    gap: 0.72rem !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: start !important;
}

html body.leave-form-page-body .leave-manager-type-row,
html body.leave-form-page-body .leave-date-inputs,
html body.leave-form-page-body .leave-request-meta {
    gap: 0.72rem !important;
}

html body.leave-form-page-body .leave-request-fields > .field-group,
html body.leave-form-page-body .leave-request-fields > .leave-calendar-panel,
html body.leave-form-page-body .leave-request-fields > .leave-manager-type-row {
    grid-column: 1 / -1 !important;
}

html body.leave-form-page-body .leave-request-fields > .leave-option-set {
    grid-column: span 2 !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    align-self: start !important;
}

html body.leave-form-page-body .leave-request-fields > #leave-payment-period-set {
    grid-column: span 3 !important;
}

html body.leave-form-page-body .leave-request-fields > .leave-option-set + .leave-option-set {
    margin-top: 0 !important;
}

html body.leave-form-page-body .leave-request-dashboard input,
html body.leave-form-page-body .leave-request-dashboard select,
html body.leave-form-page-body .leave-request-dashboard textarea,
html body.leave-form-page-body .leave-request-dashboard input[type="file"],
html body.leave-form-page-body .leave-day-summary input {
    min-height: 2.45rem !important;
    padding: 0.52rem 0.72rem !important;
    border: 1px solid var(--leave-form-line-strong) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--leave-form-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
}

html body.leave-form-page-body .leave-request-dashboard textarea {
    min-height: 5.5rem !important;
}

html body.leave-form-page-body .leave-request-dashboard input:focus,
html body.leave-form-page-body .leave-request-dashboard select:focus,
html body.leave-form-page-body .leave-request-dashboard textarea:focus {
    border-color: var(--leave-form-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
    outline: 2px solid transparent !important;
}

html body.leave-form-page-body .leave-calendar-widget {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    border: 1px solid var(--leave-form-line) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.leave-form-page-body .leave-calendar-head {
    padding: 0.56rem 0.72rem !important;
    border-bottom: 1px solid var(--leave-form-line) !important;
    background: var(--leave-form-soft) !important;
}

html body.leave-form-page-body .leave-calendar-head strong {
    color: var(--leave-form-ink) !important;
    font-size: 0.9rem !important;
    font-weight: 550 !important;
}

html body.leave-form-page-body .leave-calendar-head button {
    width: 1.65rem !important;
    height: 1.65rem !important;
    border-radius: 7px !important;
    color: var(--leave-form-ink) !important;
    font-size: 1rem !important;
}

html body.leave-form-page-body .leave-calendar-head button:hover,
html body.leave-form-page-body .leave-calendar-head button:focus-visible {
    border-color: var(--leave-form-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--leave-form-primary) !important;
    outline: 2px solid transparent !important;
}

html body.leave-form-page-body .leave-calendar-grid {
    width: min(100%, 760px) !important;
    margin-inline: auto !important;
    gap: 0.18rem !important;
    padding: 0.62rem !important;
}

html body.leave-form-page-body .leave-calendar-grid span {
    color: var(--leave-form-muted) !important;
    font-size: 0.7rem !important;
    font-weight: 400 !important;
}

html body.leave-form-page-body .leave-calendar-grid button {
    min-height: 1.85rem !important;
    color: var(--leave-form-ink) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

html body.leave-form-page-body .leave-calendar-grid button.in-range {
    background: var(--c282) !important;
    color: var(--leave-form-primary) !important;
}

html body.leave-form-page-body .leave-calendar-grid button.is-selected {
    background: var(--leave-form-primary) !important;
    color: var(--theme-surface-strong) !important;
}

html body.leave-form-page-body .leave-calendar-grid button.is-today:not(.is-selected) {
    border: 1px solid var(--c289) !important;
    color: var(--leave-form-primary) !important;
}

html body.leave-form-page-body .leave-calendar-grid button.is-muted {
    color: var(--theme-slate-soft) !important;
}

html body.leave-form-page-body .leave-compact-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
}

html body.leave-form-page-body #leave-payment-period-set .leave-compact-options {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.leave-form-page-body .leave-compact-options label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
    min-height: 2.35rem !important;
    padding: 0.42rem 0.62rem !important;
    border: 1px solid var(--leave-form-line) !important;
    border-radius: 8px !important;
    background: var(--leave-form-soft) !important;
    color: var(--leave-form-ink) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

html body.leave-form-page-body .leave-compact-options input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-grid !important;
    place-content: center !important;
    width: 1rem !important;
    min-width: 1rem !important;
    max-width: 1rem !important;
    height: 1rem !important;
    min-height: 1rem !important;
    max-height: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--leave-form-line-strong) !important;
    border-radius: 999px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    flex: 0 0 1rem !important;
}

html body.leave-form-page-body .leave-compact-options input[type="radio"]::before {
    content: "" !important;
    width: 0.42rem !important;
    height: 0.42rem !important;
    border-radius: 999px !important;
    background: var(--leave-form-primary) !important;
    transform: scale(0) !important;
    transition: transform 120ms ease !important;
}

html body.leave-form-page-body .leave-compact-options input[type="radio"]::after {
    content: none !important;
    display: none !important;
}

html body.leave-form-page-body .leave-compact-options input[type="radio"]:checked {
    border-color: var(--leave-form-primary) !important;
    background: var(--theme-surface-strong) !important;
}

html body.leave-form-page-body .leave-compact-options input[type="radio"]:checked::before {
    transform: scale(1) !important;
}

html body.leave-form-page-body .leave-compact-options input[type="radio"]:focus-visible {
    outline: 2px solid transparent !important;
    box-shadow: 0 0 0 3px var(--c276) !important;
}

html body.leave-form-page-body .leave-compact-options span {
    min-width: 0 !important;
    color: inherit !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

html body.leave-form-page-body .leave-compact-options label:has(input:checked) {
    border-color: var(--c290) !important;
    background: var(--c291) !important;
    color: var(--c257) !important;
}

html body.leave-form-page-body .leave-modern-footer {
    gap: 0.85rem !important;
    padding: 1rem 1.1rem !important;
    border-top: 1px solid var(--leave-form-line) !important;
    background: var(--c012) !important;
}

html body.leave-form-page-body .leave-day-summary {
    gap: 0.55rem !important;
}

html body.leave-form-page-body .leave-day-summary input,
html body.leave-form-page-body .leave-day-summary input[readonly] {
    background: var(--leave-form-soft) !important;
    color: var(--leave-form-primary) !important;
    font-weight: 500 !important;
}

html body.leave-form-page-body .leave-modern-actions {
    gap: 0.6rem !important;
}

html body.leave-form-page-body .leave-modern-actions .button {
    min-height: 2.45rem !important;
    padding: 0.5rem 0.9rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body.leave-form-page-body .leave-modern-actions .button.secondary {
    border-color: var(--leave-form-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c259) !important;
}

html body.leave-form-page-body .leave-modern-actions .button:not(.secondary) {
    border-color: var(--leave-form-primary) !important;
    background: var(--leave-form-primary) !important;
    color: var(--theme-surface-strong) !important;
}

html body.leave-form-page-body .leave-modern-actions .button:hover,
html body.leave-form-page-body .leave-modern-actions .button:focus-visible {
    border-color: var(--leave-form-primary-hover) !important;
    background: var(--leave-form-primary-hover) !important;
    color: var(--theme-surface-strong) !important;
}

@media (max-width: 1080px) {
    html body.leave-form-page-body .leave-request-top,
    html body.leave-form-page-body .leave-manager-type-row,
    html body.leave-form-page-body .leave-date-inputs,
    html body.leave-form-page-body .leave-request-meta,
    html body.leave-form-page-body .leave-day-summary {
        grid-template-columns: 1fr !important;
    }

    html body.leave-form-page-body .leave-request-fields > .leave-option-set,
    html body.leave-form-page-body .leave-request-fields > #leave-payment-period-set {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 760px) {
    html body.leave-form-page-body .leave-compact-options,
    html body.leave-form-page-body #leave-payment-period-set .leave-compact-options {
        grid-template-columns: 1fr !important;
    }
}

/* System-wide final UI baseline: keep every HRIS and payroll page visually consistent. */
html body:not(.auth-page):not(.login-page) {
    --ui-primary: var(--c092);
    --ui-primary-hover: var(--c093);
    --ui-ink: var(--theme-ink-strong);
    --ui-muted: var(--c073);
    --ui-line: var(--c014);
    --ui-line-strong: var(--c026);
    --ui-soft: var(--c030);
    --ui-panel: var(--theme-surface-strong);
}

html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar {
    border: 1px solid var(--ui-line) !important;
    border-radius: 8px !important;
    background: var(--ui-panel) !important;
    box-shadow: none !important;
}

html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow {
    color: var(--ui-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
}

html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    color: var(--ui-ink) !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

html body:not(.auth-page):not(.login-page) :where(.panel, .stat-card, .metric-card, .table-panel, .form-card, .detail-card, .module-card) {
    border: 1px solid var(--ui-line) !important;
    border-radius: 8px !important;
    background: var(--ui-panel) !important;
    box-shadow: none !important;
}

html body:not(.auth-page):not(.login-page) :where(.panel-header, .card-header, .section-header) {
    border-color: var(--c084) !important;
}

html body:not(.auth-page):not(.login-page) :where(.panel-header .eyebrow, .stat-card p, .metric-card p, .field-group label, .form-group label, .input-group label, th) {
    color: var(--ui-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:not(.auth-page):not(.login-page) :where(.panel-header h2, .panel-header h3, .card-header h2, .card-header h3, .stat-card strong, .metric-card strong) {
    color: var(--ui-ink) !important;
    letter-spacing: 0 !important;
}

html body:not(.auth-page):not(.login-page) :where(.stat-card small, .metric-card small, .muted-note, .helper-text, .empty-state, td small) {
    color: var(--ui-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:not(.auth-page):not(.login-page) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border-color: var(--ui-line-strong) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--ui-ink) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

html body:not(.auth-page):not(.login-page) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea)::placeholder {
    color: var(--ui-muted) !important;
    opacity: 1 !important;
}

html body:not(.auth-page):not(.login-page) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px var(--c255) !important;
    outline: 2px solid transparent !important;
}

html body:not(.auth-page):not(.login-page) :where(.button, button.button, a.button, .primary-btn, .btn-primary, .action-button, .employee-section-action) {
    border-radius: 8px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html body:not(.auth-page):not(.login-page) :where(.button:not(.secondary):not(.danger), .primary-btn, .btn-primary, .action-button.primary) {
    border-color: var(--ui-primary) !important;
    background: var(--ui-primary) !important;
    color: var(--theme-surface-strong) !important;
}

html body:not(.auth-page):not(.login-page) :where(.button:not(.secondary):not(.danger), .primary-btn, .btn-primary, .action-button.primary):hover,
html body:not(.auth-page):not(.login-page) :where(.button:not(.secondary):not(.danger), .primary-btn, .btn-primary, .action-button.primary):focus-visible {
    border-color: var(--ui-primary-hover) !important;
    background: var(--ui-primary-hover) !important;
    color: var(--theme-surface-strong) !important;
    outline: 2px solid transparent !important;
}

html body:not(.auth-page):not(.login-page) :where(.button.secondary, .employee-section-action, .btn-secondary) {
    border-color: var(--ui-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c259) !important;
}

html body:not(.auth-page):not(.login-page) :where(.button.secondary, .employee-section-action, .btn-secondary):hover,
html body:not(.auth-page):not(.login-page) :where(.button.secondary, .employee-section-action, .btn-secondary):focus-visible {
    border-color: var(--ui-primary) !important;
    background: var(--c292) !important;
    color: var(--c257) !important;
    outline: 2px solid transparent !important;
}

html body:not(.auth-page):not(.login-page) :where(.button.danger, .danger.button, .btn-danger) {
    border-color: var(--c022) !important;
    background: var(--c086) !important;
    color: var(--c024) !important;
}

html body:not(.auth-page):not(.login-page) :where(.table-wrap, .wide-table, .employee-detail-table, .responsive-table) {
    border: 1px solid var(--ui-line) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

html body:not(.auth-page):not(.login-page) :where(table) {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body:not(.auth-page):not(.login-page) :where(thead th) {
    border-bottom: 1px solid var(--ui-line) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--ui-muted) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body:not(.auth-page):not(.login-page) :where(tbody td) {
    border-bottom-color: var(--c084) !important;
    color: var(--ui-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}

html body:not(.auth-page):not(.login-page) :where(tbody tr:hover td) {
    background: var(--c012) !important;
}

html body:not(.auth-page):not(.login-page) :where(.pill, .badge, .status-badge, .evaluation-status-pill) {
    border-radius: 999px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:not(.auth-page):not(.login-page) :where(.pill.approved, .pill.active, .badge.active, .status-active, .evaluation-status-pill.submitted) {
    border-color: var(--c002) !important;
    background: var(--c003) !important;
    color: var(--c004) !important;
}

html body:not(.auth-page):not(.login-page) :where(.pill.pending, .status-pending) {
    border-color: var(--c008) !important;
    background: var(--c009) !important;
    color: var(--c010) !important;
}

html body:not(.auth-page):not(.login-page) :where(.pill.cancelled, .pill.rejected, .pill.inactive, .status-inactive, .evaluation-status-pill.missing) {
    border-color: var(--c022) !important;
    background: var(--c086) !important;
    color: var(--c024) !important;
}

html body:not(.auth-page):not(.login-page) :where(.empty-cell, .empty-state, .empty-panel) {
    color: var(--ui-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

@media (max-width: 760px) {
    html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar {
        border-radius: 8px !important;
    }

    html body:not(.auth-page):not(.login-page) :where(.panel, .stat-card, .metric-card, .table-panel, .form-card, .detail-card, .module-card) {
        border-radius: 8px !important;
    }
}

/* Performance Center final second pass: compact form and matching action rhythm. */
html body.performance-center-page-body .performance-center-page {
    gap: 0.85rem !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head {
    margin: 0 !important;
    padding: 0.92rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.performance-center-page-body .performance-center-page .eyebrow,
html body.performance-center-page-body .performance-center-goal-form label,
html body.performance-center-page-body .performance-center-page .metric-card p,
html body.performance-center-page-body .performance-center-page .metric-card small,
html body.performance-center-page-body .performance-center-page th,
html body.performance-center-page-body .performance-center-page td,
html body.performance-center-page-body .performance-center-page td small,
html body.performance-center-page-body .performance-center-page .table-link,
html body.performance-center-page-body .performance-center-page .employee-section-action,
html body.performance-center-page-body .performance-center-page .pill {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.performance-center-page-body .performance-center-page .eyebrow,
html body.performance-center-page-body .performance-center-goal-form label,
html body.performance-center-page-body .performance-center-page .metric-card p {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.performance-center-page-body .performance-center-page .panel-header h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.performance-center-page-body .performance-center-goal-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.72rem 0.85rem !important;
    padding: 0.9rem 1rem 1rem !important;
}

html body.performance-center-page-body .performance-center-goal-form .field-group {
    display: grid !important;
    gap: 0.34rem !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html body.performance-center-page-body .performance-center-goal-form .full-width {
    grid-column: 1 / -1 !important;
}

html body.performance-center-page-body .performance-center-goal-form input,
html body.performance-center-page-body .performance-center-goal-form select,
html body.performance-center-page-body .performance-center-goal-form textarea {
    min-height: 2.45rem !important;
    padding: 0.52rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
}

html body.performance-center-page-body .performance-center-goal-form input::placeholder,
html body.performance-center-page-body .performance-center-goal-form textarea::placeholder {
    color: var(--c073) !important;
    opacity: 1 !important;
}

html body.performance-center-page-body .performance-center-goal-form textarea {
    min-height: 5.2rem !important;
}

html body.performance-center-page-body .performance-center-goal-form .form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding-top: 0.2rem !important;
    border-top: 1px solid var(--c084) !important;
}

html body.performance-center-page-body .performance-center-primary-action,
html body.performance-center-page-body .performance-center-save-goal-button {
    min-height: 2.42rem !important;
    padding: 0.56rem 0.92rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.performance-center-page-body .performance-center-primary-action:hover,
html body.performance-center-page-body .performance-center-primary-action:focus-visible,
html body.performance-center-page-body .performance-center-save-goal-button:hover,
html body.performance-center-page-body .performance-center-save-goal-button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    color: var(--theme-surface-strong) !important;
    outline: 2px solid transparent !important;
}

/* End lock: Advanced Reports must stay flat, readable, and not bold/uppercase. */
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page * {
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page :is(.eyebrow, h3, p, small, th, td, a, button, span, .button, .pill, .pill-soft) {
    font-weight: 400 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .metric-card strong {
    font-size: 1.24rem !important;
    font-weight: 500 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .table-panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .metric-card,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .table-wrap,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .side-list-item {
    border-color: var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
}

/* Final project lock: Payroll Employees shell and table alignment (EOF). */
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) {
    --payroll-shell-gap: 1rem;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .page-shell {
    padding: var(--payroll-shell-gap) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .sidebar {
    top: var(--payroll-shell-gap) !important;
    left: var(--payroll-shell-gap) !important;
    height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
    max-height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-width) + var(--payroll-shell-gap)) !important;
    padding: 0 0 1.5rem !important;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.sidebar-collapsed.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-collapsed-width) + var(--payroll-shell-gap)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.9rem !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    border-color: var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel {
    gap: 0.75rem !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel * {
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel :is(.eyebrow, h3, .muted-note, label, th, td, strong, small, a, button, span) {
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .panel-header {
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel h3 {
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search {
    margin: 0 1rem !important;
    padding: 0.7rem !important;
    gap: 0.55rem !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search input,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    min-height: 2.34rem !important;
    font-size: 0.82rem !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    border-color: var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    margin: 0 1rem 1rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table thead th {
    padding: 0.66rem 0.9rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table tbody td {
    padding: 0.74rem 0.9rem !important;
    color: var(--c060) !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .person-cell strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .person-cell small {
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-salary-action {
    min-height: 2rem !important;
    padding: 0.44rem 0.7rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

/* Absolute EOF lock: Transfer Asset spacing. */
html body.asset-transfer-page-body .asset-transfer-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.55rem !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head {
    min-height: 0 !important;
    padding: 0.72rem 1rem 0.58rem !important;
    border-bottom: 0 !important;
}

html body.asset-transfer-page-body .asset-transfer-summary {
    gap: 0.5rem !important;
    margin: 0 1rem !important;
    border: 0 !important;
    background: transparent !important;
}

html body.asset-transfer-page-body .asset-transfer-summary article {
    min-height: 3.45rem !important;
    padding: 0.58rem 0.75rem !important;
    border: 1px solid var(--c242) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.asset-transfer-page-body .asset-transfer-form {
    margin: 0 1rem 1rem !important;
    padding: 0.7rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
}

html body.asset-transfer-page-body .asset-transfer-form .form-grid {
    gap: 0.55rem 0.65rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group :is(input, select, textarea) {
    min-height: 2.18rem !important;
    padding: 0.48rem 0.65rem !important;
    font-size: 0.82rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group textarea {
    min-height: 4.5rem !important;
}

html body.asset-transfer-page-body .form-actions {
    margin-top: 0.65rem !important;
    padding-top: 0.65rem !important;
}

@media (max-width: 767px) {
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel,
    html body.sidebar-collapsed.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
        margin-left: 0 !important;
    }
}

/* Absolute EOF lock: Transfer Asset spacing. */
html body.asset-transfer-page-body .asset-transfer-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.55rem !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head {
    min-height: 0 !important;
    padding: 0.72rem 1rem 0.58rem !important;
    border-bottom: 0 !important;
}

html body.asset-transfer-page-body .asset-transfer-summary {
    gap: 0.5rem !important;
    margin: 0 1rem !important;
    border: 0 !important;
    background: transparent !important;
}

html body.asset-transfer-page-body .asset-transfer-summary article {
    min-height: 3.45rem !important;
    padding: 0.58rem 0.75rem !important;
    border: 1px solid var(--c242) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.asset-transfer-page-body .asset-transfer-form {
    margin: 0 1rem 1rem !important;
    padding: 0.7rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
}

html body.asset-transfer-page-body .asset-transfer-form .form-grid {
    gap: 0.55rem 0.65rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group :is(input, select, textarea) {
    min-height: 2.18rem !important;
    padding: 0.48rem 0.65rem !important;
    font-size: 0.82rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group textarea {
    min-height: 4.5rem !important;
}

html body.asset-transfer-page-body .form-actions {
    margin-top: 0.65rem !important;
    padding-top: 0.65rem !important;
}

/* EOF lock: Transfer Asset uses the same compact workspace spacing as Asset Registry. */
html body.asset-transfer-page-body .asset-transfer-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.55rem !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head {
    min-height: 0 !important;
    align-items: center !important;
    padding: 0.72rem 1rem 0.58rem !important;
    border-bottom: 0 !important;
}

html body.asset-transfer-page-body .asset-transfer-summary {
    gap: 0.5rem !important;
    margin: 0 1rem !important;
    border: 0 !important;
    background: transparent !important;
}

html body.asset-transfer-page-body .asset-transfer-summary article {
    min-height: 3.45rem !important;
    padding: 0.58rem 0.75rem !important;
    border: 1px solid var(--c242) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.asset-transfer-page-body .asset-transfer-form {
    margin: 0 1rem 1rem !important;
    padding: 0.7rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
}

html body.asset-transfer-page-body .asset-transfer-form .form-grid {
    gap: 0.55rem 0.65rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group :is(input, select, textarea) {
    min-height: 2.18rem !important;
    padding: 0.48rem 0.65rem !important;
    font-size: 0.82rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group textarea {
    min-height: 4.5rem !important;
}

html body.asset-transfer-page-body .form-actions {
    margin-top: 0.65rem !important;
    padding-top: 0.65rem !important;
}

/* Final correction: Transfer Asset spacing must match Asset Registry. */
html body.asset-transfer-page-body .asset-transfer-card {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.55rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.72rem 1rem 0.58rem !important;
    border: 0 !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head h3 {
    margin: 0 0 0.18rem !important;
    font-size: 0.98rem !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head p {
    max-width: 58ch !important;
    margin: 0 !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body.asset-transfer-page-body .asset-transfer-card .employee-section-actions {
    justify-content: flex-end !important;
    gap: 0.5rem !important;
}

html body.asset-transfer-page-body .asset-transfer-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
    margin: 0 1rem 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.asset-transfer-page-body .asset-transfer-summary article {
    min-height: 3.45rem !important;
    padding: 0.58rem 0.75rem !important;
    border: 1px solid var(--c242) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.asset-transfer-page-body .asset-transfer-summary article:last-child {
    border: 1px solid var(--c242) !important;
}

html body.asset-transfer-page-body .asset-transfer-summary span,
html body.asset-transfer-page-body .asset-transfer-form label {
    margin: 0 0 0.25rem !important;
    color: var(--c073) !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

html body.asset-transfer-page-body .asset-transfer-summary strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
}

html body.asset-transfer-page-body .asset-transfer-form {
    margin: 0 1rem 1rem !important;
    padding: 0.7rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-transfer-page-body .asset-transfer-form .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem 0.65rem !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group {
    gap: 0 !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group :is(input, select, textarea) {
    min-height: 2.18rem !important;
    padding: 0.48rem 0.65rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

html body.asset-transfer-page-body .asset-transfer-form .field-group textarea {
    min-height: 4.5rem !important;
}

html body.asset-transfer-page-body .form-actions {
    margin-top: 0.65rem !important;
    padding-top: 0.65rem !important;
    gap: 0.5rem !important;
}

html body.asset-transfer-page-body .button,
html body.asset-transfer-page-body .employee-section-action {
    min-height: 2.12rem !important;
    padding: 0.4rem 0.7rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

@media (max-width: 900px) {
    html body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head,
    html body.asset-transfer-page-body .asset-transfer-summary,
    html body.asset-transfer-page-body .asset-transfer-form .form-grid {
        grid-template-columns: 1fr !important;
    }

    html body.asset-transfer-page-body .asset-transfer-card .employee-section-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

/* Final project lock: Holiday Calendar toolbar alignment (EOF). */
html body:has(.holiday-calendar-page) .holiday-upcoming-panel {
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.95rem 1.1rem !important;
    border-bottom: 1px solid var(--c084) !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar > div:first-child {
    min-width: 0 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .eyebrow,
html body:has(.holiday-calendar-page) .holiday-calendar-toolbar h3,
html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .muted,
html body:has(.holiday-calendar-page) .holiday-month-nav strong,
html body:has(.holiday-calendar-page) .holiday-month-nav .button {
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .eyebrow,
html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .muted,
html body:has(.holiday-calendar-page) .holiday-month-nav .button {
    font-weight: 400 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .eyebrow {
    margin: 0 0 0.18rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .muted {
    margin: 0.16rem 0 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav {
    display: inline-grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 0.5rem !important;
    width: auto !important;
    margin: 0 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 5.2rem !important;
    min-height: 2.16rem !important;
    padding: 0 0.45rem !important;
    color: var(--c060) !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.16rem !important;
    padding: 0.42rem 0.72rem !important;
    border: 1px solid var(--c293) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav .button:hover,
html body:has(.holiday-calendar-page) .holiday-month-nav .button:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c154) !important;
    color: var(--c294) !important;
    outline: 2px solid transparent !important;
}

@media (max-width: 760px) {
    html body:has(.holiday-calendar-page) .holiday-calendar-toolbar {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    html body:has(.holiday-calendar-page) .holiday-month-nav {
        justify-content: start !important;
        overflow-x: auto !important;
        max-width: 100% !important;
        padding-bottom: 0.1rem !important;
    }
}

/* Final project lock: Payroll Employees shell and table alignment. */
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) {
    --payroll-shell-gap: 1rem;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .page-shell {
    padding: var(--payroll-shell-gap) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .sidebar {
    top: var(--payroll-shell-gap) !important;
    left: var(--payroll-shell-gap) !important;
    height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-width) + var(--payroll-shell-gap)) !important;
    padding: 0 0 1.5rem !important;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
}

html body.sidebar-collapsed.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-collapsed-width) + var(--payroll-shell-gap)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel * {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel :is(.eyebrow, h3, .muted-note, label, th, td, strong, small, a, button, span) {
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel {
    gap: 0.75rem !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    overflow: hidden !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .panel-header {
    padding: 0.9rem 1rem 0.72rem !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search {
    margin: 0 1rem !important;
    padding: 0.7rem !important;
    gap: 0.55rem !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search input,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    min-height: 2.24rem !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    background: var(--c092) !important;
    border-color: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    margin: 0 1rem 1rem !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table thead th,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table tbody td {
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-salary-action {
    min-height: 2rem !important;
    padding: 0.38rem 0.66rem !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Payroll Employees final polish: align shell and flatten salary master table. */
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) {
    --payroll-shell-gap: 1rem;
    background: var(--theme-bg-app) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .page-shell {
    padding: var(--payroll-shell-gap) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .sidebar {
    top: var(--payroll-shell-gap) !important;
    left: var(--payroll-shell-gap) !important;
    height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
    max-height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    width: auto !important;
    max-width: none !important;
    margin-left: calc(var(--sidebar-width) + var(--payroll-shell-gap)) !important;
    padding: 0 0 1.5rem !important;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.sidebar-collapsed.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-collapsed-width) + var(--payroll-shell-gap)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.9rem !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    font-size: 1.42rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar input::placeholder {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel {
    display: grid !important;
    gap: 0.75rem !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel * {
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .panel-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 34rem) !important;
    align-items: end !important;
    gap: 0.8rem !important;
    margin: 0 !important;
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel :is(.eyebrow, h3, .muted-note, label, th, td, strong, small, a, button, span) {
    font-family: inherit !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .eyebrow {
    margin: 0 0 0.18rem !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .muted-note {
    justify-self: end !important;
    max-width: 34rem !important;
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    text-align: right !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 0.55rem !important;
    margin: 0 1rem !important;
    padding: 0.7rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search-field {
    gap: 0.28rem !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search label {
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search input {
    min-height: 2.24rem !important;
    padding: 0.42rem 0.64rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    min-height: 2.24rem !important;
    padding: 0.42rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    margin: 0 1rem 1rem !important;
    overflow-x: auto !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table {
    width: 100% !important;
    min-width: 58rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table thead th {
    padding: 0.62rem 0.78rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table tbody td {
    padding: 0.72rem 0.78rem !important;
    border-bottom: 1px solid var(--c018) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.3 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .person-cell strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.86rem !important;
    line-height: 1.24 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .person-cell small {
    margin-top: 0.22rem !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .pill {
    min-height: 1.45rem !important;
    padding: 0.18rem 0.52rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-salary-action {
    min-height: 2rem !important;
    padding: 0.38rem 0.66rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

@media (max-width: 980px) {
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .panel-header,
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search {
        grid-template-columns: 1fr !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .muted-note {
        justify-self: start !important;
        text-align: left !important;
    }
}

/* MFA Setup final polish: compact security setup surface. */
html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
    box-shadow: none !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card,
html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-qr-panel,
html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form input,
html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form button {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-setup-page {
    display: grid !important;
    gap: 0.78rem !important;
    max-width: 58rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card {
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card .panel-header {
    margin: 0 !important;
    padding: 0.86rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card :is(.eyebrow, h3, p, label, summary, span, strong, button) {
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card :is(.eyebrow, h3, p, label, summary, span, button) {
    font-weight: 400 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card .eyebrow {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.2 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card h3 {
    margin: 0.14rem 0 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-setup-grid {
    display: grid !important;
    grid-template-columns: minmax(15rem, 20rem) minmax(16rem, 1fr) !important;
    gap: 1rem !important;
    align-items: start !important;
    padding: 1rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-qr-panel {
    display: grid !important;
    justify-items: center !important;
    gap: 0.58rem !important;
    padding: 0.82rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-qr-panel img {
    display: block !important;
    width: min(100%, 17rem) !important;
    height: auto !important;
    image-rendering: pixelated !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-qr-panel .pill {
    display: inline-flex !important;
    min-height: 1.45rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.18rem 0.52rem !important;
    border: 1px solid var(--c295) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.74rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-setup-grid > div:last-child {
    display: grid !important;
    gap: 0.56rem !important;
    align-content: start !important;
    padding-top: 0.16rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-setup-grid p,
html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-card > p {
    max-width: 64ch !important;
    margin: 0 !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-manual-key {
    display: grid !important;
    gap: 0.42rem !important;
    max-width: 100% !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-manual-key summary {
    color: var(--c103) !important;
    cursor: pointer !important;
    font-size: 0.82rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-secret {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    padding: 0.54rem 0.68rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-ink-strong) !important;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form {
    display: grid !important;
    gap: 0.6rem !important;
    padding: 0 1rem 1rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form .field-group {
    gap: 0.24rem !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form label {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form input {
    min-height: 2.26rem !important;
    padding: 0.42rem 0.64rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form input:focus {
    border-color: var(--c092) !important;
    outline: 2px solid var(--c281) !important;
    outline-offset: 1px !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form .form-actions {
    justify-content: flex-start !important;
    padding-top: 0.35rem !important;
    border-top: 1px solid var(--c084) !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form .button {
    min-height: 2.3rem !important;
    padding: 0.46rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
    line-height: 1 !important;
}

html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-form .button-secondary {
    border-color: var(--c026) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
}

@media (max-width: 800px) {
    html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-setup-grid {
        grid-template-columns: 1fr !important;
    }

    html body.mfa-setup-page-body:not(.auth-page):not(.login-page) .mfa-setup-page {
        max-width: none !important;
    }
}

/* Advanced Reports hard override: keep this after every page polish block. */
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page * {
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page {
    display: grid !important;
    gap: 0.78rem !important;
    color: var(--theme-ink-strong) !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .table-panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card:first-child,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .table-wrap,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .side-list-item {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    color: var(--theme-ink-strong) !important;
    filter: none !important;
    transform: none !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .table-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .panel-header {
    margin: 0 !important;
    padding: 0.84rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page :is(.eyebrow, h3, p, small, th, td, a, button, span, strong, .button, .pill, .pill-soft) {
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page :is(.eyebrow, p, small, th, td, a, button, span, .button, .pill, .pill-soft) {
    font-weight: 400 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page h3 {
    margin: 0.14rem 0 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .eyebrow,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card p,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card small,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page table th {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-export-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.88rem 1rem 1rem !important;
    border: 0 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-export-actions .button.secondary,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-export-actions a.button.secondary {
    min-height: 2.16rem !important;
    padding: 0.42rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.78rem !important;
    margin: 0 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card:first-child {
    min-height: 4.7rem !important;
    padding: 0.82rem 0.95rem !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card::before,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card::after,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card:first-child::before,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card:first-child::after {
    content: none !important;
    display: none !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card strong,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .metric-card:first-child strong {
    display: block !important;
    margin: 0.16rem 0 0.2rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.24rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(21rem, 0.92fr) !important;
    gap: 0.78rem !important;
    align-items: start !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .table-wrap {
    margin: 0.9rem 1rem 1rem !important;
    overflow-x: auto !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page table {
    width: 100% !important;
    min-width: 42rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page table th {
    padding: 0.62rem 0.78rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page table td {
    padding: 0.72rem 0.78rem !important;
    border-top: 1px solid var(--c018) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .side-list {
    display: grid !important;
    gap: 0.58rem !important;
    padding: 0.9rem 1rem 1rem !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .side-list-item {
    min-height: 3.05rem !important;
    padding: 0.62rem 0.72rem !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .side-list-item > span:first-child {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .pill,
html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .pill-soft {
    display: inline-flex !important;
    min-width: 1.7rem !important;
    min-height: 1.45rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.18rem 0.5rem !important;
    border: 1px solid var(--c295) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.74rem !important;
}

@media (max-width: 1050px) {
    html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-stats,
    html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-stats,
    html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-grid {
        grid-template-columns: 1fr !important;
    }

    html body.reports-page-body:not(.auth-page):not(.login-page) .reports-page .reports-export-actions .button.secondary {
        width: 100% !important;
    }
}

/* Advanced Reports final polish: flat analytics panels and exports. */
html body.reports-page-body .reports-page {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.reports-page-body .reports-export-panel,
html body.reports-page-body .reports-page .metric-card,
html body.reports-page-body .reports-page .metric-card:first-child,
html body.reports-page-body .reports-page .panel,
html body.reports-page-body .reports-page .table-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
}

html body.reports-page-body .reports-export-panel,
html body.reports-page-body .reports-page .panel,
html body.reports-page-body .reports-page .table-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.reports-page-body .reports-page .panel-header {
    min-height: 0 !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.reports-page-body .reports-page .eyebrow,
html body.reports-page-body .reports-page .panel-header h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.reports-page-body .reports-page .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.reports-page-body .reports-page .panel-header h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.reports-page-body .reports-export-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.92rem 1rem 1rem !important;
    border: 0 !important;
}

html body.reports-page-body .reports-export-actions .button.secondary {
    min-height: 2.18rem !important;
    padding: 0.4rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c021) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.reports-page-body .reports-export-actions .button.secondary:hover,
html body.reports-page-body .reports-export-actions .button.secondary:focus-visible {
    border-color: var(--c092) !important;
    color: var(--c092) !important;
    outline: 2px solid transparent !important;
}

html body.reports-page-body .reports-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.78rem !important;
    margin: 0 !important;
}

html body.reports-page-body .reports-page .metric-card {
    min-height: 4.8rem !important;
    padding: 0.82rem 0.95rem !important;
}

html body.reports-page-body .reports-page .metric-card::before,
html body.reports-page-body .reports-page .metric-card::after {
    content: none !important;
}

html body.reports-page-body .reports-page .metric-card p,
html body.reports-page-body .reports-page .metric-card small {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.reports-page-body .reports-page .metric-card strong {
    display: block !important;
    margin: 0.18rem 0 0.2rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.reports-page-body .reports-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(21rem, 0.92fr) !important;
    gap: 0.78rem !important;
    align-items: start !important;
}

html body.reports-page-body .reports-page .table-wrap {
    margin: 0.92rem 1rem 1rem !important;
    overflow-x: auto !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.reports-page-body .reports-page table {
    width: 100% !important;
    min-width: 42rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.reports-page-body .reports-page table th {
    padding: 0.62rem 0.78rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.reports-page-body .reports-page table td {
    padding: 0.72rem 0.78rem !important;
    border-top: 1px solid var(--c018) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

html body.reports-page-body .reports-signals-panel .side-list {
    display: grid !important;
    gap: 0.58rem !important;
    padding: 0.92rem 1rem 1rem !important;
}

html body.reports-page-body .reports-page .side-list-item {
    display: flex !important;
    min-height: 3.18rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.72rem !important;
    padding: 0.64rem 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
}

html body.reports-page-body .reports-page .side-list-item span,
html body.reports-page-body .reports-page .side-list-item strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.reports-page-body .reports-page .pill,
html body.reports-page-body .reports-page .pill-soft {
    min-width: 1.7rem !important;
    min-height: 1.48rem !important;
    padding: 0.18rem 0.52rem !important;
    border: 1px solid var(--c295) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

html body.reports-page-body .reports-page .empty-cell {
    padding: 1.1rem !important;
    color: var(--c073) !important;
    text-align: center !important;
}

@media (max-width: 1050px) {
    html body.reports-page-body .reports-stats,
    html body.reports-page-body .reports-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html body.reports-page-body .reports-stats,
    html body.reports-page-body .reports-grid {
        grid-template-columns: 1fr !important;
    }

    html body.reports-page-body .reports-export-actions .button.secondary {
        width: 100% !important;
    }
}

/* Social Feed final polish: flat composer, filters, and feed cards. */
html body.social-feed-page-body .social-feed-page {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.social-feed-page-body .social-composer-card,
html body.social-feed-page-body .social-post-card,
html body.social-feed-page-body .social-empty-state {
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.social-feed-page-body .social-composer-card .panel-header,
html body.social-feed-page-body .social-post-card .panel-header {
    display: flex !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.72rem !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.social-feed-page-body .social-composer-card .eyebrow,
html body.social-feed-page-body .social-post-card .eyebrow,
html body.social-feed-page-body .social-composer-card h3,
html body.social-feed-page-body .social-post-card h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-composer-card .eyebrow,
html body.social-feed-page-body .social-post-card .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.social-feed-page-body .social-composer-card h3,
html body.social-feed-page-body .social-post-card h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.social-feed-page-body .social-composer-form {
    display: grid !important;
    gap: 0.72rem !important;
    padding: 0.92rem 1rem 1rem !important;
}

html body.social-feed-page-body .social-composer-fields {
    display: grid !important;
    gap: 0.72rem !important;
}

html body.social-feed-page-body .social-composer-form .field-group {
    display: grid !important;
    gap: 0.28rem !important;
    margin: 0 !important;
}

html body.social-feed-page-body .social-composer-form label:not(.social-upload-box),
html body.social-feed-page-body .social-upload-box > span {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-composer-form input[type="text"],
html body.social-feed-page-body .social-composer-form textarea {
    min-height: 2.42rem !important;
    width: 100% !important;
    padding: 0.46rem 0.65rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.social-feed-page-body .social-composer-form textarea {
    min-height: 5.4rem !important;
    resize: vertical !important;
}

html body.social-feed-page-body .social-composer-form input[type="text"]:focus,
html body.social-feed-page-body .social-composer-form textarea:focus {
    border-color: var(--c092) !important;
    outline: 2px solid var(--c296) !important;
    outline-offset: 1px !important;
}

html body.social-feed-page-body .social-upload-row {
    display: grid !important;
    gap: 0.28rem !important;
}

html body.social-feed-page-body .social-upload-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "label hint"
        "title status" !important;
    align-items: center !important;
    gap: 0.32rem 0.72rem !important;
    min-height: 5.35rem !important;
    padding: 0.82rem 0.95rem !important;
    border: 1px dashed var(--c297) !important;
    border-radius: 8px !important;
    background: var(--c012) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html body.social-feed-page-body .social-upload-box > span {
    grid-area: label !important;
}

html body.social-feed-page-body .social-upload-box strong {
    grid-area: title !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-upload-box small {
    grid-area: hint !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: right !important;
}

html body.social-feed-page-body .social-upload-status {
    grid-area: status !important;
    justify-self: end !important;
    min-height: 1.62rem !important;
    padding: 0.22rem 0.58rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 999px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-upload-box input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

html body.social-feed-page-body .social-upload-preview {
    display: grid !important;
    gap: 0.58rem !important;
}

html body.social-feed-page-body .social-composer-actions {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}

html body.social-feed-page-body .social-composer-actions .button,
html body.social-feed-page-body .social-empty-state .button {
    min-height: 2.32rem !important;
    padding: 0.46rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-feed-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin: 0 !important;
}

html body.social-feed-page-body .social-feed-filters .button {
    min-height: 2.16rem !important;
    padding: 0.4rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c021) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-feed-filters .button.active,
html body.social-feed-page-body .social-feed-filters .button[aria-current="page"] {
    border-color: var(--c298) !important;
    background: var(--c299) !important;
    color: var(--c095) !important;
}

html body.social-feed-page-body .social-feed-list {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.social-feed-page-body .social-post-card > p {
    margin: 0 !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c049) !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html body.social-feed-page-body .social-post-card .pill {
    min-height: 1.48rem !important;
    padding: 0.18rem 0.54rem !important;
    border: 1px solid var(--c295) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-actions-region {
    padding: 0.72rem 1rem !important;
}

html body.social-feed-page-body .social-engagement-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.72rem !important;
    margin: 0 0 0.58rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

html body.social-feed-page-body .social-facebook-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.48rem !important;
}

html body.social-feed-page-body .social-action-button {
    min-height: 2.12rem !important;
    padding: 0.38rem 0.64rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c021) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.social-feed-page-body .social-action-button svg {
    width: 0.92rem !important;
    height: 0.92rem !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
}

html body.social-feed-page-body .social-action-button.is-reacted {
    border-color: var(--c298) !important;
    background: var(--c299) !important;
    color: var(--c095) !important;
}

html body.social-feed-page-body .social-delete-action {
    border-color: var(--c022) !important;
    background: var(--c249) !important;
    color: var(--c247) !important;
}

html body.social-feed-page-body .social-empty-state {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.92rem 1rem !important;
}

html body.social-feed-page-body .social-empty-state h3 {
    margin: 0 0 0.22rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.social-feed-page-body .social-empty-state p {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

@media (max-width: 760px) {
    html body.social-feed-page-body .social-upload-box {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "label"
            "title"
            "hint"
            "status" !important;
    }

    html body.social-feed-page-body .social-upload-box small,
    html body.social-feed-page-body .social-upload-status {
        justify-self: start !important;
        text-align: left !important;
    }

    html body.social-feed-page-body .social-empty-state {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* Celebrations final polish: flat people moments panels. */
html body.celebrations-page-body .celebrations-page {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.celebrations-page-body .celebrations-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.78rem !important;
    margin: 0 !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card,
html body.celebrations-page-body .celebrations-stats .metric-card:first-child,
html body.celebrations-page-body .celebrations-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card {
    min-height: 4.8rem !important;
    padding: 0.82rem 0.95rem !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card::before,
html body.celebrations-page-body .celebrations-stats .metric-card::after {
    content: none !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card p,
html body.celebrations-page-body .celebrations-stats .metric-card small {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card strong {
    display: block !important;
    margin: 0.18rem 0 0.2rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.celebrations-page-body .celebrations-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.78rem !important;
    align-items: stretch !important;
}

html body.celebrations-page-body .celebrations-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.celebrations-page-body .celebrations-panel .panel-header {
    min-height: 0 !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.celebrations-page-body .celebrations-panel .eyebrow,
html body.celebrations-page-body .celebrations-panel h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.celebrations-page-body .celebrations-panel .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.celebrations-page-body .celebrations-panel h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.celebrations-page-body .celebrations-panel .side-list {
    display: grid !important;
    gap: 0.66rem !important;
    padding: 0.92rem 1rem 1rem !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item {
    display: flex !important;
    min-height: 3.42rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.72rem 0.82rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item:hover,
html body.celebrations-page-body .celebrations-panel .side-list-item:focus-visible {
    border-color: var(--c298) !important;
    background: var(--c012) !important;
    color: var(--theme-ink-strong) !important;
    outline: 2px solid transparent !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item strong {
    display: block !important;
    margin: 0 0 0.22rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item small {
    display: block !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.celebrations-page-body .celebration-empty-state {
    display: grid !important;
    min-height: 4.2rem !important;
    place-items: center !important;
    padding: 1rem !important;
    border: 1px dashed var(--c297) !important;
    border-radius: 8px !important;
    background: var(--c012) !important;
    color: var(--c073) !important;
    text-align: center !important;
}

html body.celebrations-page-body .celebration-empty-state strong,
html body.celebrations-page-body .celebration-empty-state span {
    color: inherit !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}

@media (max-width: 900px) {
    html body.celebrations-page-body .celebrations-stats,
    html body.celebrations-page-body .celebrations-grid {
        grid-template-columns: 1fr !important;
    }
}

/* HR Helpdesk final polish: flat request form and ticket table. */
html body.helpdesk-page-body .helpdesk-page {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.helpdesk-page-body .helpdesk-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.78rem !important;
    margin: 0 !important;
}

html body.helpdesk-page-body .helpdesk-stat-card,
html body.helpdesk-page-body .helpdesk-request-panel,
html body.helpdesk-page-body .helpdesk-tickets-panel,
html body.helpdesk-page-body .helpdesk-detail-panel,
html body.helpdesk-page-body .helpdesk-review-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body .helpdesk-stat-card {
    min-height: 4.8rem !important;
    padding: 0.82rem 0.95rem !important;
}

html body.helpdesk-page-body .helpdesk-stat-card span,
html body.helpdesk-page-body .helpdesk-stat-card small {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-stat-card strong {
    display: block !important;
    margin: 0.18rem 0 0.2rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.helpdesk-page-body .helpdesk-request-panel,
html body.helpdesk-page-body .helpdesk-tickets-panel,
html body.helpdesk-page-body .helpdesk-detail-panel,
html body.helpdesk-page-body .helpdesk-review-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.helpdesk-page-body .helpdesk-request-panel .panel-header,
html body.helpdesk-page-body .helpdesk-tickets-panel .panel-header,
html body.helpdesk-page-body .helpdesk-detail-panel .panel-header,
html body.helpdesk-page-body .helpdesk-review-panel .panel-header {
    min-height: 0 !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.helpdesk-page-body .helpdesk-request-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-tickets-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-detail-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-review-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-request-panel h3,
html body.helpdesk-page-body .helpdesk-tickets-panel h3,
html body.helpdesk-page-body .helpdesk-detail-panel h3,
html body.helpdesk-page-body .helpdesk-review-panel h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-request-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-tickets-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-detail-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-review-panel .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.helpdesk-page-body .helpdesk-request-panel h3,
html body.helpdesk-page-body .helpdesk-tickets-panel h3,
html body.helpdesk-page-body .helpdesk-detail-panel h3,
html body.helpdesk-page-body .helpdesk-review-panel h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.helpdesk-page-body .helpdesk-form,
html body.helpdesk-page-body .helpdesk-review-panel form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
    padding: 0.92rem 1rem 1rem !important;
}

html body.helpdesk-page-body .helpdesk-form .full-width,
html body.helpdesk-page-body .helpdesk-review-panel .full-width,
html body.helpdesk-page-body .helpdesk-field-description,
html body.helpdesk-page-body .helpdesk-form-actions {
    grid-column: 1 / -1 !important;
}

html body.helpdesk-page-body .helpdesk-form .field-group,
html body.helpdesk-page-body .helpdesk-review-panel .field-group {
    display: grid !important;
    gap: 0.28rem !important;
    margin: 0 !important;
}

html body.helpdesk-page-body .helpdesk-form label,
html body.helpdesk-page-body .helpdesk-review-panel label {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-form input,
html body.helpdesk-page-body .helpdesk-form select,
html body.helpdesk-page-body .helpdesk-form textarea,
html body.helpdesk-page-body .helpdesk-review-panel input,
html body.helpdesk-page-body .helpdesk-review-panel select,
html body.helpdesk-page-body .helpdesk-review-panel textarea {
    min-height: 2.42rem !important;
    width: 100% !important;
    padding: 0.46rem 0.65rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.helpdesk-page-body .helpdesk-form textarea,
html body.helpdesk-page-body .helpdesk-review-panel textarea {
    min-height: 5.4rem !important;
    resize: vertical !important;
}

html body.helpdesk-page-body .helpdesk-form input:focus,
html body.helpdesk-page-body .helpdesk-form select:focus,
html body.helpdesk-page-body .helpdesk-form textarea:focus,
html body.helpdesk-page-body .helpdesk-review-panel input:focus,
html body.helpdesk-page-body .helpdesk-review-panel select:focus,
html body.helpdesk-page-body .helpdesk-review-panel textarea:focus {
    border-color: var(--c092) !important;
    outline: 2px solid var(--c296) !important;
    outline-offset: 1px !important;
}

html body.helpdesk-page-body .helpdesk-form-actions,
html body.helpdesk-page-body .helpdesk-review-panel .form-actions {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.helpdesk-page-body .helpdesk-form-actions .button,
html body.helpdesk-page-body .helpdesk-review-panel .form-actions .button {
    min-height: 2.32rem !important;
    padding: 0.46rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-form-actions .button:hover,
html body.helpdesk-page-body .helpdesk-form-actions .button:focus-visible,
html body.helpdesk-page-body .helpdesk-review-panel .form-actions .button:hover,
html body.helpdesk-page-body .helpdesk-review-panel .form-actions .button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    outline: 2px solid transparent !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel .table-wrap {
    margin: 0.92rem 1rem 1rem !important;
    overflow-x: auto !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel table {
    width: 100% !important;
    min-width: 58rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel table th {
    padding: 0.62rem 0.78rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel table td {
    padding: 0.72rem 0.78rem !important;
    border-top: 1px solid var(--c018) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel td span,
html body.helpdesk-page-body .helpdesk-tickets-panel td strong {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel .muted-copy {
    display: inline-block !important;
    margin-top: 0.18rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
}

html body.helpdesk-page-body .pill {
    min-height: 1.48rem !important;
    padding: 0.18rem 0.54rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .employee-section-action {
    min-height: 2.1rem !important;
    padding: 0.38rem 0.68rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c021) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .employee-section-action:hover,
html body.helpdesk-page-body .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    color: var(--c092) !important;
    outline: 2px solid transparent !important;
}

html body.helpdesk-page-body .helpdesk-empty-cell {
    padding: 1.15rem !important;
    color: var(--c073) !important;
    text-align: center !important;
}

html body.helpdesk-page-body .helpdesk-empty-cell span {
    display: block !important;
    color: inherit !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

@media (max-width: 760px) {
    html body.helpdesk-page-body .helpdesk-form,
    html body.helpdesk-page-body .helpdesk-review-panel form {
        grid-template-columns: 1fr !important;
    }

    html body.helpdesk-page-body .helpdesk-form-actions .button {
        width: 100% !important;
    }
}

/* Notification Center final polish: flat operations inbox. */
html body.notification-center-page-body .notification-center-page {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.notification-center-page-body .notification-center-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.78rem !important;
    margin: 0 !important;
}

html body.notification-center-page-body .notification-center-stats .metric-card,
html body.notification-center-page-body .notification-section-card {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
}

html body.notification-center-page-body .notification-center-stats .metric-card {
    min-height: 4.8rem !important;
    padding: 0.82rem 0.95rem !important;
}

html body.notification-center-page-body .notification-center-stats .metric-card p,
html body.notification-center-page-body .notification-center-stats .metric-card small {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-center-stats .metric-card strong {
    display: block !important;
    margin: 0.18rem 0 0.2rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.notification-center-page-body .notification-center-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important;
    gap: 0.78rem !important;
    align-items: start !important;
}

html body.notification-center-page-body .notification-section-card {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.notification-center-page-body .notification-section-card .panel-header {
    display: flex !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.72rem !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.notification-center-page-body .notification-section-card .panel-header .eyebrow,
html body.notification-center-page-body .notification-section-card .panel-header h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-section-card .panel-header .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.notification-center-page-body .notification-section-card .panel-header h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.notification-center-page-body .notification-section-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

html body.notification-center-page-body .notification-section-card .pill,
html body.notification-center-page-body .notification-section-card .pill-soft {
    min-width: 1.7rem !important;
    min-height: 1.7rem !important;
    padding: 0.18rem 0.52rem !important;
    border: 1px solid var(--c295) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-mark-all-button,
html body.notification-center-page-body .notification-filter-button,
html body.notification-center-page-body .notification-filter-clear,
html body.notification-center-page-body .main-panel > .topbar .button.secondary {
    min-height: 2.18rem !important;
    padding: 0.4rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c021) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-mark-all-button:hover,
html body.notification-center-page-body .notification-filter-button:hover,
html body.notification-center-page-body .notification-filter-clear:hover,
html body.notification-center-page-body .main-panel > .topbar .button.secondary:hover,
html body.notification-center-page-body .notification-mark-all-button:focus-visible,
html body.notification-center-page-body .notification-filter-button:focus-visible,
html body.notification-center-page-body .notification-filter-clear:focus-visible,
html body.notification-center-page-body .main-panel > .topbar .button.secondary:focus-visible {
    border-color: var(--c092) !important;
    color: var(--c092) !important;
    outline: 2px solid transparent !important;
}

html body.notification-center-page-body .notification-alert-filter {
    display: grid !important;
    grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 0.64fr) auto auto !important;
    gap: 0.48rem !important;
    margin: 0.78rem 1rem 0 !important;
    padding: 0.62rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
}

html body.notification-center-page-body .notification-alert-filter label {
    display: grid !important;
    gap: 0.22rem !important;
    margin: 0 !important;
}

html body.notification-center-page-body .notification-alert-filter label span {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-alert-filter input,
html body.notification-center-page-body .notification-alert-filter select {
    min-height: 2.28rem !important;
    width: 100% !important;
    padding: 0.42rem 0.62rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

html body.notification-center-page-body .notification-section-card .side-list {
    display: grid !important;
    gap: 0.58rem !important;
    padding: 0.78rem 1rem 1rem !important;
}

html body.notification-center-page-body .notification-open-form {
    margin: 0 !important;
}

html body.notification-center-page-body .notification-row,
html body.notification-center-page-body .notification-section-card .side-list-item.notification-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.62rem !important;
    width: 100% !important;
    min-height: 3.34rem !important;
    padding: 0.64rem 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    box-shadow: none !important;
    text-align: left !important;
    text-decoration: none !important;
}

html body.notification-center-page-body .notification-row.unread {
    border-color: var(--c297) !important;
    background: var(--c012) !important;
}

html body.notification-center-page-body .notification-row-icon {
    display: inline-grid !important;
    width: 1.78rem !important;
    height: 1.78rem !important;
    place-items: center !important;
    border: 1px solid var(--c295) !important;
    border-radius: 7px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

html body.notification-center-page-body .notification-row-copy {
    display: grid !important;
    gap: 0.14rem !important;
    min-width: 0 !important;
}

html body.notification-center-page-body .notification-row-copy span,
html body.notification-center-page-body .notification-row-copy strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-row-copy small {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-row-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.38rem !important;
}

html body.notification-center-page-body .notification-row-action {
    display: inline-flex !important;
    min-height: 1.92rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.34rem 0.56rem !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--c300) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

html body.notification-center-page-body .notification-row-action:hover,
html body.notification-center-page-body .notification-row-action:focus-visible {
    border-color: var(--c026) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c092) !important;
    outline: 2px solid transparent !important;
}

html body.notification-center-page-body .notification-empty-state,
html body.notification-center-page-body .notification-section-card .empty-state.notification-empty-state {
    display: grid !important;
    min-height: 3.9rem !important;
    place-items: center !important;
    padding: 0.92rem !important;
    border: 1px dashed var(--c297) !important;
    border-radius: 8px !important;
    background: var(--c012) !important;
    color: var(--c073) !important;
    text-align: center !important;
}

html body.notification-center-page-body .notification-empty-state span,
html body.notification-center-page-body .notification-empty-state strong {
    display: block !important;
    color: inherit !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}

html body.notification-center-page-body .notification-section-footnote {
    margin: 0 !important;
    padding: 0 1rem 1rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
}

@media (max-width: 1050px) {
    html body.notification-center-page-body .notification-center-stats,
    html body.notification-center-page-body .notification-center-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html body.notification-center-page-body .notification-center-stats,
    html body.notification-center-page-body .notification-center-grid,
    html body.notification-center-page-body .notification-alert-filter {
        grid-template-columns: 1fr !important;
    }

    html body.notification-center-page-body .notification-row,
    html body.notification-center-page-body .notification-section-card .side-list-item.notification-row {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    html body.notification-center-page-body .notification-row-actions,
    html body.notification-center-page-body .notification-row > .notification-row-action {
        grid-column: 1 / -1 !important;
        justify-content: flex-start !important;
    }
}

/* Asset Categories final polish: compact settings table and form. */
html body.asset-categories-page-body .asset-categories-page {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 25rem) !important;
    gap: 0.78rem !important;
}

html body.asset-categories-page-body .asset-categories-panel {
    overflow: hidden !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.asset-categories-page-body .asset-categories-panel-head {
    min-height: 0 !important;
    padding: 0.78rem 0.92rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.asset-categories-page-body .asset-categories-panel-head .eyebrow,
html body.asset-categories-page-body .asset-categories-panel-head h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.asset-categories-page-body .asset-categories-panel-head .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.asset-categories-page-body .asset-categories-panel-head h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.asset-categories-page-body .asset-category-count {
    min-height: 1.72rem !important;
    padding: 0.22rem 0.62rem !important;
    border: 1px solid var(--c301) !important;
    border-radius: 999px !important;
    background: var(--c225) !important;
    color: var(--c095) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

html body.asset-categories-page-body .asset-categories-table {
    min-width: 40rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.asset-categories-page-body .asset-categories-table th {
    padding: 0.62rem 0.82rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.asset-categories-page-body .asset-categories-table td {
    padding: 0.7rem 0.82rem !important;
    border-top: 1px solid var(--c018) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.asset-categories-page-body .asset-categories-table tbody tr:nth-child(even) {
    background: var(--c012) !important;
}

html body.asset-categories-page-body .asset-categories-table code {
    min-height: 1.5rem !important;
    padding: 0.14rem 0.44rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 6px !important;
    background: var(--c030) !important;
    color: var(--c021) !important;
    font-family: inherit !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
}

html body.asset-categories-page-body .asset-category-status,
html body.asset-categories-page-body .asset-category-assets {
    min-height: 1.48rem !important;
    padding: 0.18rem 0.54rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

html body.asset-categories-page-body .asset-category-status.is-active {
    border-color: var(--c301) !important;
    background: var(--c225) !important;
    color: var(--c095) !important;
}

html body.asset-categories-page-body .asset-category-assets {
    min-width: 1.95rem !important;
    border-color: var(--c295) !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
}

html body.asset-categories-page-body .asset-category-form {
    gap: 0.7rem !important;
    padding: 0.86rem 0.92rem 0.92rem !important;
}

html body.asset-categories-page-body .asset-category-form .field-group {
    gap: 0.28rem !important;
}

html body.asset-categories-page-body .asset-category-form .field-group label {
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.asset-categories-page-body .asset-category-form input:not([type="checkbox"]) {
    min-height: 2.42rem !important;
    padding: 0.46rem 0.65rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

html body.asset-categories-page-body .asset-category-form input:not([type="checkbox"]):focus {
    border-color: var(--c092) !important;
    outline: 2px solid var(--c296) !important;
    outline-offset: 1px !important;
}

html body.asset-categories-page-body .asset-category-check {
    min-height: 2.38rem !important;
    padding: 0.5rem 0.65rem !important;
    border: 1px solid var(--c029) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

html body.asset-categories-page-body .asset-category-check input[type="checkbox"] {
    accent-color: var(--c092) !important;
}

html body.asset-categories-page-body .asset-category-form .form-actions {
    margin-top: 0.1rem !important;
}

html body.asset-categories-page-body .asset-category-form .button {
    min-height: 2.32rem !important;
    padding: 0.46rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.asset-categories-page-body .asset-category-form .button:hover,
html body.asset-categories-page-body .asset-category-form .button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    outline: 2px solid transparent !important;
}

@media (max-width: 1100px) {
    html body.asset-categories-page-body .asset-categories-page {
        grid-template-columns: 1fr !important;
    }
}

/* Asset History final polish: flat audit log table. */
html body.asset-history-page-body .employee-dashboard-card {
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.asset-history-page-body .employee-dashboard-card-head {
    display: flex !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.72rem !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.asset-history-page-body .employee-dashboard-card-head h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.asset-history-page-body .employee-section-action {
    min-height: 2.24rem !important;
    padding: 0.42rem 0.78rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c021) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.asset-history-page-body .employee-section-action:hover,
html body.asset-history-page-body .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    color: var(--c092) !important;
    outline: 2px solid transparent !important;
}

html body.asset-history-page-body .responsive-table {
    margin: 1rem !important;
    overflow-x: auto !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.asset-history-page-body .responsive-table table {
    min-width: 66rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body.asset-history-page-body .responsive-table thead th {
    padding: 0.62rem 0.78rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.asset-history-page-body .responsive-table tbody td {
    padding: 0.72rem 0.78rem !important;
    border-top: 1px solid var(--c018) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

html body.asset-history-page-body .responsive-table tbody td span,
html body.asset-history-page-body .responsive-table tbody td strong {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.asset-history-page-body .responsive-table tbody tr:nth-child(even) {
    background: var(--c012) !important;
}

@media (max-width: 760px) {
    html body.asset-history-page-body .employee-dashboard-card-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    html body.asset-history-page-body .employee-section-action {
        width: 100% !important;
    }
}

/* Announcements final polish: flat publishing workspace and notice list. */
html body.announcements-page-body .announcements-page {
    display: grid !important;
    gap: 0.78rem !important;
}

html body.announcements-page-body .announcement-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.78rem !important;
    margin: 0 !important;
}

html body.announcements-page-body .announcement-stats .metric-card {
    min-height: 4.8rem !important;
    padding: 0.82rem 0.95rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.announcements-page-body .announcement-stats .metric-card p,
html body.announcements-page-body .announcement-stats .metric-card small {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.announcements-page-body .announcement-stats .metric-card strong {
    display: block !important;
    margin: 0.18rem 0 0.2rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.announcements-page-body .announcements-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1.24fr) minmax(21rem, 0.96fr) !important;
    gap: 0.78rem !important;
    align-items: start !important;
}

html body.announcements-page-body .announcement-form-panel,
html body.announcements-page-body .announcement-notice-panel {
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.announcements-page-body .announcement-form-panel .panel-header,
html body.announcements-page-body .announcement-notice-panel .panel-header {
    display: flex !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.72rem !important;
    padding: 0.86rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.announcements-page-body .announcement-form-panel .eyebrow,
html body.announcements-page-body .announcement-notice-panel .eyebrow,
html body.announcements-page-body .announcement-form-panel h3,
html body.announcements-page-body .announcement-notice-panel h3 {
    margin: 0 !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.announcements-page-body .announcement-form-panel .eyebrow,
html body.announcements-page-body .announcement-notice-panel .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
}

html body.announcements-page-body .announcement-form-panel h3,
html body.announcements-page-body .announcement-notice-panel h3 {
    margin-top: 0.15rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.announcements-page-body .announcement-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
    padding: 0.92rem 1rem 1rem !important;
}

html body.announcements-page-body .announcement-form-grid .full-width {
    grid-column: 1 / -1 !important;
}

html body.announcements-page-body .announcement-form-grid .field-group {
    display: grid !important;
    gap: 0.28rem !important;
    margin: 0 !important;
}

html body.announcements-page-body .announcement-form-grid label,
html body.announcements-page-body .announcement-check-grid .checkbox-field label {
    margin: 0 !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.announcements-page-body .announcement-form-grid input:not([type="checkbox"]),
html body.announcements-page-body .announcement-form-grid select,
html body.announcements-page-body .announcement-form-grid textarea {
    min-height: 2.42rem !important;
    width: 100% !important;
    padding: 0.46rem 0.65rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.announcements-page-body .announcement-form-grid textarea {
    min-height: 5.8rem !important;
    resize: vertical !important;
}

html body.announcements-page-body .announcement-form-grid input:focus,
html body.announcements-page-body .announcement-form-grid select:focus,
html body.announcements-page-body .announcement-form-grid textarea:focus {
    border-color: var(--c092) !important;
    outline: 2px solid var(--c296) !important;
    outline-offset: 1px !important;
}

html body.announcements-page-body .announcement-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.58rem !important;
}

html body.announcements-page-body .announcement-check-grid .checkbox-field {
    display: flex !important;
    min-height: 2.42rem !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.5rem 0.65rem !important;
    border: 1px solid var(--c029) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
}

html body.announcements-page-body .announcement-check-grid .checkbox-field input[type="checkbox"] {
    appearance: auto !important;
    position: static !important;
    flex: 0 0 auto !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    margin: 0 !important;
    opacity: 1 !important;
    accent-color: var(--c092) !important;
}

html body.announcements-page-body .announcement-check-grid .checkbox-field label::before,
html body.announcements-page-body .announcement-check-grid .checkbox-field label::after {
    content: none !important;
}

html body.announcements-page-body .announcement-form-grid .form-actions {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.announcements-page-body .announcement-form-grid .button {
    min-height: 2.32rem !important;
    padding: 0.46rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.announcements-page-body .announcement-form-grid .button:hover,
html body.announcements-page-body .announcement-form-grid .button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    outline: 2px solid transparent !important;
}

html body.announcements-page-body .announcement-list-limit,
html body.announcements-page-body .announcement-notice-card .pill {
    min-height: 1.48rem !important;
    padding: 0.18rem 0.54rem !important;
    border: 1px solid var(--c295) !important;
    border-radius: 999px !important;
    background: var(--c277) !important;
    color: var(--c103) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

html body.announcements-page-body .announcement-notice-list {
    display: grid !important;
    gap: 0.66rem !important;
    padding: 0.92rem 1rem 1rem !important;
}

html body.announcements-page-body .announcement-notice-card {
    padding: 0.82rem 0.92rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.announcements-page-body .announcement-card-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.65rem !important;
    margin-bottom: 0.62rem !important;
}

html body.announcements-page-body .announcement-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
}

html body.announcements-page-body .announcement-delete-button {
    display: inline-grid !important;
    width: 1.78rem !important;
    height: 1.78rem !important;
    min-width: 1.78rem !important;
    min-height: 1.78rem !important;
    place-items: center !important;
    border: 1px solid var(--c022) !important;
    border-radius: 7px !important;
    background: var(--c249) !important;
    color: var(--c247) !important;
}

html body.announcements-page-body .announcement-delete-button svg {
    width: 0.9rem !important;
    height: 0.9rem !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
}

html body.announcements-page-body .announcement-notice-card h4 {
    margin: 0 0 0.38rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.94rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

html body.announcements-page-body .announcement-notice-card p {
    margin: 0 0 0.5rem !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html body.announcements-page-body .announcement-notice-card small {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
}

@media (max-width: 1050px) {
    html body.announcements-page-body .announcements-workspace {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 680px) {
    html body.announcements-page-body .announcement-stats,
    html body.announcements-page-body .announcement-form-grid,
    html body.announcements-page-body .announcement-check-grid {
        grid-template-columns: 1fr !important;
    }

    html body.announcements-page-body .announcement-form-grid .button {
        width: 100% !important;
    }
}

html body.performance-center-page-body .main-panel > .topbar {
    box-shadow: none !important;
}

html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar::before,
html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar::after {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
}

html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar + .performance-center-page {
    margin-top: 0 !important;
    box-shadow: none !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel {
    box-shadow: none !important;
}

/* Final topbar guard: app headers should be flat cards, not floating panels. */
html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar,
html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar::before,
html body:not(.employee-list-page-body):not(.auth-page):not(.login-page) .main-panel > .topbar::after {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    margin-bottom: 0.65rem !important;
    border-bottom-color: var(--c014) !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: 0 0 0 var(--c302) !important;
    filter: none !important;
    overflow: hidden !important;
}

html body.performance-center-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar + .performance-center-page {
    margin-top: 0 !important;
}

html body.performance-center-page-body .performance-center-page .metric-card,
html body.performance-center-page-body .performance-center-page .stat-card,
html body.performance-center-page-body .performance-center-page .panel,
html body.performance-center-page-body .performance-center-goals-panel {
    box-shadow: none !important;
    filter: none !important;
}

/* Project-wide no-shadow policy. Keep depth from borders and spacing only. */
html body:not(.auth-page):not(.login-page),
html body:not(.auth-page):not(.login-page) *,
html body:not(.auth-page):not(.login-page) *::before,
html body:not(.auth-page):not(.login-page) *::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

html body:not(.auth-page):not(.login-page) :where(
    .page-shell,
    .main-panel,
    .topbar,
    .panel,
    .table-panel,
    .form-card,
    .detail-card,
    .module-card,
    .stat-card,
    .metric-card,
    .side-panel,
    .table-wrap,
    .filter-bar,
    .form-grid,
    .pro-form-grid,
    .search-shell,
    .button,
    button,
    input,
    select,
    textarea
) {
    filter: none !important;
}

/* Supervisor Reviews final polish: flat cards, normal text, no accent stripes. */
html body.supervisor-evaluation-page:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body.supervisor-evaluation-page:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.supervisor-evaluation-page .supervisor-review-page,
html body.supervisor-evaluation-page .supervisor-review-panel,
html body.supervisor-evaluation-page .supervisor-review-stats .metric-card,
html body.supervisor-evaluation-page .supervisor-review-filter,
html body.supervisor-evaluation-page .supervisor-review-table {
    box-shadow: none !important;
    filter: none !important;
}

html body.supervisor-evaluation-page .supervisor-review-stats .metric-card {
    min-height: 5.2rem !important;
    padding: 0.82rem 0.95rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    overflow: hidden !important;
}

html body.supervisor-evaluation-page .supervisor-review-stats .metric-card::before,
html body.supervisor-evaluation-page .supervisor-review-stats .metric-card::after {
    display: none !important;
    content: none !important;
}

html body.supervisor-evaluation-page .supervisor-review-stats .metric-card p,
html body.supervisor-evaluation-page .supervisor-review-stats .metric-card small,
html body.supervisor-evaluation-page .supervisor-review-list-head .eyebrow,
html body.supervisor-evaluation-page .supervisor-review-filter span,
html body.supervisor-evaluation-page .supervisor-review-table th,
html body.supervisor-evaluation-page .supervisor-review-table td,
html body.supervisor-evaluation-page .supervisor-review-table td small,
html body.supervisor-evaluation-page .supervisor-review-table .employee-section-action,
html body.supervisor-evaluation-page .supervisor-review-actions .employee-section-action,
html body.supervisor-evaluation-page .supervisor-review-filter .button,
html body.supervisor-evaluation-page .evaluation-status-pill {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.supervisor-evaluation-page .supervisor-review-stats .metric-card p,
html body.supervisor-evaluation-page .supervisor-review-filter span,
html body.supervisor-evaluation-page .supervisor-review-table td small {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
}

html body.supervisor-evaluation-page .supervisor-review-stats .metric-card strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.supervisor-evaluation-page .supervisor-review-list-head {
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.supervisor-evaluation-page .supervisor-review-list-head h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

html body.supervisor-evaluation-page .supervisor-review-list-head p:not(.eyebrow) {
    color: var(--theme-ink-muted) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}

html body.supervisor-evaluation-page .supervisor-review-filter {
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) minmax(12rem, 0.28fr) auto !important;
    gap: 0.6rem !important;
    margin: 0.82rem 1rem !important;
    padding: 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
}

html body.supervisor-evaluation-page .supervisor-review-filter label {
    gap: 0.24rem !important;
}

html body.supervisor-evaluation-page .supervisor-review-filter input,
html body.supervisor-evaluation-page .supervisor-review-filter select {
    min-height: 2.28rem !important;
    padding: 0.42rem 0.62rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

html body.supervisor-evaluation-page .supervisor-review-actions .employee-section-action,
html body.supervisor-evaluation-page .supervisor-review-table .employee-section-action,
html body.supervisor-evaluation-page .supervisor-review-filter .button {
    min-height: 2.22rem !important;
    padding: 0.44rem 0.78rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
    font-size: 0.8rem !important;
}

html body.supervisor-evaluation-page .supervisor-review-actions .employee-section-action:hover,
html body.supervisor-evaluation-page .supervisor-review-table .employee-section-action:hover,
html body.supervisor-evaluation-page .supervisor-review-filter .button:hover,
html body.supervisor-evaluation-page .supervisor-review-actions .employee-section-action:focus-visible,
html body.supervisor-evaluation-page .supervisor-review-table .employee-section-action:focus-visible,
html body.supervisor-evaluation-page .supervisor-review-filter .button:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c225) !important;
    color: var(--c095) !important;
}

html body.supervisor-evaluation-page .supervisor-review-table {
    margin: 0.82rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
}

html body.supervisor-evaluation-page .supervisor-review-table thead th {
    padding: 0.62rem 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
}

html body.supervisor-evaluation-page .supervisor-review-table tbody td {
    padding: 0.74rem 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.supervisor-evaluation-page .supervisor-review-table .supervisor-review-employee-link,
html body.supervisor-evaluation-page .supervisor-review-table .supervisor-review-employee-link:link,
html body.supervisor-evaluation-page .supervisor-review-table .supervisor-review-employee-link:visited {
    color: var(--theme-ink-strong) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.supervisor-evaluation-page .supervisor-review-table .evaluation-status-pill {
    min-height: 1.45rem !important;
    padding: 0.22rem 0.52rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

@media (max-width: 900px) {
    html body.supervisor-evaluation-page .supervisor-review-filter {
        grid-template-columns: 1fr !important;
    }
}

/* Holiday Calendar final polish: flat, compact, normal-weight calendar UI. */
html body:has(.holiday-calendar-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body:has(.holiday-calendar-page) .main-panel > .topbar,
html body:has(.holiday-calendar-page) .holiday-calendar-page .panel,
html body:has(.holiday-calendar-page) .holiday-month-card,
html body:has(.holiday-calendar-page) .holiday-day-cell,
html body:has(.holiday-calendar-page) .holiday-day-event,
html body:has(.holiday-calendar-page) .holiday-event-row,
html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card,
html body:has(.holiday-calendar-page) .holiday-calendar-page .table-wrap {
    box-shadow: none !important;
    filter: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page {
    gap: 0.85rem !important;
}

html body:has(.holiday-calendar-page) .holiday-upcoming-panel {
    padding: 0 !important;
    overflow: hidden !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar {
    align-items: center !important;
    gap: 0.8rem !important;
    padding: 0.9rem 1rem 0.75rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .eyebrow,
html body:has(.holiday-calendar-page) .holiday-calendar-toolbar h3,
html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .muted,
html body:has(.holiday-calendar-page) .holiday-month-nav strong,
html body:has(.holiday-calendar-page) .holiday-month-nav .button,
html body:has(.holiday-calendar-page) .holiday-weekday-row span,
html body:has(.holiday-calendar-page) .holiday-day-number,
html body:has(.holiday-calendar-page) .holiday-day-event strong,
html body:has(.holiday-calendar-page) .holiday-day-event small,
html body:has(.holiday-calendar-page) .holiday-event-row strong,
html body:has(.holiday-calendar-page) .holiday-event-row span,
html body:has(.holiday-calendar-page) .holiday-event-row p,
html body:has(.holiday-calendar-page) .holiday-calendar-page th,
html body:has(.holiday-calendar-page) .holiday-calendar-page td,
html body:has(.holiday-calendar-page) .holiday-calendar-page label,
html body:has(.holiday-calendar-page) .holiday-calendar-page .button {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .eyebrow,
html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .muted,
html body:has(.holiday-calendar-page) .holiday-weekday-row span,
html body:has(.holiday-calendar-page) .holiday-day-event small {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.55rem !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.94rem !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav .button,
html body:has(.holiday-calendar-page) .holiday-import-button-stack .button,
html body:has(.holiday-calendar-page) .holiday-calendar-page .form-actions .button {
    min-height: 2.22rem !important;
    padding: 0.44rem 0.78rem !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
}

html body:has(.holiday-calendar-page) .holiday-month-card {
    margin: 0.82rem 1rem 1rem !important;
    padding: 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
}

html body:has(.holiday-calendar-page) .holiday-weekday-row,
html body:has(.holiday-calendar-page) .holiday-calendar-board {
    gap: 0.35rem !important;
}

html body:has(.holiday-calendar-page) .holiday-day-cell {
    min-height: 5.8rem !important;
    padding: 0.55rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-day-cell.has-holiday {
    background: var(--c303) !important;
    border-color: var(--c026) !important;
}

html body:has(.holiday-calendar-page) .holiday-day-cell.is-today {
    border-color: var(--c092) !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-day-number {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body:has(.holiday-calendar-page) .holiday-day-cell.is-today .holiday-day-number,
html body:has(.holiday-calendar-page) .holiday-day-cell.has-holiday .holiday-day-number {
    display: inline-grid !important;
    place-items: center !important;
    width: 1.75rem !important;
    height: 1.75rem !important;
    border-radius: 999px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.8rem !important;
}

html body:has(.holiday-calendar-page) .holiday-day-cell.is-today:not(.has-holiday) .holiday-day-number {
    border: 1px solid var(--c304) !important;
    background: var(--c094) !important;
    color: var(--c004) !important;
}

html body:has(.holiday-calendar-page) .holiday-day-event {
    margin-top: 0.42rem !important;
    padding: 0.42rem 0.5rem !important;
    border: 1px solid var(--c084) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-day-event strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body:has(.holiday-calendar-page) .holiday-event-list-panel,
html body:has(.holiday-calendar-page) .holiday-import-strip,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column > .panel {
    border-radius: 8px !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card {
    min-height: 5.2rem !important;
    padding: 0.82rem 0.95rem !important;
    border-radius: 8px !important;
}

@media (max-width: 900px) {
    html body:has(.holiday-calendar-page) .holiday-calendar-toolbar,
    html body:has(.holiday-calendar-page) .holiday-month-nav {
        justify-content: flex-start !important;
    }

    html body:has(.holiday-calendar-page) .holiday-month-nav {
        flex-wrap: wrap !important;
    }
}

/* Holiday Calendar toolbar final alignment: keep title/date and controls balanced. */
html body:has(.holiday-calendar-page) .holiday-upcoming-panel {
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.95rem 1.1rem !important;
    border-bottom: 1px solid var(--c084) !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar > div:first-child {
    min-width: 0 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .eyebrow {
    margin: 0 0 0.18rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-toolbar .muted {
    margin: 0.16rem 0 0 !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav {
    display: inline-grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 0.5rem !important;
    width: auto !important;
    margin: 0 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 5.2rem !important;
    min-height: 2.16rem !important;
    padding: 0 0.45rem !important;
    color: var(--c060) !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.16rem !important;
    padding: 0.42rem 0.72rem !important;
    border: 1px solid var(--c293) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body:has(.holiday-calendar-page) .holiday-month-nav .button:hover,
html body:has(.holiday-calendar-page) .holiday-month-nav .button:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c154) !important;
    color: var(--c294) !important;
    outline: 2px solid transparent !important;
}

@media (max-width: 760px) {
    html body:has(.holiday-calendar-page) .holiday-calendar-toolbar {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    html body:has(.holiday-calendar-page) .holiday-month-nav {
        justify-content: start !important;
        overflow-x: auto !important;
        max-width: 100% !important;
        padding-bottom: 0.1rem !important;
    }
}

/* Holiday Calendar lower sections: compact events, equal stats, balanced forms. */
html body:has(.holiday-calendar-page) .holiday-event-list-panel,
html body:has(.holiday-calendar-page) .holiday-import-strip,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column > .panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body:has(.holiday-calendar-page) .holiday-event-list-panel .panel-header,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column > .panel .panel-header {
    padding: 0.86rem 1rem 0.68rem !important;
    border-bottom: 1px solid var(--c084) !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-event-list-panel .eyebrow,
html body:has(.holiday-calendar-page) .holiday-event-list-panel h3,
html body:has(.holiday-calendar-page) .holiday-event-row time,
html body:has(.holiday-calendar-page) .holiday-event-row strong,
html body:has(.holiday-calendar-page) .holiday-event-row span,
html body:has(.holiday-calendar-page) .holiday-event-row p,
html body:has(.holiday-calendar-page) .holiday-import-strip .eyebrow,
html body:has(.holiday-calendar-page) .holiday-import-strip h3,
html body:has(.holiday-calendar-page) .holiday-import-strip .muted,
html body:has(.holiday-calendar-page) .holiday-import-strip label,
html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card p,
html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card strong,
html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card small,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column > .panel .eyebrow,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column > .panel h3,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column label,
html body:has(.holiday-calendar-page) .holiday-calendar-page .mobile-card-table th,
html body:has(.holiday-calendar-page) .holiday-calendar-page .mobile-card-table td {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body:has(.holiday-calendar-page) .holiday-event-list {
    display: grid !important;
    gap: 0.55rem !important;
    padding: 0.72rem 1rem 1rem !important;
}

html body:has(.holiday-calendar-page) .holiday-event-row {
    display: grid !important;
    grid-template-columns: 7rem minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 3.5rem !important;
    gap: 0.75rem !important;
    padding: 0.58rem 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body:has(.holiday-calendar-page) .holiday-event-row time {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 2rem !important;
    padding: 0.34rem 0.5rem !important;
    border: 1px solid var(--c305) !important;
    border-radius: 6px !important;
    background: var(--c303) !important;
    color: var(--c306) !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
}

html body:has(.holiday-calendar-page) .holiday-event-row strong {
    display: block !important;
    margin: 0 0 0.1rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.86rem !important;
    line-height: 1.2 !important;
}

html body:has(.holiday-calendar-page) .holiday-event-row span,
html body:has(.holiday-calendar-page) .holiday-event-row p {
    margin: 0 !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card {
    min-height: 4.7rem !important;
    padding: 0.82rem 0.95rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card p {
    margin: 0 0 0.28rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.22rem !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .metric-card small {
    display: block !important;
    margin-top: 0.34rem !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
}

html body:has(.holiday-calendar-page) .holiday-import-strip {
    display: grid !important;
    grid-template-columns: minmax(18rem, 0.75fr) minmax(24rem, 1.25fr) !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.95rem 1rem !important;
}

html body:has(.holiday-calendar-page) .holiday-import-copy h3 {
    margin: 0.12rem 0 0.24rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body:has(.holiday-calendar-page) .holiday-import-copy .muted {
    max-width: 44ch !important;
    margin: 0 !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.4 !important;
}

html body:has(.holiday-calendar-page) .holiday-import-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 0.6rem !important;
    margin: 0 !important;
}

html body:has(.holiday-calendar-page) .holiday-import-form .field-group {
    gap: 0.24rem !important;
}

html body:has(.holiday-calendar-page) .holiday-import-form input[type="file"] {
    min-height: 2.48rem !important;
    padding: 0.32rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-import-button-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
    min-width: 11.5rem !important;
}

html body:has(.holiday-calendar-page) .holiday-import-button-stack .button,
html body:has(.holiday-calendar-page) .holiday-calendar-page .form-actions .button {
    min-height: 2.28rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body:has(.holiday-calendar-page) .holiday-import-button-stack button.button,
html body:has(.holiday-calendar-page) .holiday-calendar-page .form-actions button.button {
    border-color: var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column {
    display: grid !important;
    grid-template-columns: minmax(24rem, 1fr) minmax(24rem, 1fr) !important;
    gap: 0.8rem !important;
    align-items: start !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-form-grid {
    gap: 0.62rem !important;
    padding: 0.82rem 1rem 1rem !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-form-grid input,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-form-grid select,
html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-form-grid textarea {
    min-height: 2.24rem !important;
    padding: 0.4rem 0.62rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .table-wrap {
    margin: 0.82rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .mobile-card-table th {
    padding: 0.6rem 0.68rem !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    background: var(--theme-surface-cool) !important;
}

html body:has(.holiday-calendar-page) .holiday-calendar-page .mobile-card-table td {
    padding: 0.66rem 0.68rem !important;
    color: var(--c060) !important;
    font-size: 0.8rem !important;
}

@media (max-width: 1100px) {
    html body:has(.holiday-calendar-page) .holiday-calendar-page .dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body:has(.holiday-calendar-page) .holiday-import-strip,
    html body:has(.holiday-calendar-page) .holiday-calendar-page .pro-two-column {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    html body:has(.holiday-calendar-page) .holiday-calendar-page .dashboard-stats {
        grid-template-columns: 1fr !important;
    }

    html body:has(.holiday-calendar-page) .holiday-event-row,
    html body:has(.holiday-calendar-page) .holiday-import-form {
        grid-template-columns: 1fr !important;
    }
}

/* Assets dashboard final polish: flat inventory overview and normal table text. */
html body.asset-dashboard-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body.asset-dashboard-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.asset-dashboard-page-body .asset-workspace,
html body.asset-dashboard-page-body .employee-stat-card,
html body.asset-dashboard-page-body .employee-dashboard-card,
html body.asset-dashboard-page-body .responsive-table,
html body.asset-dashboard-page-body .asset-self-filter,
html body.asset-dashboard-page-body .asset-action-row .employee-section-action {
    box-shadow: none !important;
    filter: none !important;
}

html body.asset-dashboard-page-body .asset-workspace {
    display: grid !important;
    gap: 0.85rem !important;
}

html body.asset-dashboard-page-body .employee-stat-grid {
    gap: 0.72rem !important;
}

html body.asset-dashboard-page-body .employee-stat-card {
    min-height: 5rem !important;
    padding: 0.82rem 0.95rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    text-decoration: none !important;
}

html body.asset-dashboard-page-body .employee-stat-card span,
html body.asset-dashboard-page-body .employee-stat-card strong,
html body.asset-dashboard-page-body .asset-action-row .employee-section-action,
html body.asset-dashboard-page-body .employee-dashboard-card-head h3,
html body.asset-dashboard-page-body .responsive-table th,
html body.asset-dashboard-page-body .responsive-table td,
html body.asset-dashboard-page-body .responsive-table td strong,
html body.asset-dashboard-page-body .responsive-table td small,
html body.asset-dashboard-page-body .asset-status-badge,
html body.asset-dashboard-page-body .topbar .button {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.asset-dashboard-page-body .employee-stat-card span,
html body.asset-dashboard-page-body .responsive-table td small {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
}

html body.asset-dashboard-page-body .employee-stat-card strong {
    margin-top: 0.28rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    line-height: 1.1 !important;
}

html body.asset-dashboard-page-body .asset-action-row {
    gap: 0.55rem !important;
    margin: 0 !important;
}

html body.asset-dashboard-page-body .asset-action-row .employee-section-action,
html body.asset-dashboard-page-body .topbar .button {
    min-height: 2.28rem !important;
    padding: 0.46rem 0.82rem !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
}

html body.asset-dashboard-page-body .asset-action-row .employee-section-action {
    border: 1px solid var(--c026) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
}

html body.asset-dashboard-page-body .asset-action-row .employee-section-action:hover,
html body.asset-dashboard-page-body .asset-action-row .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c225) !important;
    color: var(--c095) !important;
}

html body.asset-dashboard-page-body .employee-dashboard-grid,
html body.asset-dashboard-page-body .asset-dashboard-grid {
    gap: 0.85rem !important;
}

html body.asset-dashboard-page-body .employee-dashboard-card {
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    overflow: hidden !important;
}

html body.asset-dashboard-page-body .employee-dashboard-card-head {
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.asset-dashboard-page-body .employee-dashboard-card-head h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.asset-dashboard-page-body .responsive-table {
    margin: 0.9rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-dashboard-page-body .responsive-table thead th {
    padding: 0.62rem 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
}

html body.asset-dashboard-page-body .responsive-table tbody td {
    padding: 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.asset-dashboard-page-body .asset-status-badge {
    min-height: 1.45rem !important;
    padding: 0.22rem 0.52rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

@media (max-width: 900px) {
    html body.asset-dashboard-page-body .asset-action-row {
        flex-wrap: wrap !important;
    }
}

/* Asset Requests final polish: compact request form and flat approvals table. */
html body.asset-requests-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body.asset-requests-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.asset-requests-page-body .asset-requests-grid,
html body.asset-requests-page-body .employee-side-card,
html body.asset-requests-page-body .employee-dashboard-card,
html body.asset-requests-page-body .responsive-table,
html body.asset-requests-page-body .asset-action-row .employee-section-action {
    box-shadow: none !important;
    filter: none !important;
}

html body.asset-requests-page-body .asset-requests-grid {
    gap: 0.85rem !important;
}

html body.asset-requests-page-body .employee-side-card,
html body.asset-requests-page-body .employee-dashboard-card {
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    overflow: hidden !important;
}

html body.asset-requests-page-body .employee-dashboard-card-head {
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.asset-requests-page-body .employee-dashboard-card-head h3,
html body.asset-requests-page-body .employee-inline-performance-form label,
html body.asset-requests-page-body .asset-action-row .employee-section-action,
html body.asset-requests-page-body .responsive-table th,
html body.asset-requests-page-body .responsive-table td,
html body.asset-requests-page-body .responsive-table td strong,
html body.asset-requests-page-body .responsive-table td small,
html body.asset-requests-page-body .employee-status-pill,
html body.asset-requests-page-body .button {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.asset-requests-page-body .employee-dashboard-card-head h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.asset-requests-page-body .employee-inline-performance-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.62rem !important;
    padding: 0.82rem 1rem 1rem !important;
}

html body.asset-requests-page-body .employee-inline-performance-form .field-group {
    gap: 0.24rem !important;
}

html body.asset-requests-page-body .employee-inline-performance-form label {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
}

html body.asset-requests-page-body .employee-inline-performance-form input,
html body.asset-requests-page-body .employee-inline-performance-form select,
html body.asset-requests-page-body .employee-inline-performance-form textarea {
    min-height: 2.28rem !important;
    padding: 0.42rem 0.62rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.asset-requests-page-body .employee-inline-performance-form textarea {
    min-height: 4.8rem !important;
}

html body.asset-requests-page-body .employee-inline-performance-form .form-actions {
    justify-content: flex-end !important;
    margin: 0 !important;
    padding-top: 0.38rem !important;
    border-top: 1px solid var(--c084) !important;
}

html body.asset-requests-page-body .employee-inline-performance-form .button,
html body.asset-requests-page-body .employee-dashboard-card-head .employee-section-action,
html body.asset-requests-page-body .asset-action-row .employee-section-action,
html body.asset-requests-page-body .responsive-table .employee-section-action {
    min-height: 2.22rem !important;
    padding: 0.44rem 0.78rem !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
}

html body.asset-requests-page-body .asset-action-row {
    gap: 0.55rem !important;
    margin: 0.82rem 1rem !important;
}

html body.asset-requests-page-body .asset-action-row .employee-section-action,
html body.asset-requests-page-body .employee-dashboard-card-head .employee-section-action,
html body.asset-requests-page-body .responsive-table .employee-section-action {
    border: 1px solid var(--c026) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
}

html body.asset-requests-page-body .asset-action-row .employee-section-action.active,
html body.asset-requests-page-body .asset-action-row .employee-section-action:hover,
html body.asset-requests-page-body .asset-action-row .employee-section-action:focus-visible,
html body.asset-requests-page-body .employee-dashboard-card-head .employee-section-action:hover,
html body.asset-requests-page-body .employee-dashboard-card-head .employee-section-action:focus-visible,
html body.asset-requests-page-body .responsive-table .employee-section-action:hover,
html body.asset-requests-page-body .responsive-table .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c225) !important;
    color: var(--c095) !important;
}

html body.asset-requests-page-body .responsive-table {
    margin: 0.82rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-requests-page-body .responsive-table thead th {
    padding: 0.62rem 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
}

html body.asset-requests-page-body .responsive-table tbody td {
    padding: 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.asset-requests-page-body .responsive-table td small {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
}

html body.asset-requests-page-body .employee-status-pill {
    min-height: 1.45rem !important;
    padding: 0.22rem 0.52rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

@media (max-width: 900px) {
    html body.asset-requests-page-body .asset-action-row {
        flex-wrap: wrap !important;
    }
}

/* Asset Registry final polish: compact filter row and flat registry table. */
html body.asset-registry-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

html body.asset-registry-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.asset-registry-page-body .employee-dashboard-card,
html body.asset-registry-page-body .filter-bar,
html body.asset-registry-page-body .employee-stat-grid article,
html body.asset-registry-page-body .responsive-table,
html body.asset-registry-page-body .employee-section-action,
html body.asset-registry-page-body .button {
    box-shadow: none !important;
    filter: none !important;
}

html body.asset-registry-page-body .employee-dashboard-card {
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    overflow: hidden !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head {
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head h3,
html body.asset-registry-page-body .employee-section-action,
html body.asset-registry-page-body .button,
html body.asset-registry-page-body .filter-bar input,
html body.asset-registry-page-body .filter-bar select,
html body.asset-registry-page-body .employee-stat-grid article span,
html body.asset-registry-page-body .employee-stat-grid article strong,
html body.asset-registry-page-body .responsive-table th,
html body.asset-registry-page-body .responsive-table td,
html body.asset-registry-page-body .responsive-table td strong,
html body.asset-registry-page-body .responsive-table td small,
html body.asset-registry-page-body .asset-status-badge {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head h3 {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.asset-registry-page-body .employee-section-actions {
    gap: 0.55rem !important;
}

html body.asset-registry-page-body .employee-section-action,
html body.asset-registry-page-body .topbar .button,
html body.asset-registry-page-body .filter-bar .button,
html body.asset-registry-page-body .table-actions .employee-section-action {
    min-height: 2.22rem !important;
    padding: 0.44rem 0.78rem !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
}

html body.asset-registry-page-body .employee-section-action,
html body.asset-registry-page-body .table-actions .employee-section-action {
    border: 1px solid var(--c026) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--c103) !important;
}

html body.asset-registry-page-body .employee-section-action:hover,
html body.asset-registry-page-body .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c225) !important;
    color: var(--c095) !important;
}

html body.asset-registry-page-body .filter-bar {
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) minmax(12rem, 0.35fr) auto !important;
    gap: 0.6rem !important;
    align-items: end !important;
    margin: 0.82rem 1rem !important;
    padding: 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--c030) !important;
}

html body.asset-registry-page-body .filter-bar input,
html body.asset-registry-page-body .filter-bar select {
    min-height: 2.28rem !important;
    width: 100% !important;
    padding: 0.42rem 0.62rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
}

html body.asset-registry-page-body .filter-bar input::placeholder {
    color: var(--c073) !important;
    opacity: 1 !important;
}

html body.asset-registry-page-body .employee-stat-grid {
    margin: 0.82rem 1rem !important;
    gap: 0.72rem !important;
}

html body.asset-registry-page-body .employee-stat-grid article {
    min-height: 4.8rem !important;
    padding: 0.82rem 0.95rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-registry-page-body .employee-stat-grid article span,
html body.asset-registry-page-body .responsive-table td small {
    color: var(--c073) !important;
    font-size: 0.78rem !important;
}

html body.asset-registry-page-body .employee-stat-grid article strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.18rem !important;
    line-height: 1.1 !important;
}

html body.asset-registry-page-body .responsive-table {
    margin: 0.82rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-registry-page-body .responsive-table thead th {
    padding: 0.62rem 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
}

html body.asset-registry-page-body .responsive-table tbody td {
    padding: 0.72rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
}

html body.asset-registry-page-body .asset-status-badge {
    min-height: 1.45rem !important;
    padding: 0.22rem 0.52rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

@media (max-width: 900px) {
    html body.asset-registry-page-body .filter-bar {
        grid-template-columns: 1fr !important;
    }

    html body.asset-registry-page-body .employee-section-actions {
        justify-content: flex-start !important;
    }
}

/* Asset Registry final spacing lock: remove loose vertical rhythm. */
html body.asset-registry-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.asset-registry-page-body .employee-dashboard-card {
    display: grid !important;
    gap: 0.72rem !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.85rem !important;
    padding: 0.9rem 1rem !important;
    border-bottom: 1px solid var(--c084) !important;
    background: var(--theme-surface-strong) !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

html body.asset-registry-page-body .employee-section-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
}

html body.asset-registry-page-body .employee-section-action,
html body.asset-registry-page-body .topbar .button,
html body.asset-registry-page-body .filter-bar .button,
html body.asset-registry-page-body .table-actions .employee-section-action {
    min-height: 2.18rem !important;
    padding: 0.42rem 0.72rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body.asset-registry-page-body .filter-bar {
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) minmax(13rem, 0.34fr) auto !important;
    align-items: center !important;
    gap: 0.55rem !important;
    margin: 0 1rem !important;
    padding: 0.58rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.asset-registry-page-body .filter-bar input,
html body.asset-registry-page-body .filter-bar select {
    min-height: 2.22rem !important;
    padding: 0.4rem 0.62rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

html body.asset-registry-page-body .filter-bar .button {
    border-color: var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
}

html body.asset-registry-page-body .employee-stat-grid {
    display: grid !important;
    grid-template-columns: minmax(16rem, 22rem) !important;
    margin: 0 1rem !important;
    gap: 0 !important;
}

html body.asset-registry-page-body .employee-stat-grid article {
    min-height: 4.4rem !important;
    padding: 0.72rem 0.9rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.asset-registry-page-body .employee-stat-grid article span {
    margin: 0 0 0.32rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.asset-registry-page-body .employee-stat-grid article strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.asset-registry-page-body .responsive-table {
    margin: 0 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.asset-registry-page-body .responsive-table thead th {
    padding: 0.58rem 0.72rem !important;
    border-bottom: 1px solid var(--c014) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body.asset-registry-page-body .responsive-table tbody td {
    padding: 0.64rem 0.72rem !important;
    color: var(--c060) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

html body.asset-registry-page-body .responsive-table td strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
}

html body.asset-registry-page-body .responsive-table td small {
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
}

html body.asset-registry-page-body .asset-status-badge {
    min-height: 1.38rem !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

@media (max-width: 900px) {
    html body.asset-registry-page-body .employee-dashboard-card-head,
    html body.asset-registry-page-body .filter-bar {
        grid-template-columns: 1fr !important;
    }

    html body.asset-registry-page-body .employee-section-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

/* Asset Registry header/filter correction: remove remaining tall blank band. */
html body.asset-registry-page-body .employee-dashboard-card {
    gap: 0.55rem !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head {
    min-height: 0 !important;
    padding: 0.72rem 1rem 0.58rem !important;
    border-bottom: 0 !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head h3 {
    font-size: 0.98rem !important;
    line-height: 1.15 !important;
}

html body.asset-registry-page-body .employee-section-action {
    min-height: 2rem !important;
    padding: 0.38rem 0.68rem !important;
}

html body.asset-registry-page-body .filter-bar {
    margin: 0 1rem 0.55rem !important;
    padding: 0.5rem !important;
    gap: 0.5rem !important;
}

html body.asset-registry-page-body .filter-bar input,
html body.asset-registry-page-body .filter-bar select,
html body.asset-registry-page-body .filter-bar .button {
    min-height: 2.08rem !important;
}

html body.asset-registry-page-body .employee-stat-grid {
    margin: 0 1rem 0.55rem !important;
}

html body.asset-registry-page-body .employee-stat-grid article {
    min-height: 4rem !important;
}

html body.asset-registry-page-body .responsive-table {
    margin-top: 0 !important;
}

/* Asset Registry button typography lock. */
html body.asset-registry-page-body .employee-dashboard-card-head .employee-section-actions .employee-section-action,
html body.asset-registry-page-body .employee-dashboard-card-head .employee-section-actions .employee-section-action:link,
html body.asset-registry-page-body .employee-dashboard-card-head .employee-section-actions .employee-section-action:visited,
html body.asset-registry-page-body .filter-bar button.button,
html body.asset-registry-page-body .filter-bar .button,
html body.asset-registry-page-body .table-actions .employee-section-action,
html body.asset-registry-page-body .topbar .button {
    min-height: 2.12rem !important;
    padding: 0.4rem 0.7rem !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head .employee-section-actions .employee-section-action {
    border: 1px solid var(--c026) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
}

html body.asset-registry-page-body .filter-bar button.button,
html body.asset-registry-page-body .filter-bar .button {
    border: 1px solid var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
}

html body.asset-registry-page-body .employee-dashboard-card-head .employee-section-actions .employee-section-action:hover,
html body.asset-registry-page-body .employee-dashboard-card-head .employee-section-actions .employee-section-action:focus-visible {
    border-color: var(--c092) !important;
    background: var(--c154) !important;
    color: var(--c294) !important;
    outline: 2px solid transparent !important;
}

/* Asset History spacing correction: pull audit table up under the header. */
html body.asset-history-page-body .employee-dashboard-card {
    display: grid !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.asset-history-page-body .employee-dashboard-card-head {
    min-height: 0 !important;
    padding: 0.68rem 1rem !important;
    border-bottom: 0 !important;
}

html body.asset-history-page-body .employee-dashboard-card-head h3 {
    margin: 0 !important;
    font-size: 0.98rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.asset-history-page-body .employee-dashboard-card-head .employee-section-action,
html body.asset-history-page-body .employee-dashboard-card-head .employee-section-action:link,
html body.asset-history-page-body .employee-dashboard-card-head .employee-section-action:visited {
    min-height: 2rem !important;
    padding: 0.38rem 0.68rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body.asset-history-page-body .responsive-table {
    margin: 0.38rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

html body.asset-history-page-body .responsive-table thead th {
    padding: 0.56rem 0.72rem !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.asset-history-page-body .responsive-table tbody td {
    padding: 0.62rem 0.72rem !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}

/* Celebrations spacing lock: compact people moments page. */
html body.celebrations-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.celebrations-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.8rem !important;
    margin-bottom: 0.85rem !important;
    padding: 0.95rem 1.2rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.celebrations-page-body .celebrations-page {
    display: grid !important;
    gap: 0.72rem !important;
    margin: 0 !important;
}

html body.celebrations-page-body .celebrations-stats,
html body.celebrations-page-body .celebrations-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
    align-items: start !important;
    margin: 0 !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card,
html body.celebrations-page-body .celebrations-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card {
    min-height: 4.4rem !important;
    padding: 0.72rem 0.9rem !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card::before,
html body.celebrations-page-body .celebrations-stats .metric-card::after {
    display: none !important;
    content: none !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card p,
html body.celebrations-page-body .celebrations-stats .metric-card strong,
html body.celebrations-page-body .celebrations-stats .metric-card small,
html body.celebrations-page-body .celebrations-panel .eyebrow,
html body.celebrations-page-body .celebrations-panel h3,
html body.celebrations-page-body .celebrations-panel .side-list-item strong,
html body.celebrations-page-body .celebrations-panel .side-list-item small,
html body.celebrations-page-body .celebration-empty-state strong,
html body.celebrations-page-body .celebration-empty-state span {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card p {
    margin: 0 0 0.28rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.12rem !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
}

html body.celebrations-page-body .celebrations-stats .metric-card small {
    display: block !important;
    margin-top: 0.28rem !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.celebrations-page-body .celebrations-panel {
    min-height: 0 !important;
    align-self: start !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body.celebrations-page-body .celebrations-panel .panel-header {
    min-height: 0 !important;
    padding: 0.78rem 1rem 0.62rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.celebrations-page-body .celebrations-panel .eyebrow {
    margin: 0 0 0.16rem !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
}

html body.celebrations-page-body .celebrations-panel h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

html body.celebrations-page-body .celebrations-panel .side-list {
    display: grid !important;
    gap: 0.5rem !important;
    padding: 0.72rem 1rem 0.95rem !important;
    margin: 0 !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item {
    min-height: 3.05rem !important;
    padding: 0.58rem 0.72rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.86rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.celebrations-page-body .celebrations-panel .side-list-item small {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.celebrations-page-body .celebration-empty-state {
    min-height: 3.2rem !important;
    margin: 0 !important;
    padding: 0.75rem !important;
    border: 1px dashed var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

@media (max-width: 900px) {
    html body.celebrations-page-body .celebrations-stats,
    html body.celebrations-page-body .celebrations-grid {
        grid-template-columns: 1fr !important;
    }
}

/* HR Helpdesk spacing lock: compact request form and tickets area. */
html body.helpdesk-page-body:not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.8rem !important;
    margin-bottom: 0.85rem !important;
    padding: 0.95rem 1.2rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body .helpdesk-page {
    display: grid !important;
    gap: 0.72rem !important;
    margin: 0 !important;
}

html body.helpdesk-page-body .helpdesk-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
}

html body.helpdesk-page-body .helpdesk-stat-card,
html body.helpdesk-page-body .helpdesk-request-panel,
html body.helpdesk-page-body .helpdesk-tickets-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body .helpdesk-stat-card {
    min-height: 4.35rem !important;
    padding: 0.7rem 0.9rem !important;
}

html body.helpdesk-page-body .helpdesk-stat-card span,
html body.helpdesk-page-body .helpdesk-stat-card strong,
html body.helpdesk-page-body .helpdesk-stat-card small,
html body.helpdesk-page-body .helpdesk-request-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-tickets-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-request-panel h3,
html body.helpdesk-page-body .helpdesk-tickets-panel h3,
html body.helpdesk-page-body .helpdesk-form label,
html body.helpdesk-page-body .helpdesk-form input,
html body.helpdesk-page-body .helpdesk-form select,
html body.helpdesk-page-body .helpdesk-form textarea,
html body.helpdesk-page-body .helpdesk-tickets-panel th,
html body.helpdesk-page-body .helpdesk-tickets-panel td {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.helpdesk-page-body .helpdesk-stat-card span {
    margin: 0 0 0.24rem !important;
    color: var(--c073) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

html body.helpdesk-page-body .helpdesk-stat-card strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.18rem !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
}

html body.helpdesk-page-body .helpdesk-stat-card small {
    display: block !important;
    margin-top: 0.28rem !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

html body.helpdesk-page-body .helpdesk-request-panel,
html body.helpdesk-page-body .helpdesk-tickets-panel {
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body.helpdesk-page-body .helpdesk-request-panel .panel-header,
html body.helpdesk-page-body .helpdesk-tickets-panel .panel-header {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.78rem 1rem 0.62rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.helpdesk-page-body .helpdesk-request-panel .eyebrow,
html body.helpdesk-page-body .helpdesk-tickets-panel .eyebrow {
    margin: 0 0 0.16rem !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
}

html body.helpdesk-page-body .helpdesk-request-panel h3,
html body.helpdesk-page-body .helpdesk-tickets-panel h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

html body.helpdesk-page-body .helpdesk-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.62rem 0.75rem !important;
    padding: 0.82rem 1rem 1rem !important;
}

html body.helpdesk-page-body .helpdesk-form .field-group {
    display: grid !important;
    gap: 0.28rem !important;
    margin: 0 !important;
}

html body.helpdesk-page-body .helpdesk-field-subject {
    grid-column: span 1 !important;
}

html body.helpdesk-page-body .helpdesk-form .full-width,
html body.helpdesk-page-body .helpdesk-field-description,
html body.helpdesk-page-body .helpdesk-form-actions {
    grid-column: 1 / -1 !important;
}

html body.helpdesk-page-body .helpdesk-form label {
    color: var(--c073) !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

html body.helpdesk-page-body .helpdesk-form input,
html body.helpdesk-page-body .helpdesk-form select,
html body.helpdesk-page-body .helpdesk-form textarea {
    min-height: 2.35rem !important;
    padding: 0.5rem 0.68rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body .helpdesk-form textarea {
    min-height: 5.4rem !important;
    resize: vertical !important;
}

html body.helpdesk-page-body .helpdesk-form-actions {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0.12rem 0 0 !important;
    padding: 0 !important;
}

html body.helpdesk-page-body .helpdesk-form-actions .button,
html body.helpdesk-page-body .helpdesk-form-actions button {
    min-height: 2.15rem !important;
    padding: 0.48rem 0.82rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel .table-wrap {
    margin: 0.82rem 1rem 1rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel table {
    margin: 0 !important;
    border: 0 !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel th {
    padding: 0.54rem 0.7rem !important;
    color: var(--c073) !important;
    font-size: 0.74rem !important;
}

html body.helpdesk-page-body .helpdesk-tickets-panel td {
    padding: 0.62rem 0.7rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.82rem !important;
}

html body.helpdesk-page-body .helpdesk-empty-cell {
    height: auto !important;
    padding: 0.95rem !important;
    background: var(--theme-surface-cool) !important;
}

@media (max-width: 900px) {
    html body.helpdesk-page-body .helpdesk-form {
        grid-template-columns: 1fr !important;
    }
}

html body.performance-center-page-body .performance-center-page .dashboard-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
}

html body.performance-center-page-body .performance-center-page .performance-metric {
    min-height: 5.25rem !important;
    padding: 0.82rem 0.95rem !important;
}

html body.performance-center-page-body .performance-center-page .metric-card strong {
    color: var(--theme-ink-strong) !important;
    font-size: 1.28rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

html body.performance-center-page-body .performance-center-goals-panel {
    overflow: hidden !important;
    padding: 0 !important;
}

html body.performance-center-page-body .performance-center-goals-panel .panel-header {
    margin: 0 !important;
    padding: 0.92rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.performance-center-page-body .performance-center-goals-panel .table-wrap {
    margin: 0.9rem 1rem 1rem !important;
}

@media (max-width: 900px) {
    html body.performance-center-page-body .performance-center-goal-form,
    html body.performance-center-page-body .performance-center-page .dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    html body.performance-center-page-body .performance-center-goal-form,
    html body.performance-center-page-body .performance-center-page .dashboard-stats {
        grid-template-columns: 1fr !important;
    }

    html body.performance-center-page-body .performance-center-goal-form .form-actions,
    html body.performance-center-page-body .performance-center-save-goal-button {
        width: 100% !important;
    }
}

/* Performance Center hard override: remove remaining heavy form chrome. */
html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head {
    padding: 0.72rem 0.95rem 0.52rem !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head .eyebrow,
html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head h3 {
    margin: 0 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head .eyebrow {
    color: var(--c073) !important;
    font-size: 0.72rem !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-add-goal-head h3 {
    margin-top: 0.16rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form {
    row-gap: 0.5rem !important;
    column-gap: 0.75rem !important;
    padding: 0.68rem 0.95rem 0.78rem !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form .field-group {
    gap: 0.2rem !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form .field-group > label,
html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form label[for] {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: var(--c073) !important;
    font-family: inherit !important;
    font-size: 0.74rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form input,
html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form select,
html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form textarea {
    min-height: 2.2rem !important;
    padding: 0.4rem 0.62rem !important;
    font-size: 0.8rem !important;
    line-height: 1.25 !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form textarea {
    min-height: 4rem !important;
}

html body.performance-center-page-body .performance-center-add-goal-panel .performance-center-goal-form .form-actions {
    padding-top: 0.38rem !important;
    border-top-color: var(--c084) !important;
}

html body.performance-center-page-body .performance-center-primary-action,
html body.performance-center-page-body .performance-center-save-goal-button,
html body.performance-center-page-body .main-panel > .topbar .performance-center-primary-action {
    min-height: 2.28rem !important;
    padding: 0.46rem 0.82rem !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.performance-center-page-body .performance-center-save-goal-button {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    border: 1px solid var(--c092) !important;
    border-radius: 8px !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html body.performance-center-page-body .performance-center-save-goal-button::before {
    content: "+" !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 1rem !important;
    height: 1rem !important;
    border-radius: 999px !important;
    background: var(--c307) !important;
    color: var(--theme-surface-strong) !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

html body.performance-center-page-body .performance-center-save-goal-button span {
    display: inline-block !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

html body.performance-center-page-body .performance-center-save-goal-button:hover,
html body.performance-center-page-body .performance-center-save-goal-button:focus-visible {
    border-color: var(--c093) !important;
    background: var(--c093) !important;
    color: var(--theme-surface-strong) !important;
    outline: 2px solid transparent !important;
}

/* Final project lock: Advanced Reports flat readable style. */
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page * {
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page :is(.eyebrow, h3, p, small, th, td, a, button, span, .button, .pill, .pill-soft) {
    font-weight: 400 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .metric-card strong {
    font-size: 1.24rem !important;
    font-weight: 500 !important;
}

html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .table-panel,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .metric-card,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .table-wrap,
html body.reports-page-body:not(.auth-page):not(.login-page) .main-panel .reports-page .side-list-item {
    border-color: var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
}

/* Final project lock: Payroll Employees shell and table alignment (EOF). */
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) {
    --payroll-shell-gap: 1rem;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .page-shell {
    padding: var(--payroll-shell-gap) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .sidebar {
    top: var(--payroll-shell-gap) !important;
    left: var(--payroll-shell-gap) !important;
    height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
    max-height: calc(100dvh - (var(--payroll-shell-gap) * 2)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-width) + var(--payroll-shell-gap)) !important;
    padding: 0 0 1.5rem !important;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.sidebar-collapsed.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
    margin-left: calc(var(--sidebar-collapsed-width) + var(--payroll-shell-gap)) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.9rem !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    border-color: var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel {
    gap: 0.75rem !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel * {
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel :is(.eyebrow, h3, .muted-note, label, th, td, strong, small, a, button, span) {
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel .panel-header {
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-panel h3 {
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search {
    margin: 0 1rem !important;
    padding: 0.7rem !important;
    gap: 0.55rem !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employee-search input,
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    min-height: 2.34rem !important;
    font-size: 0.82rem !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-search-button {
    border-color: var(--c092) !important;
    background: var(--c092) !important;
    color: var(--theme-surface-strong) !important;
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table-wrap {
    margin: 0 1rem 1rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: collapse !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table thead th {
    padding: 0.66rem 0.9rem !important;
    color: var(--c073) !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table tbody td {
    padding: 0.74rem 0.9rem !important;
    color: var(--c060) !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(5),
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(5),
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(6),
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(6) {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    white-space: nowrap !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(5),
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(5) {
    text-align: right !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(6),
html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(6) {
    text-align: left !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .person-cell strong {
    color: var(--theme-ink-strong) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table .person-cell small {
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-salary-action {
    min-height: 2rem !important;
    padding: 0.44rem 0.7rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

@media (min-width: 768px) {
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table {
        table-layout: fixed !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(1),
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(1) {
        width: 30% !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(2),
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(2) {
        width: 20% !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(3),
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(3) {
        width: 16% !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(4),
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(4) {
        width: 14.5% !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(5),
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(5) {
        width: 8.5% !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th:nth-child(6),
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td:nth-child(6) {
        width: 11% !important;
    }
}

@media (max-width: 767px) {
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table {
        min-width: 0 !important;
        table-layout: auto !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table th,
    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .payroll-employees-table td {
        width: 100% !important;
    }

    html body.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel,
    html body.sidebar-collapsed.payroll-page.payroll-employees-body:not(.auth-page):not(.login-page) .main-panel {
        margin-left: 0 !important;
    }
}

/* Final project lock: Salary Master edit page compact payroll alignment (EOF). */
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) {
    background: var(--theme-bg-app) !important;
    background-image: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .main-panel {
    padding-bottom: 1.5rem !important;
    background: var(--theme-bg-app) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.9rem !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .topbar-tools {
    grid-template-columns: minmax(14rem, 1fr) auto auto !important;
    gap: 0.65rem !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .search-shell,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .topbar-actions .button,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .notification-menu,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .notification-menu-button {
    min-height: 2.34rem !important;
    height: 2.34rem !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .topbar-actions .button {
    padding: 0 0.9rem !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .search-shell input {
    min-height: 2.2rem !important;
    font-size: 0.84rem !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel {
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel * {
    text-shadow: none !important;
    box-shadow: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel .panel-header {
    margin: 0 !important;
    padding: 0.9rem 1rem 0.72rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel :is(.eyebrow, h3, .muted-note, label, p, small, button, span) {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-panel .eyebrow,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-form label,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form .field-group label,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .mini-card p,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .detail-grid span {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-panel {
    margin-bottom: 0.9rem !important;
    padding: 0 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-form {
    display: grid !important;
    grid-template-columns: minmax(10rem, 0.75fr) minmax(14rem, 1.2fr) auto !important;
    align-items: end !important;
    gap: 0.55rem !important;
    margin: 0 1rem 1rem !important;
    padding: 0.7rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-field,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form .field-group {
    gap: 0.35rem !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) :is(.salary-master-preview-form .form-control, .salary-master-preview-form .form-select, .salary-master-form input:not([type="checkbox"]):not([type="radio"]), .salary-master-form select, .salary-master-form textarea) {
    min-height: 2.34rem !important;
    padding: 0.46rem 0.7rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-button,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-actions .button {
    min-height: 2.34rem !important;
    padding: 0 0.9rem !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
    gap: 0.9rem !important;
    margin: 0 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form .salary-master-panel {
    padding: 0 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form .grid-form {
    padding: 0.85rem 1rem 1rem !important;
    row-gap: 0.7rem !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-compensation-panel .hero-copy {
    max-width: none !important;
    margin: 0 !important;
    padding: 0.75rem 1rem 0 !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form .field-help,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .mini-card small {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form .field-group:has(input[type="checkbox"]) {
    min-height: 2.7rem !important;
    padding: 0.62rem 0.7rem !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results {
    margin-top: 0 !important;
    padding: 0 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .cards-grid,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .detail-grid {
    gap: 0.55rem !important;
    padding: 0.85rem 1rem 0 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .detail-grid {
    padding-bottom: 1rem !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results :is(.mini-card, .detail-grid div) {
    min-height: 3.85rem !important;
    padding: 0.65rem 0.75rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .mini-card h4,
html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .detail-grid strong {
    margin: 0.32rem 0 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-actions {
    margin: 0 !important;
    padding: 0.9rem 0 0 !important;
    border-top: 1px solid var(--c084) !important;
    background: transparent !important;
}

@media (max-width: 980px) {
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .topbar-tools,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-form,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-form,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-tax-results .detail-grid {
        grid-template-columns: 1fr !important;
    }

    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .topbar-actions,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .topbar-actions .button,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-preview-button,
    html body.payroll-page.payroll-salary-master-body:not(.auth-page):not(.login-page) .salary-master-actions .button {
        width: 100% !important;
    }
}