/*
 * Last-loaded page corrections.
 * Keep this file narrow: scoped fixes that must win over legacy/foundation locks.
 */

.org-final-node.is-keyboard-moving {
    outline: 3px solid var(--c241) !important;
    outline-offset: 4px !important;
}

@media (pointer: coarse) {
    .button,
    .employee-section-action,
    .social-action-button,
    .social-reaction-option,
    .org-final-tools a,
    .org-final-tools button,
    .org-final-collapse {
        min-height: 44px !important;
    }
}

@media (forced-colors: active) {
    :where(
        a,
        button,
        input,
        select,
        textarea,
        summary,
        [tabindex]:not([tabindex="-1"]),
        [role="button"],
        [role="option"]
    ):focus-visible {
        outline: 2px solid Highlight !important;
        outline-offset: 3px !important;
        box-shadow: none !important;
        forced-color-adjust: auto;
    }
}

body.asset-transfer-page-body .main-panel > .topbar {
    margin-bottom: 0.7rem !important;
    box-shadow: none !important;
}

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.45rem !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;
}

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.55rem !important;
    padding: 0.65rem 0.9rem 0.5rem !important;
    border: 0 !important;
    background: var(--theme-surface-strong) !important;
}

body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head h3 {
    margin: 0 0 0.12rem !important;
    font-size: 0.96rem !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head p {
    max-width: 58ch !important;
    margin: 0 !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

body.asset-transfer-page-body .asset-transfer-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
    margin: 0 0.9rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.asset-transfer-page-body .asset-transfer-summary article {
    min-height: 2.55rem !important;
    padding: 0.45rem 0.65rem !important;
    border: 1px solid var(--c242) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

body.asset-transfer-page-body .asset-transfer-summary span,
body.asset-transfer-page-body .asset-transfer-form label {
    display: block !important;
    margin: 0 0 0.16rem !important;
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.asset-transfer-page-body .asset-transfer-summary strong {
    display: block !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
}

body.asset-transfer-page-body .asset-transfer-form {
    margin: 0 0.9rem 0.9rem !important;
    padding: 0.62rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

body.asset-transfer-page-body .asset-transfer-form .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem 0.55rem !important;
}

body.asset-transfer-page-body .asset-transfer-form .field-group {
    gap: 0 !important;
}

body.asset-transfer-page-body .asset-transfer-form .field-group.span-2 {
    grid-column: 1 / -1 !important;
}

body.asset-transfer-page-body .asset-transfer-form .field-group :is(input, select, textarea) {
    width: 100% !important;
    min-height: 2rem !important;
    padding: 0.4rem 0.58rem !important;
    border: 1px solid var(--c243) !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;
    line-height: 1.25 !important;
    box-shadow: none !important;
}

body.asset-transfer-page-body .asset-transfer-form .field-group textarea {
    min-height: 3.8rem !important;
}

body.asset-transfer-page-body .form-actions {
    margin-top: 0.5rem !important;
    padding-top: 0.5rem !important;
    gap: 0.45rem !important;
}

body.asset-transfer-page-body .button,
body.asset-transfer-page-body .employee-section-action {
    min-height: 1.9rem !important;
    padding: 0.34rem 0.62rem !important;
    border-radius: 8px !important;
    font-size: 0.74rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

@media (max-width: 900px) {
    body.asset-transfer-page-body .asset-transfer-card .employee-dashboard-card-head,
    body.asset-transfer-page-body .asset-transfer-summary,
    body.asset-transfer-page-body .asset-transfer-form .form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Assets dashboard: keep the assigned-assets card compact and aligned. */
body.asset-dashboard-page-body .asset-workspace {
    display: grid !important;
    gap: 0.75rem !important;
}

body.asset-dashboard-page-body .asset-dashboard-grid {
    display: block !important;
    margin: 0 !important;
    gap: 0 !important;
}

body.asset-dashboard-page-body #assigned-assets.employee-dashboard-card {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !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;
}

body.asset-dashboard-page-body #assigned-assets .employee-dashboard-card-head {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.75rem 1rem 0.6rem !important;
    border: 0 !important;
    background: var(--theme-surface-strong) !important;
}

body.asset-dashboard-page-body #assigned-assets .employee-dashboard-card-head h3 {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.asset-dashboard-page-body #assigned-assets .asset-self-filter {
    margin: 0 1rem 0.55rem !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table {
    width: 100% !important;
    max-width: 100% !important;
    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-x: auto !important;
    overflow-y: hidden !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table table {
    width: 100% !important;
    min-width: 73rem !important;
    max-width: none !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table th:nth-child(1),
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:nth-child(1) {
    width: 24% !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table th:nth-child(2),
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:nth-child(2) {
    width: 18% !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table th:nth-child(3),
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:nth-child(3) {
    width: 21% !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table th:nth-child(4),
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:nth-child(4) {
    width: 12% !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table th:nth-child(5),
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:nth-child(5) {
    width: 14% !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table thead th {
    height: 2rem !important;
    padding: 0.42rem 1rem !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table tbody td {
    height: 2.1rem !important;
    padding: 0.3rem 1rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table th:last-child,
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:last-child {
    width: 8.75rem !important;
    min-width: 8.75rem !important;
    max-width: 8.75rem !important;
    padding-right: 1.25rem !important;
    padding-left: 0.5rem !important;
    text-align: right !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table tbody tr {
    height: 2.1rem !important;
}

body.asset-dashboard-page-body #assigned-assets .table-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
}

body.asset-dashboard-page-body #assigned-assets .table-actions .employee-section-action {
    display: inline-flex !important;
    width: auto !important;
    min-width: 4.6rem !important;
    min-height: 1.45rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.24rem 0.5rem !important;
    border-radius: 7px !important;
    color: var(--c244) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table :is(strong, small) {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table td strong,
body.asset-dashboard-page-body #assigned-assets > .responsive-table td small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child {
    white-space: nowrap !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child br {
    display: none !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child small::before {
    content: " - ";
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child strong,
body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child small {
    display: inline !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.asset-dashboard-page-body #assigned-assets > .responsive-table td small {
    margin-top: 0.05rem !important;
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    line-height: 1.05 !important;
}

body.asset-dashboard-page-body #assigned-assets .asset-status-badge {
    min-height: 1.22rem !important;
    padding: 0.14rem 0.45rem !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* Organization role form: remove the narrow left-column layout. */
body.org-role-form-page-body .main-panel > .topbar {
    margin-bottom: 0.7rem !important;
    box-shadow: none !important;
}

body.org-role-form-page-body .org-role-form-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0.85rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
}

body.org-role-form-page-body .org-role-form-panel .panel-header {
    min-height: 0 !important;
    margin: 0 0 0.7rem !important;
    padding: 0 0 0.62rem !important;
    border-bottom: 1px solid var(--c242) !important;
}

body.org-role-form-page-body .org-role-form-panel .eyebrow,
body.org-role-form-page-body .org-role-form-panel label {
    margin: 0 0 0.18rem !important;
    color: var(--c073) !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.org-role-form-page-body .org-role-form-panel :is(
    .eyebrow,
    h3,
    p,
    label,
    input,
    select,
    textarea,
    .help-text,
    .muted-note,
    .button,
    .button.secondary
) {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.org-role-form-page-body .org-role-form-panel h3 {
    margin: 0 0 0.18rem !important;
    color: var(--theme-ink-strong) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

body.org-role-form-page-body .org-role-form-panel .muted-note,
body.org-role-form-page-body .org-role-form-panel .help-text {
    margin: 0.12rem 0 0 !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

body.org-role-form-page-body .org-role-form-panel .grid-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem 0.7rem !important;
}

body.org-role-form-page-body .org-role-form-panel .field-group,
body.org-role-form-page-body .org-role-form-panel .field-group.full-width {
    width: 100% !important;
    grid-column: auto !important;
    gap: 0 !important;
    margin: 0 !important;
}

body.org-role-form-page-body .org-role-form-panel .field-group:has(.help-text),
body.org-role-form-page-body .org-role-form-panel .field-group:has(textarea) {
    grid-column: 1 / -1 !important;
}

body.org-role-form-page-body .org-role-form-panel :is(input, select, textarea) {
    width: 100% !important;
    min-height: 2rem !important;
    padding: 0.4rem 0.58rem !important;
    border: 1px solid var(--c243) !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;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

body.org-role-form-page-body .org-role-form-panel textarea {
    min-height: 3.8rem !important;
}

body.org-role-form-page-body .org-role-form-panel input[type="checkbox"] {
    width: 1rem !important;
    height: 1rem !important;
    min-height: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: var(--c092) !important;
}

body.org-role-form-page-body .org-role-form-panel .field-group:has(input[type="checkbox"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 2.35rem !important;
    padding: 0.48rem 0.62rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

body.org-role-form-page-body .org-role-form-panel .field-group:has(input[type="checkbox"]) label {
    margin: 0 !important;
}

body.org-role-form-page-body .org-role-form-panel .form-actions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 0.35rem !important;
    padding-top: 0.6rem !important;
    border-top: 1px solid var(--c242) !important;
}

body.org-role-form-page-body .org-role-form-panel .button {
    min-height: 1.95rem !important;
    padding: 0.36rem 0.72rem !important;
    border-radius: 8px !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.org-role-form-page-body .org-role-form-panel .button.secondary {
    color: var(--c244) !important;
}

@media (max-width: 760px) {
    body.org-role-form-page-body .org-role-form-panel .grid-form {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    body.asset-dashboard-page-body #assigned-assets .employee-dashboard-card-head {
        padding: 0.7rem 0.85rem 0.55rem !important;
    }

    body.asset-dashboard-page-body #assigned-assets .asset-self-filter,
    body.asset-dashboard-page-body #assigned-assets > .responsive-table {
        margin-right: 0.85rem !important;
        margin-left: 0.85rem !important;
    }

    body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child br {
        display: block !important;
    }

body.asset-dashboard-page-body #assigned-assets > .responsive-table td:first-child small::before {
        content: "";
    }
}

/* Final project lock: Add Employee compact workspace alignment. */
html body.employee-add-page-body:not(.auth-page):not(.login-page) {
    background: var(--theme-bg-app) !important;
    background-image: none !important;
}

html body.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel {
    padding-bottom: 1.5rem !important;
    background: var(--theme-bg-app) !important;
}

body.employee-add-page-body .employee-profile-form-page {
    display: grid !important;
    gap: 0.85rem !important;
}

html body.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
html body.employee-add-page-body .employee-form-hero-v4,
html body.employee-add-page-body .employee-form-nav-v4,
html body.employee-add-page-body .employee-form-required-strip,
html body.employee-add-page-body .employee-form-layout-v4 .employee-form-section-v2 {
    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.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.85rem !important;
    padding: 1rem 1.15rem !important;
}

html body.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1,
html body.employee-add-page-body .employee-form-hero-copy h2 {
    color: var(--theme-ink-strong) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar h1 {
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
}

html body.employee-add-page-body .eyebrow,
html body.employee-add-page-body .panel .eyebrow,
html body.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar .eyebrow {
    color: var(--theme-ink-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.employee-add-page-body .topbar-tools {
    grid-template-columns: minmax(14rem, 1fr) auto !important;
    gap: 0.65rem !important;
}

html body.employee-add-page-body .search-shell,
html body.employee-add-page-body .notification-menu,
html body.employee-add-page-body .notification-menu-button {
    min-height: 2.34rem !important;
    height: 2.34rem !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body.employee-add-page-body .search-shell input {
    min-height: 2.2rem !important;
    font-size: 0.84rem !important;
}

html body.employee-add-page-body .employee-form-hero-v4 {
    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.95rem 1.15rem !important;
}

html body.employee-add-page-body .employee-form-hero-main {
    display: grid !important;
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.7rem !important;
}

html body.employee-add-page-body .employee-form-hero-avatar {
    width: 2.35rem !important;
    height: 2.35rem !important;
    border: 1px solid var(--c002) !important;
    border-radius: 8px !important;
    background: var(--c003) !important;
    color: var(--c004) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

html body.employee-add-page-body .employee-form-hero-copy {
    gap: 0.22rem !important;
}

html body.employee-add-page-body .employee-form-hero-copy h2 {
    font-size: 1.2rem !important;
    line-height: 1.16 !important;
}

html body.employee-add-page-body .employee-form-hero-meta,
html body.employee-add-page-body .employee-form-hero-actions {
    gap: 0.45rem !important;
}

html body.employee-add-page-body .employee-form-hero-meta span,
html body.employee-add-page-body .employee-form-required-strip strong,
html body.employee-add-page-body .employee-form-required-strip span,
html body.employee-add-page-body .section-badge {
    min-height: 1.45rem !important;
    padding: 0 0.48rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 999px !important;
    background: var(--theme-surface-cool) !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.7rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.employee-add-page-body .employee-form-required-strip strong {
    border-color: var(--c002) !important;
    background: var(--c003) !important;
    color: var(--c004) !important;
}

html body.employee-add-page-body .employee-form-hero-actions .button,
html body.employee-add-page-body .employee-add-document-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.employee-add-page-body .employee-form-workbench {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
    align-items: start !important;
}

html body.employee-add-page-body .employee-form-nav-v4 {
    position: sticky !important;
    top: 0.75rem !important;
    z-index: 8 !important;
    padding: 0.5rem !important;
}

html body.employee-add-page-body .employee-form-nav-v4 .employee-top-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    overflow-x: auto !important;
    padding: 0 !important;
}

html body.employee-add-page-body .employee-form-nav-v4 .employee-top-tabs a {
    flex: 0 0 auto !important;
    min-height: 2.1rem !important;
    padding: 0.46rem 0.72rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-muted) !important;
    font-size: 0.74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

html body.employee-add-page-body .employee-form-nav-v4 .employee-top-tabs a:first-child,
html body.employee-add-page-body .employee-form-nav-v4 .employee-top-tabs a:hover,
html body.employee-add-page-body .employee-form-nav-v4 .employee-top-tabs a:focus-visible {
    border-color: var(--c002) !important;
    background: var(--c003) !important;
    color: var(--c004) !important;
}

body.employee-add-page-body .employee-form-card-v4 {
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.employee-add-page-body .employee-form-layout-v4 {
    display: grid !important;
    gap: 0.85rem !important;
}

html body.employee-add-page-body .employee-form-required-strip {
    gap: 0.35rem !important;
    padding: 0.65rem 0.8rem !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .employee-form-section-v2 {
    margin: 0 !important;
    padding: 0.95rem 1rem 1rem !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .employee-form-section-v2:nth-of-type(even) {
    background: var(--theme-surface-strong) !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .employee-form-section-copy {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    margin: 0 0 0.85rem !important;
    padding-bottom: 0.65rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .employee-form-section-copy h4 {
    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.employee-add-page-body .employee-form-layout-v4 .grid-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.7rem 0.8rem !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .employee-basic-info-grid + .employee-identity-grid {
    margin-top: 0.95rem !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .field-group {
    gap: 0.3rem !important;
}

body.employee-add-page-body .employee-form-layout-v4 .field-group label {
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .field-group input:not([type="checkbox"]),
html body.employee-add-page-body .employee-form-layout-v4 .field-group select,
html body.employee-add-page-body .employee-form-layout-v4 .field-group textarea {
    min-height: 2.35rem !important;
    padding: 0.48rem 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;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .field-group textarea {
    min-height: 4.4rem !important;
}

html body.employee-add-page-body .employee-form-layout-v4 .checkbox-field {
    min-height: 2.35rem !important;
    padding: 0.56rem 0.65rem !important;
    border: 1px solid var(--c026) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

html body.employee-add-page-body .employee-document-form-row {
    gap: 0.7rem !important;
    padding: 0.75rem !important;
    border: 1px solid var(--c014) !important;
    border-radius: 8px !important;
    background: var(--theme-surface-cool) !important;
}

@media (max-width: 980px) {
    html body.employee-add-page-body:not(.auth-page):not(.login-page) .main-panel > .topbar,
    html body.employee-add-page-body .topbar-tools,
    html body.employee-add-page-body .employee-form-hero-v4 {
        grid-template-columns: 1fr !important;
    }

    html body.employee-add-page-body .employee-form-layout-v4 .grid-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.employee-add-page-body .employee-form-hero-actions,
    html body.employee-add-page-body .employee-form-hero-actions .button {
        width: 100% !important;
    }
}

@media (max-width: 680px) {
    html body.employee-add-page-body .employee-form-layout-v4 .grid-form {
        grid-template-columns: 1fr !important;
    }
}

/* Core operations UI consistency layer */
:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) {
    --ops-radius: 8px;
    --ops-control-height: 2.34rem;
    --ops-line: var(--c014);
    --ops-line-strong: var(--c026);
    --ops-surface: var(--theme-surface-strong);
    --ops-surface-soft: var(--theme-surface-cool);
    --ops-ink: var(--theme-ink-strong);
    --ops-muted: var(--theme-ink-muted);
    --ops-accent: var(--c092);
    --ops-accent-hover: var(--c093);
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
):not(.auth-page):not(.login-page) .main-panel {
    background: var(--theme-bg-app) !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
):not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.85rem !important;
    padding: 1rem 1.15rem !important;
    border: 1px solid var(--ops-line) !important;
    border-radius: var(--ops-radius) !important;
    background: var(--ops-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(
    .panel,
    .table-panel,
    .form-panel,
    .side-panel,
    .metric-card,
    .stat-card,
    .employee-dashboard-card,
    .employee-side-card,
    .employee-directory-hero,
    .employee-directory-panel,
    .employee-form-hero-v4,
    .employee-form-nav-v4,
    .employee-form-section-v2,
    .leave-request-panel,
    .leave-upcoming-card,
    .leave-balance-illustration,
    .leave-summary-card,
    .attendance-card,
    .attendance-insights-hero,
    .attendance-device-panel,
    .attendance-policy-editor,
    .attendance-policy-list-panel,
    .asset-categories-panel,
    .asset-transfer-card,
    .salary-master-panel,
    .ops-panelish
) {
    border: 1px solid var(--ops-line) !important;
    border-radius: var(--ops-radius) !important;
    background: var(--ops-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.panel, .employee-dashboard-card, .employee-side-card, .attendance-card, .leave-request-panel) {
    padding: 1rem !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.panel-header, .employee-dashboard-card-head, .leave-request-panel-head, .table-header) {
    min-height: 0 !important;
    margin: 0 0 0.75rem !important;
    padding: 0 0 0.65rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(h1, h2, h3, h4, .panel h3, .panel h2) {
    color: var(--ops-ink) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.eyebrow, .topbar-kicker, .muted-note, .helper-text, small) {
    color: var(--ops-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) .field-group label {
    margin: 0 !important;
    color: var(--ops-ink) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(
    .form-control,
    .form-select,
    .search-shell,
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    .ops-controlish
) {
    min-height: var(--ops-control-height) !important;
    padding: 0.48rem 0.7rem !important;
    border: 1px solid var(--ops-line-strong) !important;
    border-radius: var(--ops-radius) !important;
    background: var(--ops-surface) !important;
    color: var(--ops-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) textarea {
    min-height: 4.4rem !important;
    resize: vertical !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.grid-form, .form-grid, .pro-form-grid) {
    gap: 0.7rem 0.8rem !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .ops-tableish) {
    border: 1px solid var(--ops-line) !important;
    border-radius: var(--ops-radius) !important;
    background: var(--ops-surface) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .ops-tableish) table {
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .ops-tableish) th {
    height: 2.05rem !important;
    padding: 0.46rem 0.8rem !important;
    border-bottom: 1px solid var(--ops-line) !important;
    background: var(--ops-surface-soft) !important;
    color: var(--ops-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.table-wrap, .responsive-table, .employee-directory-table-wrap, .ops-tableish) td {
    padding: 0.58rem 0.8rem !important;
    border-bottom: 1px solid var(--c084) !important;
    color: var(--ops-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    vertical-align: middle !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.button, .button.secondary, .button-secondary, .employee-section-action, .ghost-button, .ops-buttonish) {
    min-height: var(--ops-control-height) !important;
    padding: 0 0.9rem !important;
    border-radius: var(--ops-radius) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.button:not(.secondary):not(.button-secondary):not(.ghost), button.button:not(.secondary):not(.button-secondary):not(.ghost)) {
    border-color: var(--ops-accent) !important;
    background: var(--ops-accent) !important;
    color: var(--theme-surface-strong) !important;
}

:where(
    body.payroll-page,
    body.employee-profile-page-body,
    body.employee-directory-detail-page,
    body.employee-add-page-body,
    body.employee-edit-page-body,
    body.leave-list-page-body,
    body.leave-form-page-body,
    body.leave-analytics-page-body,
    body.leave-balance-allocate-page-body,
    body.leave-stock-report-page-body,
    body.leave-summary-page-body,
    body.attendance-list-page-body,
    body.attendance-policy-page-body,
    body.attendance-insights-page-body,
    body.asset-dashboard-page-body,
    body.asset-registry-page-body,
    body.asset-requests-page-body,
    body.asset-categories-page-body,
    body.asset-history-page-body,
    body.asset-transfer-page-body
) :is(.button.secondary, .button-secondary, .ghost-button) {
    border-color: var(--ops-line-strong) !important;
    background: var(--ops-surface) !important;
    color: var(--ops-ink) !important;
}

@media (max-width: 900px) {
    :where(
        body.payroll-page,
        body.employee-profile-page-body,
        body.employee-directory-detail-page,
        body.employee-add-page-body,
        body.employee-edit-page-body,
        body.leave-list-page-body,
        body.leave-form-page-body,
        body.leave-analytics-page-body,
        body.leave-balance-allocate-page-body,
        body.leave-stock-report-page-body,
        body.leave-summary-page-body,
        body.attendance-list-page-body,
        body.attendance-policy-page-body,
        body.attendance-insights-page-body,
        body.asset-dashboard-page-body,
        body.asset-registry-page-body,
        body.asset-requests-page-body,
        body.asset-categories-page-body,
        body.asset-history-page-body,
        body.asset-transfer-page-body
    ) :is(.grid-form, .form-grid, .pro-form-grid) {
        grid-template-columns: 1fr !important;
    }
}

/* Operations module hook extension for older form/list templates. */
:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) {
    --ops-radius: 8px;
    --ops-control-height: 2.34rem;
    --ops-line: var(--c014);
    --ops-line-strong: var(--c026);
    --ops-surface: var(--theme-surface-strong);
    --ops-surface-soft: var(--theme-surface-cool);
    --ops-ink: var(--theme-ink-strong);
    --ops-muted: var(--theme-ink-muted);
    --ops-accent: var(--c092);
    --ops-accent-hover: var(--c093);
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
):not(.auth-page):not(.login-page) .main-panel > .topbar,
:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) :is(
    .panel,
    .table-panel,
    .form-panel,
    .employee-dashboard-card,
    .employee-side-card,
    .leave-request-panel,
    .leave-policy-hero,
    .attendance-card,
    .attendance-device-panel,
    .attendance-policy-editor,
    .asset-categories-panel,
    .asset-transfer-card
) {
    border: 1px solid var(--ops-line) !important;
    border-radius: var(--ops-radius) !important;
    background: var(--ops-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
):not(.auth-page):not(.login-page) .main-panel > .topbar {
    min-height: 4.85rem !important;
    margin: 0 0 0.85rem !important;
    padding: 1rem 1.15rem !important;
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) :is(.panel, .table-panel, .form-panel, .employee-dashboard-card, .employee-side-card) {
    padding: 1rem !important;
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) :is(.panel-header, .employee-dashboard-card-head, .leave-request-panel-head) {
    min-height: 0 !important;
    margin: 0 0 0.75rem !important;
    padding: 0 0 0.65rem !important;
    border-bottom: 1px solid var(--c084) !important;
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) :is(.eyebrow, .muted-note, .muted-copy, small, label, .field-group label) {
    color: var(--ops-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) :is(.form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: var(--ops-control-height) !important;
    padding: 0.48rem 0.7rem !important;
    border: 1px solid var(--ops-line-strong) !important;
    border-radius: var(--ops-radius) !important;
    background: var(--ops-surface) !important;
    color: var(--ops-ink) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}

:where(
    body[class*="leave-"],
    body[class*="attendance-"],
    body[class*="manual-punch-"],
    body[class*="asset-"]
) :is(.button, .button.secondary, .button-secondary, .employee-section-action, .table-link) {
    min-height: var(--ops-control-height) !important;
    padding: 0 0.9rem !important;
    border-radius: var(--ops-radius) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}


/* 403/error pages: late authoritative layout repair. */
body.error-page-body .standalone-error-shell {
    min-height: 100vh !important;
    display: grid !important;
    align-items: center !important;
    padding: 2rem !important;
    background: var(--theme-bg-app) !important;
}

body.error-page-body .error-status-page .error-page {
    min-height: calc(100vh - 4rem) !important;
    display: grid !important;
    place-items: center !important;
    padding: clamp(1rem, 4vh, 2rem) 0 !important;
}

body.error-page-body .error-card.panel,
body.error-page-body .error-card {
    width: min(46rem, 100%) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 1.2rem !important;
    padding: clamp(1.35rem, 3vw, 2rem) !important;
    border: 1px solid var(--hris-line) !important;
    border-radius: 12px !important;
    background: var(--theme-surface-strong) !important;
    box-shadow: none !important;
    text-align: left !important;
}

body.error-page-body .error-code {
    justify-self: start !important;
    width: 4.5rem !important;
    height: 4.5rem !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid var(--hris-line-strong) !important;
    border-radius: 12px !important;
    background: var(--c030) !important;
    color: var(--theme-brand-teal) !important;
    font-size: 1.28rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

body.error-page-body .error-card .eyebrow {
    margin: 0 0 0.45rem !important;
    color: var(--theme-slate-muted) !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

body.error-page-body .error-card h1,
body.error-page-body .error-card h2 {
    max-width: 18ch !important;
    margin: 0 !important;
    color: var(--theme-ink-strong) !important;
    font-size: 2.4rem !important;
    font-weight: 850 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-wrap: balance !important;
}

body.error-page-body .error-card p:not(.eyebrow) {
    max-width: 36rem !important;
    margin: 0.8rem 0 0 !important;
    color: var(--theme-ink-muted) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-align: left !important;
    text-wrap: pretty !important;
}

body.error-page-body .error-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 34rem !important;
    margin: 1.25rem 0 0 !important;
    padding: 0 !important;
    border: 1px solid var(--hris-line) !important;
    border-radius: 10px !important;
    background: var(--theme-surface-cool) !important;
    overflow: hidden !important;
}

body.error-page-body .error-meta div {
    display: grid !important;
    gap: 0.18rem !important;
    padding: 0.78rem 0.9rem !important;
    text-align: left !important;
}

body.error-page-body .error-meta div + div {
    border-left: 1px solid var(--hris-line) !important;
}

body.error-page-body .error-meta dt,
body.error-page-body .error-meta dd {
    margin: 0 !important;
}

body.error-page-body .error-meta dt {
    color: var(--theme-slate-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

body.error-page-body .error-meta dd {
    color: var(--theme-ink-strong) !important;
    font-size: 0.88rem !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
}

body.error-page-body .error-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 0.6rem !important;
    margin-top: 1.25rem !important;
}

body.error-page-body .error-actions .button {
    min-width: 7.5rem !important;
    min-height: 2.55rem !important;
    padding: 0.62rem 1rem !important;
    border-radius: 8px !important;
    font-size: 0.85rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

body.error-page-body .error-actions .secondary-button {
    border-color: var(--hris-line-strong) !important;
    background: var(--theme-surface-strong) !important;
    color: var(--theme-ink-muted) !important;
    box-shadow: none !important;
}

body.error-page-body .error-actions .secondary-button:hover,
body.error-page-body .error-actions .secondary-button:focus-visible {
    border-color: var(--hris-primary) !important;
    background: var(--theme-surface-cool) !important;
    color: var(--hris-primary) !important;
}

@media (max-width: 700px) {
    body.error-page-body .standalone-error-shell {
        padding: 1rem !important;
    }

    body.error-page-body .error-status-page .error-page {
        min-height: calc(100vh - 2rem) !important;
    }

    body.error-page-body .error-card.panel,
    body.error-page-body .error-card {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding: 1.2rem !important;
        border-radius: 10px !important;
    }

    body.error-page-body .error-code {
        width: 3.9rem !important;
        height: 3.9rem !important;
        border-radius: 10px !important;
        font-size: 1.05rem !important;
    }

    body.error-page-body .error-card h1,
    body.error-page-body .error-card h2 {
        max-width: none !important;
        font-size: 1.9rem !important;
    }

    body.error-page-body .error-meta {
        grid-template-columns: 1fr !important;
    }

    body.error-page-body .error-meta div + div {
        border-top: 1px solid var(--hris-line) !important;
        border-left: 0 !important;
    }

    body.error-page-body .error-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.error-page-body .error-actions .button {
        width: 100% !important;
    }
}