/* Screen theme only: export and print rendering retain their existing styles. */
@media screen {
body[data-theme=dark]{--ink:#e5edf7;--paper:#111a28;--muted:#b3bfd0;--line:#344459;--dark-surface:#1c293a;--dark-raised:#24364d;--dark-field:#142033;--dark-link:#9ec1ff;color-scheme:dark}
/* Shared surfaces and page-specific cards. */
body[data-theme=dark] :is(dialog,.dialog-form,.panel,.shift-card,.department-card,.policy-card,.summary-strip article,.finance-ledger article,.metric,.metric-mini,.overview-flow-card,.overview-personnel-card,.overview-list-card,.overview-action-card,.overview-holiday-card,.employee-create-form,.employee-form-section,.profile-section,.employee-tabs,.lifecycle-process,.lifecycle-task,.lifecycle-empty,.lifecycle-detail-empty,.report-library,.report-category,.report-config-panel,.report-choice-card,.report-builder>div,.user-card,.log-stat-grid article,.backup-metrics article,.cron-health-grid>article,.push-health-card,.cron-error-card,.notification-preferences-card,.person-picker-panel,.push-onboarding-card,.pwa-install-card,.auth-card-inner){background:var(--dark-surface);color:var(--ink);border-color:var(--line)}
body[data-theme=dark] :is(.employee-create-form>.dialog-head,.employee-create-actions,.sticky-save,.policy-editor .dialog-head,.policy-tabs,.policy-rule-grid,.user-card-footer,.notification-preferences-footer,.report-output-head,.overview-flow-card>footer,.personnel-foot,.lifecycle-detail-panel .lifecycle-detail-head,.salary-history,.employee-period-picker,.log-technical,.permission-savebar,.dashboard-detail-summary,.backup-restore-note){background:var(--dark-field);color:var(--ink);border-color:var(--line)}
body[data-theme=dark] :is(.flow-lines>a,.flow-lines>button,.personnel-pulse>button,.person-picker-trigger,.report-search,.policy-new-rule,.weekday-picks label,.profile-active,.employee-create-active,.user-active-control,.permission-user-list>a,.permission-preset-grid>button,.permission-toggle,.device-command,.check,.suite-check,.salary-formula,.mini-ledger>span){background:var(--dark-field);color:var(--ink);border-color:var(--line)}
body[data-theme=dark] :is(.flow-lines>a,.flow-lines>button,.personnel-pulse>button,.overview-people>a,.overview-action-list>a,.overview-holiday-list>a,.overview-action-card a,.overview-holiday-card a,.dashboard-person-row,.person-picker-option,.permission-user-list>a,.permission-preset-grid>button,.permission-toggle,.suite-nav a,.suite-shortcuts a,.report-choice-card,.notification-preference-row,.log-row):hover{background:var(--dark-raised);border-color:#526b89;color:var(--ink)}
body[data-theme=dark] :is(.policy-card dl div,.policy-card footer,.shift-card>div:last-child,.department-card,.employee-form-section,.profile-section,.movement-edit-slot header,.device-facts div,.notification-preference-row,.log-row,.backup-row,.suite-panel>header,.report-category>header,.lifecycle-task,.salary-history summary){border-color:var(--line)}
/* Neutral typography. Status and brand colors are assigned separately below. */
body[data-theme=dark] :is(label,legend,.dialog-head h3,.employee-form-section h4,.employee-create-actions b,.policy-card dd,.shift-card b,.department-card>b,.summary-strip b,.summary-strip strong,.finance-ledger b,.mini-ledger strong,.overview-kpi b,.overview-action-list b,.flow-lines strong,.personnel-pulse b,.dashboard-detail-summary b,.dashboard-person-row b,.employee-period-copy>span,.salary-formula b,.user-card h3,.user-card h3>small,.permission-toggle b,.permission-preset-grid b,.notification-preference-copy b,.notification-preferences-footer b,.backup-metrics b,.backup-file-copy b,.backup-row time b,.backup-size,.backup-policy li b,.cron-health-grid b,.device-clock b,.device-command b,.log-stat-grid b,.lifecycle-task-copy b,.lifecycle-task-field b,.holiday-year-status span,.report-category h4,.report-output-head h3,.self-service-stats article span,.push-event-list b,.pwa-install-card h2,.auth-card h2){color:var(--ink)}
body[data-theme=dark] :is(.form-stack label,.dialog-form label,.profile-grid label,.employee-create-grid label,.movement-filters label,.movement-create-bar label,.check,.auth-form label){color:var(--ink)!important}
body[data-theme=dark] :is(.overview-kpi small,.overview-kpi span,.overview-list-card header p,.overview-action-card header p,.overview-flow-card header p,.overview-personnel-card header p,.overview-people time,.overview-people small,.flow-lines small,.flow-lines span,.personnel-pulse small,.personnel-pulse span,.dashboard-person-row time,.dashboard-detail-summary span,.employee-form-section header p,.employee-create-actions span,.policy-card dt,.policy-card footer,.shift-card p,.department-card p,.summary-strip small,.finance-ledger small,.mini-ledger small,.log-stat-grid span,.log-copy small,.log-meta time,.log-limit-note,.user-card p,.user-card-footer small,.user-card .user-facts small,.permission-security-pill small,.permission-user-list small,.permission-toggle small,.permission-preset-grid small,.permission-group>header>span,.permission-self-lock small,.notification-preference-copy small,.notification-preferences-footer span,.notification-preferences-head p,.backup-metrics small,.backup-file-copy small,.backup-policy small,.device-clock small,.device-clock span,.device-command small,.cron-health-grid small,.lifecycle-task-copy span,.lifecycle-task-field small,.lifecycle-empty p,.report-description,.report-category>header p,.report-choice-card p,.report-choice-card small,.report-advanced summary,.report-output-head small,.holiday-year-copy p:last-child,.holiday-year-status small,.holiday-rule-card .holiday-actions small,.push-onboarding-lead,.push-event-list small,.push-onboarding-note,.pwa-install-card>p,.pwa-install-card .pwa-ios-steps,.auth-card .eyebrow,.auth-card-footer,.auth-card-footer span,.auth-card .muted,.parameter-row span,.parameter-row em){color:var(--muted)}
body[data-theme=dark] :is(.back-link,.link-btn,.employee-open-btn,.employee-edit-btn,.employee-period-copy b,.report-shortcuts a,.report-choice-card>b,.report-choice-card strong,.permission-add-user,.auth-card-footer a,.country-calendar-source>a){color:var(--dark-link)}
/* Ordinary buttons and native controls, including hover/focus and checked state. */
body[data-theme=dark] :is(.btn:not(.primary):not(.auth-submit):not(.danger):not(.danger-soft),.link-btn,.inline-actions button,.dialog-head button,.user-edit-btn,.movement-edit-button,.policy-tabs button,.person-picker-tools button,.holiday-year-arrow,.pagination a,.pagination span,.lifecycle-process-switch a,.push-onboarding-close,.pwa-install-close){background:var(--dark-raised);color:var(--ink);border-color:#465b77}
body[data-theme=dark] :is(.btn:not(.primary),.link-btn,.inline-actions button,.dialog-head button,.user-edit-btn,.movement-edit-button,.person-picker-tools button,.holiday-year-arrow,.pagination a):hover{background:#30465f;color:#f4f8ff;border-color:#7d9bc2}
body[data-theme=dark] :is(input,select,textarea){color-scheme:dark;border-color:#465b77!important;accent-color:#699cff}
body[data-theme=dark] :is(input,select,textarea):not([type=checkbox]):not([type=radio]){background:var(--dark-field)!important;color:var(--ink)!important}
body[data-theme=dark] :is(input,textarea)::placeholder{color:#a5b3c7;opacity:1}
body[data-theme=dark] :is(input,select,textarea):focus-visible{outline:2px solid #8eb7ff;outline-offset:2px;box-shadow:0 0 0 3px #699cff26}
body[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--dark-field) inset!important}
body[data-theme=dark] :is(.check>input[type=checkbox],.weekday-picks input[type=checkbox]){background:var(--dark-field)!important;box-shadow:none}
body[data-theme=dark] :is(.check>input[type=checkbox],.weekday-picks input[type=checkbox]):checked{background:linear-gradient(145deg,#477fde,#2457ad)!important;border-color:#8eb7ff!important;box-shadow:inset 0 1px 0 #ffffff20}
body[data-theme=dark] :is(.check,.weekday-picks label,.permission-toggle):has(input:checked){background:#213953;border-color:#658bbb}
body[data-theme=dark] .premium-switch input:not(:checked)+i{background:#344459;border-color:#64758e}
body[data-theme=dark] :is(input[type=date],input[type=month],input[type=time])::-webkit-calendar-picker-indicator{background-color:#344459}
body[data-theme=dark] .employee-period-copy input::-webkit-calendar-picker-indicator{background-color:transparent}
body[data-theme=dark] .employee-row-actions :is(.employee-open-btn,.employee-edit-btn){background:#24364d;color:var(--dark-link);border-color:#465b77}
body[data-theme=dark] :is(.person-picker-option,.person-picker-option.selected){color:var(--ink)!important}
body[data-theme=dark] .person-picker-option.selected{background:#23436a}
body[data-theme=dark] :is(.person-picker-summary,.bulk-safety-note,.log-limit-note,.permission-self-lock,.permission-security-pill,.notification-privacy-note){background:#213953;color:#c6dcff;border-color:#496585}
body[data-theme=dark] .person-picker-search{background:var(--dark-field);border-color:var(--line)}
body[data-theme=dark] .bulk-person-select option{background:var(--dark-field);color:var(--ink)}
body[data-theme=dark] .bulk-person-select option:checked{background:#315fa8;color:white}
/* Selected tabs remain distinguishable. */
body[data-theme=dark] :is(.employee-tabs a.active,.policy-tabs button.active,.lifecycle-process-switch a.active,.permission-user-list>a.active,.permission-preset-grid>button.active,.report-choice-card.active,.report-choice-card.is-active,.pagination a.active){background:#23436a;color:#f4f8ff;border-color:#7fa7de}
body[data-theme=dark] :is(.employee-tabs a,.lifecycle-process-switch a,.policy-tabs button){color:#c2d0e2}
body[data-theme=dark] :is(.report-choice-card>i,.report-category>header>b,.report-shortcuts a,.profile-section header>span,.employee-form-section header>span,.notification-preferences-head>span,.device-command>span,.permission-user-list i,.permission-toggle>i,.country-globe,.avatar.small,.backup-file-icon,.dashboard-detail-summary b){background:#243f60;color:#b8d2ff;border-color:#496585}
/* Green, amber, red and blue retain their meaning on dark surfaces. */
body[data-theme=dark] :is(.badge.ok,.report-status.ok,.sync-state,.cron-state.ok,.holiday-title-row em:not(.manual),.auth-lock){background:#173e35;color:#9be9ca;border-color:#356858;box-shadow:none}
body[data-theme=dark] :is(.badge.warn,.badge.warning,.cron-state.warning,.holiday-title-row em.manual,.day-notice,.self-missing-note.has-missing){background:#483a24;color:#f2d199;border-color:#74603f}
body[data-theme=dark] :is(.badge.danger,.report-status.danger,.btn.danger,.btn.danger-soft,.self-missing-note.has-missing.danger,.device-command.danger>span){background:#482a32;color:#ffbac1;border-color:#814a55}
body[data-theme=dark] :is(.badge.info,.report-status.info,.badge.muted,.report-status.muted,.country-holiday-tags>span,.country-holiday-tags>span.is-estimated){background:#243f60;color:#b8d2ff;border-color:#496585}
body[data-theme=dark] :is(.money.plus,.money.plus b,.good){color:#9be9ca}
body[data-theme=dark] :is(.money.minus,.money.minus b,.bad,.duration-alert){color:#ffbac1}
body[data-theme=dark] :is(.flash.success,.flash.ok,.lifecycle-complete-banner){background:#173e35;color:#9be9ca;border-color:#356858}
body[data-theme=dark] :is(.flash.error,.flash.danger){background:#482a32;color:#ffbac1;border-color:#814a55}
body[data-theme=dark] :is(.flash.warning,.flash.warn){background:#483a24;color:#f2d199;border-color:#74603f}
body[data-theme=dark] :is(.overview-kpi>span,.overview-flow-card header>span,.flow-lines i,.personnel-pulse i,.log-stat-grid article>span,.log-mark,.log-kind,.log-meta span,.cron-state,.backup-metrics article>span){background:#243f60;color:#b8d2ff}
body[data-theme=dark] :is(.overview-kpi.green>span,.overview-flow-card.entry header>span,.log-stat-grid article.ok>span,.log-mark.ok,.log-kind.ok,.backup-metrics .green){background:#173e35;color:#9be9ca}
body[data-theme=dark] :is(.overview-kpi.orange>span,.log-stat-grid article.warning>span,.log-mark.warning,.log-kind.warning,.backup-metrics .orange,.cron-state.warn){background:#483a24;color:#f2d199}
body[data-theme=dark] :is(.overview-kpi.red>span,.overview-flow-card.exit header>span,.log-stat-grid article.danger>span,.log-mark.danger,.log-kind.danger){background:#482a32;color:#ffbac1}
/* Employment checklist and its important state-specific rules. */
body[data-theme=dark] .lifecycle-task-marker{background:#24364d;color:#b3bfd0;border-color:#7286a4}
body[data-theme=dark] .lifecycle-task.completed .lifecycle-task-marker{background:#256c54;color:#fff;border-color:#8adebd}
body[data-theme=dark] .lifecycle-task.not-required .lifecycle-task-marker{background:#465b77;color:#fff;border-color:#9babbe}
body[data-theme=dark] .lifecycle-task.overdue:not(.completed):not(.not-required){background:#32242d;border-color:#814a55}
body[data-theme=dark] .lifecycle-task-category{background:#243f60!important;color:#b8d2ff!important;border-color:#496585!important}
body[data-theme=dark] .lifecycle-task-save{background:#2457ad!important;color:#fff!important;border-color:#8eb7ff!important}
body[data-theme=dark] :is(.lifecycle-file-spine:before,.lifecycle-progress,.lifecycle-process-progress){background:#344459}
/* All on-screen tables, including the dense report variants. */
body[data-theme=dark] :is(table,.perkotek-report table){color:var(--ink);border-color:var(--line)}
body[data-theme=dark] :is(td,th){border-color:var(--line)}
body[data-theme=dark] :is(.table-wrap th,.perkotek-report th){background:#293b50;color:var(--ink);border-color:#52647d}
body[data-theme=dark] .perkotek-report td{background:var(--dark-surface);color:var(--ink);border-color:var(--line)}
body[data-theme=dark] :is(.table-wrap tbody tr,.movement-day-table tbody tr,.person-movement-report tbody tr):hover>td{background:#263a53}
body[data-theme=dark] .perkotek-report tr:nth-child(even)>td{background:#202f43}
body[data-theme=dark] .perkotek-report :is(.report-day,.report-person,.report-subgroup,.report-total,.person-report-total)>td{background:#293f5a;color:#e5edf7;border-color:#526b89}
body[data-theme=dark] .perkotek-report :is(.person-day-absent,.report-absent,.day-absent)>td{background:#482a32!important;color:#ffccd1!important;border-color:#814a55}
body[data-theme=dark] .perkotek-report .person-day-off>td{background:#233043;color:#c5d0e1}
body[data-theme=dark] .perkotek-report .person-day-leave>td{background:#243f60;color:#b8d2ff}
body[data-theme=dark] :is(.perkotek-report .edited-time,.early-exit-alert){background:#5a302a!important;color:#ffccc3!important;border-color:#91584e!important}
body[data-theme=dark] .person-report-date small{color:#b3bfd0}
body[data-theme=dark] :is(.salary-formula code,.backup-hash code,.parameter-row code){background:#24364d;color:#c6dcff;border-color:var(--line)}
body[data-theme=dark] .device-clock{background:linear-gradient(145deg,#1c293a,#142033);border-color:var(--line)}
/* Language menu and auth/PWA dialogs have their own local tokens. */
body[data-theme=dark] .language-selector{--language-ink:#e5edf7;--language-muted:#b3bfd0;--language-line:#465b77;--language-accent:#f0bd8f;--language-tint:#23436a}
body[data-theme=dark] .language-option:hover{background:#24364d}
body[data-theme=dark] .language-option-code{background:#142033;color:#c6dcff;border-color:#496585}
body[data-theme=dark] .language-option.is-current .language-option-code{background:#2f4765;color:#f0bd8f}
body[data-theme=dark] .auth-card-inner{box-shadow:0 28px 80px #0006;backdrop-filter:blur(18px)}
body[data-theme=dark] .auth-shell{background:#111a28}
body[data-theme=dark] :is(.push-event-list>div,.pwa-install-benefits>span){background:#24364d;border-color:var(--line);color:var(--ink)}
body[data-theme=dark] :is(.push-onboarding-close,.pwa-install-close):hover{background:#30465f;color:#fff}
body[data-theme=dark] .pwa-install-card:before{background:radial-gradient(circle,#486d9a33,transparent 70%)}
body[data-theme=dark] .donut::after,body[data-theme=dark] .employee-period-picker{background:var(--dark-field)}
body[data-theme=dark] .donut:after{color:var(--ink)}

body[data-theme=dark] :is(.push-onboarding-copy>.eyebrow,.permission-security-pill b){color:#f3b0c6}
body[data-theme=dark] .permission-security-pill b{color:#9be9ca}
body[data-theme=dark] :is(.permission-self-lock>span,.permission-group>header>span,.user-card h3>small,.policy-clock,.holiday-card time,.overview-holidays time){background:#243f60;color:#b8d2ff;border-color:#496585}
body[data-theme=dark] .permission-preset-grid>button em{color:#b3bfd0}
body[data-theme=dark] :is(.overview-flow-card>header>a,.overview-personnel-card>header>a){color:#9ec1ff}
body[data-theme=dark] .personnel-foot i{background:#465b77}
body[data-theme=dark] .device-orbit>span{background:#9b4b1e;color:#fff}
body[data-theme=dark] .cron-health-grid .cron-state.warn{background:#483a24;color:#f2d199;border-color:#74603f}

body[data-theme=dark] .lifecycle-detail-empty b{color:var(--ink)}
body[data-theme=dark] .lifecycle-detail-empty p{color:var(--muted)}
body[data-theme=dark] :is(.movement-create-intro small,.panel-head>a,.annual-balance b){color:var(--dark-link)}

body[data-theme=dark] .auth-secondary-link{color:var(--dark-link)}
body[data-theme=dark] :is(.auth-card-footer,.panel-head,.overview-flow-card>header,.overview-personnel-card>header,.person-picker-tools,.lifecycle-detail-panel header){border-color:var(--line)}

body[data-theme=dark] .lifecycle-process>header time{color:var(--muted)}
body[data-theme=dark] .lifecycle-process>footer b{color:var(--ink)}
body[data-theme=dark] .pagination{background:var(--dark-field);color:var(--ink);border-color:var(--line)}
body[data-theme=dark] .annual-balance{background:#243f60;border-color:#496585}
body[data-theme=dark] .annual-balance small{color:#b3bfd0}
body[data-theme=dark] .self-missing-note.has-missing{color:#f2d199!important}
body[data-theme=dark] .leave-archive-form{background:#32242d;border-color:#814a55}
body[data-theme=dark] .leave-archive-form b{color:#ffbac1}
body[data-theme=dark] .leave-archive-form small{color:#d6b3ba}
body[data-theme=dark] .leave-archive-form .danger{background:#482a32;color:#ffbac1;border-color:#814a55}
body[data-theme=dark] .leave-archive-form .danger:hover{background:#653843;color:#fff}
body[data-theme=dark] .cron-health-grid .cron-state{background:#483a24!important;color:#f2d199!important;border-color:#74603f}
body[data-theme=dark] .cron-health-grid .cron-state.ok{background:#173e35!important;color:#9be9ca!important;border-color:#356858}
body[data-theme=dark] .lifecycle-overdue{color:#f2d199!important}
body[data-theme=dark] .critical-reauth-error{color:#ffbac1!important}
body[data-theme=dark] .leave-edit-button{background:var(--dark-field);color:var(--dark-link);border-color:var(--line)}
body[data-theme=dark] .leave-edit-button:hover{background:var(--dark-raised);border-color:#496585}
body[data-theme=dark] .annual-source-badge.editable{background:#243f60;color:#b8d2ff}
body[data-theme=dark] .annual-source-badge.linked{background:#173e35;color:#9be9ca}
body[data-theme=dark] .annual-linked-action{color:var(--dark-link)}
body[data-theme=dark] .annual-linked-action:hover{color:#c6dcff}

/* Dashboard counters, attendance chart and row separators. */
body[data-theme=dark] .page-dashboard :is(.overview-list-card>header,.overview-action-card>header,.overview-holiday-card>header,.overview-list-card>footer,.overview-card-link,.overview-people>a,.overview-action-list>a,.overview-holidays>a,.activity-row,.attention-list,.attention-row){border-color:var(--line)}
body[data-theme=dark] .page-dashboard :is(.overview-action-list b,.overview-action-card>header>b,.action-icon,.holiday-icon,.attendance-score){background:var(--dark-raised);color:var(--dark-link)}
body[data-theme=dark] .page-dashboard .overview-list-card>header>b{background:#173e36;color:#92e1c3}
body[data-theme=dark] .page-dashboard .overview-list-card.red>header>b{background:#492b3a;color:#ffb3bc}
body[data-theme=dark] .page-dashboard .overview-list-card.amber>header>b{background:#493823;color:#ffd196}
body[data-theme=dark] .page-dashboard .overview-list-card.purple>header>b{background:#383051;color:#d3bfff}
body[data-theme=dark] .page-dashboard :is(.overview-empty i,.attention-clear i,.activity-row em){background:#173e36;color:#92e1c3}
body[data-theme=dark] .page-dashboard .activity-row em.out{background:#492b3a;color:#ffb3bc}
body[data-theme=dark] .page-dashboard :is(.overview-action-list em,.overview-holidays em,.overview-holidays div>small,.activity-row time,.attention-row small,.attention-row time,.attendance li){color:var(--muted)}
body[data-theme=dark] .page-dashboard .donut{background:conic-gradient(var(--blue) calc(var(--value)*1%),var(--line) 0)}
body[data-theme=dark] .page-dashboard .donut::after{background:var(--dark-surface)}
body[data-theme=dark] .page-dashboard .donut b{color:var(--ink)}

/* The preference group is a transparent wrapper, not a connection-status card. */
body[data-theme=dark] .topbar-meta>.topbar-preferences{background:transparent;color:var(--ink)}
body[data-theme=dark] .topbar-preferences :is(.language-trigger,.header-theme-toggle){background:var(--dark-surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none}
body[data-theme=dark] .topbar-preferences :is(.language-trigger,.header-theme-toggle):hover,body[data-theme=dark] .topbar-preferences .language-selector[open] .language-trigger{background:var(--dark-raised)!important;border-color:#526b89!important}
body[data-theme=dark] .topbar-preferences :is(.language-trigger,.header-theme-toggle):focus-visible{outline:2px solid var(--dark-link);outline-offset:3px}
body[data-theme=dark] .language-panel-heading{border-color:var(--line)}

/* Manual attendance entry and its edit-dialog cards. */
body[data-theme=dark] .movement-create-bar{background:var(--dark-field);color:var(--ink);border-color:var(--line);box-shadow:none}
body[data-theme=dark] :is(.movement-create-intro b,.movement-edit-slot header b){color:var(--ink)}
body[data-theme=dark] .movement-edit-slot{background:var(--dark-field);border-color:var(--line)}
body[data-theme=dark] .movement-edit-slot header>span{background:var(--dark-raised);color:var(--dark-link)}

/* Keep daily policy status labels compact in both themes. */
.policy-title>.badge{align-self:flex-start;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}

/* Payroll unlock: one themed confirmation with the existing password safeguard. */
.critical-reauth-dialog.payroll-unlock-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#19273d;border:1px solid #dce4ee;border-radius:22px;box-shadow:0 28px 90px #08132266}
.payroll-unlock-dialog::backdrop{background:#08132299;backdrop-filter:blur(6px)}
.payroll-unlock-dialog .critical-reauth-card{padding:30px;display:flex;flex-direction:column;gap:14px}
.payroll-unlock-dialog .payroll-unlock-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.payroll-unlock-mark{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;background:#fff0df;color:#b76219;border:1px solid #f0d3b0;border-radius:15px}
.payroll-unlock-mark svg{width:26px;height:26px}
.payroll-unlock-period{font-size:13px;font-weight:750;color:inherit;text-transform:capitalize}
.payroll-unlock-close{margin-inline-start:auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce4ee;border-radius:10px;background:#f6f8fb;color:#62718a;font-family:inherit;font-size:23px;line-height:1;font-weight:400;cursor:pointer}
.payroll-unlock-dialog .eyebrow{margin:0;color:#b76219;font-size:10px;letter-spacing:.12em}
.payroll-unlock-dialog h2{margin:0;font-family:inherit;font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-.025em}
.payroll-unlock-warning{padding:15px 17px;background:#fff8ed;border-inline-start:3px solid #b76219;border-radius:0 12px 12px 0}
[dir=rtl] .payroll-unlock-warning{border-radius:12px 0 0 12px}
.payroll-unlock-warning p{margin:0;color:#7f4c21;font-size:13px;line-height:1.7}
.payroll-unlock-dialog #critical-reauth-description{margin:0;color:#62718a;font-size:12px;line-height:1.6}
.payroll-unlock-dialog label{font-size:12px;font-weight:750;margin-top:5px}
.payroll-unlock-dialog input{width:100%;box-sizing:border-box;min-height:46px;border-radius:12px}
.payroll-unlock-dialog .critical-reauth-error{margin:0;font-size:12px;line-height:1.5;color:#b43246}
.payroll-unlock-dialog .critical-reauth-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:18px;border-top:1px solid #dce4ee}
.payroll-unlock-dialog .critical-reauth-actions .btn{min-height:44px;border-radius:12px;padding:12px 20px;font-family:inherit}
.payroll-unlock-dialog .critical-reauth-actions .btn.primary{background:#b76219;color:#fff;border-color:#b76219;box-shadow:0 6px 18px #b7621926}
.payroll-unlock-dialog .critical-reauth-actions .btn.primary:hover{background:#994d0f;border-color:#994d0f}
.payroll-unlock-dialog :is(button,input):focus-visible{outline:2px solid #b76219;outline-offset:3px}
body[data-theme=dark] .critical-reauth-dialog.payroll-unlock-dialog{background:#1c293a;color:#e5edf7;border-color:#344459}
body[data-theme=dark] .payroll-unlock-dialog .payroll-unlock-mark{background:#3d2c20;color:#f4b575;border-color:#654427}
body[data-theme=dark] .payroll-unlock-dialog .payroll-unlock-close{background:#24364d;color:#b3bfd0;border-color:#344459}
body[data-theme=dark] .payroll-unlock-dialog .eyebrow{color:#f4b575}
body[data-theme=dark] .payroll-unlock-dialog .payroll-unlock-warning{background:#30281f;border-inline-start-color:#c07830}
body[data-theme=dark] .payroll-unlock-dialog .payroll-unlock-warning p{color:#f1cea5}
body[data-theme=dark] .payroll-unlock-dialog #critical-reauth-description{color:#b3bfd0}
body[data-theme=dark] .payroll-unlock-dialog .critical-reauth-actions{border-color:#344459}
@media(max-width:520px){.payroll-unlock-dialog .critical-reauth-card{padding:23px}.payroll-unlock-dialog h2{font-size:23px}.payroll-unlock-dialog .critical-reauth-actions .btn{flex:1;padding:12px}}
}