/* V2 HR is opt-in through the external navigation adapter. No global overrides. */
.native-staff-shell.v2-hr {
  --n-canvas:#f6f5f2;--n-surface:#fff;--n-text:#222320;--n-muted:#626762;
  --n-border:#e8e6e1;--n-brand:#b63f1b;--n-brand-soft:#fff0e8;
  --n-success:#17633c;--n-success-soft:#eaf6ed;--n-warning:#88510d;
  --n-warning-soft:#fff4df;--n-danger:#a72d28;--n-danger-soft:#fff0ed;
  color:var(--n-text);font-family:"Plus Jakarta Sans",sans-serif;font-size:14px;line-height:1.5;
}
.v2-hr *, .v2-hr *::before, .v2-hr *::after {box-sizing:border-box}
.v2-hr [hidden] {display:none!important}
.v2-hr .native-staff-heading {margin:0 0 20px;align-items:center;gap:16px}
.v2-hr .native-breadcrumb {font-size:12px;color:var(--n-muted)}
.v2-hr .native-heading-actions {flex-wrap:wrap;gap:10px}
.v2-hr .native-location-chip {background:transparent;border:0;color:var(--n-muted);padding:0}
.v2-hr .native-freshness {background:transparent;border:0;color:var(--n-muted);font-size:12px}
.v2-hr .native-staff-panel {gap:24px;min-width:0}
.v2-hr .native-page-header {margin:0;align-items:center;gap:20px}
.v2-hr .native-page-header h2 {font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.25;color:var(--n-text)}
.v2-hr .native-page-header .eyebrow {display:none}
.v2-hr .native-page-header p {color:var(--n-muted);font-size:14px;max-width:70ch;margin:8px 0 0}
.v2-hr h3 {font-size:20px;font-weight:700;letter-spacing:-.025em}
.v2-hr h4 {font-size:16px;font-weight:700}
.v2-hr .dashboard-card {border:1px solid var(--n-border);border-radius:18px;background:var(--n-surface);box-shadow:none;padding:20px;min-width:0}
.v2-hr :is(button,input,select,textarea) {font-family:inherit}
.v2-hr :is(button,.button) {min-height:44px;max-width:100%;font-size:14px;font-weight:600;line-height:1.4;border-radius:10px;white-space:normal}
.v2-hr .button-primary {background:#24241f;border:1px solid #24241f;color:#fff}
.v2-hr .button-ghost {background:#fff;border:1px solid var(--n-border);color:var(--n-text)}
.v2-hr button:disabled {color:#626762;background:#eeede9;border-color:#deddd8;cursor:not-allowed;opacity:1}
.v2-hr :focus-visible {outline:3px solid #b63f1b!important;outline-offset:3px}
.v2-hr :is(input,select,textarea) {border:1px solid #d7d5ce;border-radius:10px;color:var(--n-text);background:#fff;min-height:44px;padding:10px 12px}
.v2-hr :is(input,select,textarea):disabled {background:#f1f0ed;color:#626762}
.v2-hr input[type=checkbox],.v2-hr input[type=radio] {min-height:20px;min-width:20px;accent-color:#24241f}
.v2-hr .native-form {gap:18px}
.v2-hr .native-form label {font-weight:500}
.v2-hr .native-form small {font-size:12px;color:var(--n-muted)}
.v2-hr .native-status {font-size:12px;font-weight:500;border-radius:8px;padding:6px 9px;line-height:1.5;white-space:normal}
.v2-hr .native-status-active,.v2-hr .native-status-published,.v2-hr .native-status-approved,.v2-hr .native-status-peer_accepted {background:var(--n-success-soft);color:var(--n-success)}
.v2-hr .native-status-warning,.v2-hr .native-status-draft,.v2-hr .native-status-submitted,.v2-hr .native-status-temporary {background:var(--n-warning-soft);color:var(--n-warning)}
.v2-hr .native-status-suspended,.v2-hr .native-status-rejected {background:var(--n-danger-soft);color:var(--n-danger)}
.v2-hr .native-team-workspace {overflow:visible;background:transparent;border:0;gap:20px}
.v2-hr .native-team-toolbar {grid-template-columns:minmax(200px,1.25fr) minmax(150px,1fr) minmax(180px,1fr) auto;border:1px solid var(--n-border);background:#fff;border-radius:16px;padding:18px;gap:16px}
.v2-hr .native-team-toolbar label {font-size:12px;font-weight:500}
.v2-hr .native-team-total {grid-column:1/-1;grid-row:2;color:var(--n-muted);font-size:12px}
.v2-hr .native-team-toolbar input,.v2-hr .native-team-toolbar select {font-size:14px}
.v2-hr .native-person-link {min-height:44px;font-weight:600;justify-content:center}
.v2-hr .native-avatar {width:40px;height:40px;flex:none;background:#fff0df;color:#804815;border:0;font-size:14px;font-weight:600}
.v2-hr .native-avatar[data-tone="1"] {background:#e5f5e9;color:#17633c}
.v2-hr .native-avatar[data-tone="2"] {background:#ffe6eb;color:#9d283e}
.v2-hr .native-avatar[data-tone="3"] {background:#f0eaff;color:#64419d}
.v2-hr .v2-hr-records {min-width:0;max-width:100%;border:1px solid var(--n-border);border-radius:16px;background:#fff;overflow:auto}
.v2-hr .v2-hr-records table {width:100%;border-collapse:collapse;min-width:760px}
.v2-hr .v2-hr-records th,.v2-hr .v2-hr-records td {padding:16px;border-bottom:1px solid var(--n-border);text-align:left;vertical-align:middle;font-size:14px;line-height:1.5;height:auto}
.v2-hr .v2-hr-records thead th {font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--n-muted);background:#faf9f6}
.v2-hr .v2-hr-records tbody tr:last-child>:is(td,th) {border-bottom:0}
.v2-hr .v2-hr-records tbody tr:hover {background:#fffbf7}
.v2-hr .v2-hr-records small {display:block;margin-top:3px;color:var(--n-muted);font-size:12px;font-weight:400;white-space:normal}
.v2-hr .native-team-table th:first-child {min-width:180px}
.v2-hr .native-availability-summary {min-width:110px;background:#fff;border:1px solid var(--n-border);border-radius:10px;padding:8px 10px;color:var(--n-text)}
.v2-hr .v2-hr-rate-warning {color:var(--n-warning)!important;max-width:22ch}
.v2-hr .native-request-workspace {gap:0}
.v2-hr .native-request-workspace .v2-hr-records {border:0;border-radius:0 0 16px 16px}
.v2-hr .native-request-toolbar {padding:8px!important;gap:8px;background:#fff}
.v2-hr .native-request-toolbar button[aria-selected=true] {background:var(--n-brand-soft);color:var(--n-brand);border-color:var(--n-brand-soft)}
.v2-hr .native-kpi-grid {gap:16px}
.v2-hr .native-kpi-grid article {border-radius:16px;padding:18px;min-height:104px}
.v2-hr .native-kpi-grid strong {font-size:28px;font-weight:700}
.v2-hr .native-roster-controls-card {gap:16px}
.v2-hr .native-roster-table th {font-size:12px;font-weight:500;background:#faf9f6}
.v2-hr .native-roster-table td {padding:6px}
.v2-hr .native-roster-cell {min-height:64px;min-width:62px;border-radius:10px}
.v2-hr .native-calendar-mode {gap:4px;padding:4px;border-radius:12px;background:#f1f0ed}
.v2-hr .native-calendar-mode .button-primary {background:var(--n-brand-soft);border-color:var(--n-brand-soft);color:var(--n-brand)}
.v2-hr .native-roster-footer {align-items:center}
.v2-hr .v2-hr-rules-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v2-hr .v2-hr-rules-grid .dashboard-card {margin:0;align-content:start;gap:12px}
.v2-hr .v2-hr-rules-grid h3,.v2-hr .v2-hr-rules-grid p {margin:0}
.v2-hr .v2-hr-rules-grid p {color:var(--n-muted)}
.v2-hr .v2-hr-rules-grid button {justify-self:end;align-self:end}
.v2-hr .v2-hr-rules-grid .native-setting-row {border:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}
.v2-hr .v2-hr-rules-grid .native-setting-row strong {font-size:20px}
.v2-hr .native-boundary-note,.v2-hr .native-payroll-boundary {padding:16px;border:1px solid #efdac6;border-radius:12px;background:var(--n-brand-soft);color:#794226;font-size:13px;line-height:1.6}
.v2-hr .native-payroll-guide {font-size:13px;color:var(--n-muted)}
.v2-hr .native-monthly-payroll {margin:0;gap:20px}
.v2-hr .native-payroll-scenarios {gap:12px}
.v2-hr .native-payroll-scenarios>div {padding:16px;background:#f6f5f2;border-color:var(--n-border)}
.v2-hr .native-payroll-scenarios strong {font-size:22px;color:var(--n-text)}
.v2-hr .native-payroll-components dd {text-align:right}
.v2-hr .native-settings-dialog,.v2-hr .native-dialog {font-family:inherit;font-size:14px;color:var(--n-text);background:#fff;border:1px solid var(--n-border);border-radius:20px;padding:24px;width:min(680px,calc(100vw - 48px));max-width:100vw;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}
.v2-hr .native-dialog::backdrop {background:rgb(34 35 32 / .35)}
.v2-hr .native-drawer,.v2-hr .v2-hr-review-drawer {inset:0 0 0 auto;width:min(440px,100vw);height:100dvh;max-height:100dvh;margin:0;border-radius:20px 0 0 20px;padding:24px}
.v2-hr .native-dialog header {gap:12px;align-items:center}
.v2-hr .native-dialog h3 {font-size:20px;color:var(--n-text)}
.v2-hr .native-dialog .native-dialog-close {min-width:44px;min-height:44px}
.v2-hr .native-detail-tabs {gap:4px;background:#f5f4f1;border-radius:10px;padding:4px;border:0;overflow:auto}
.v2-hr .native-detail-tabs button {padding:8px;flex:1;font-size:12px;white-space:nowrap}
.v2-hr .native-detail-tabs button[aria-selected=true] {background:var(--n-brand-soft);border-radius:8px;color:var(--n-brand)}
.v2-hr .native-detail-tabs button[aria-selected=true]::after {display:none}
.v2-hr .native-employee-heading {padding:12px 36px 20px 0;border-bottom:1px solid var(--n-border)}
.v2-hr .native-employee-panel dl {grid-template-columns:1fr}
.v2-hr .native-employee-panel dd {overflow-wrap:anywhere}
.v2-hr .v2-hr-note-counter {display:block;text-align:right;color:var(--n-muted);font-weight:400}
.v2-hr .native-row-actions {gap:12px}
.v2-hr .native-payroll-drawer .native-payroll-person {padding:0;border:0}
.v2-hr .v2-hr-payroll-drawer .native-payroll-scenarios,.v2-hr .v2-hr-payroll-drawer .native-payroll-decisions {grid-template-columns:1fr}
@media(max-width:1000px) {
 .v2-hr .native-team-toolbar {grid-template-columns:1fr 1fr}
 .v2-hr .native-team-toolbar .native-filter {grid-column:1/-1}
 .v2-hr .native-team-total {grid-row:auto;grid-column:auto}
 .v2-hr .native-kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
 .v2-hr .native-staff-heading {display:block;margin-bottom:16px}
 .v2-hr .native-breadcrumb,.v2-hr .native-location-chip {display:none}
 .v2-hr .native-heading-actions {display:flex;justify-content:space-between;gap:8px}
 .v2-hr .native-page-header h2 {font-size:22px}
 .v2-hr .native-page-header {display:block}
 .v2-hr .native-page-header p {font-size:13px}
 .v2-hr h3 {font-size:18px}
 .v2-hr .native-staff-panel {gap:18px}
 .v2-hr .dashboard-card {padding:16px;border-radius:16px}
 .v2-hr :is(input,select,textarea) {font-size:16px!important;min-width:0;max-width:100%}
 .v2-hr .native-team-toolbar {padding:0;border:0;background:transparent;gap:12px;grid-template-columns:1fr 1fr}
 .v2-hr .native-team-toolbar .native-filter,.v2-hr #native-staff-create-open,.v2-hr .native-team-total {grid-column:1/-1}
 .v2-hr .native-team-total {grid-row:4;order:5}
 .v2-hr #native-staff-create-open {width:100%}
 .v2-hr .v2-hr-records {overflow:visible;border:0;background:transparent}
 .v2-hr .v2-hr-records table {display:block;min-width:0;width:100%}
 .v2-hr .v2-hr-records thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .v2-hr .v2-hr-records tbody {display:grid;gap:12px}
 .v2-hr .v2-hr-records tbody tr {display:grid;grid-template-columns:minmax(0,1fr);padding:16px;border:1px solid var(--n-border);border-radius:16px;background:#fff;gap:8px}
 .v2-hr .v2-hr-records tbody :is(th,td) {display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:center;min-width:0;height:auto;border:0;padding:0;font-size:14px}
 .v2-hr .v2-hr-records tbody th {justify-content:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--n-border);margin-bottom:4px}
 .v2-hr .v2-hr-records tbody th>small {flex-basis:100%;margin:0}
 .v2-hr .v2-hr-records td[data-label]::before {content:attr(data-label);color:var(--n-muted);font-size:13px;flex:0 0 38%;font-weight:400}
 .v2-hr .v2-hr-records tbody td:last-child {padding-top:8px}
 .v2-hr .v2-hr-records tbody td:last-child::before {display:none}
 .v2-hr .v2-hr-records tbody td:last-child>.button {margin-left:auto}
 .v2-hr .native-team-table th:first-child {min-width:0}
 .v2-hr .native-team-table td[data-label=Peran] {display:none}
 .v2-hr .native-team-table .native-person-link small::after {content:' · ' attr(data-role-label)}
 .v2-hr .native-availability-summary {padding:0;border:0;text-align:right;min-width:0}
 .v2-hr .v2-hr-records .v2-hr-rate-warning {max-width:none;flex-basis:100%;order:1;padding:10px;background:var(--n-brand-soft);border-radius:8px;margin-top:4px}
 .v2-hr .native-request-workspace {background:transparent;border:0;gap:12px;overflow:visible}
 .v2-hr .native-request-workspace .native-request-toolbar {border-radius:12px;border:1px solid var(--n-border)}
 .v2-hr .native-kpi-grid {gap:10px}
 .v2-hr .native-kpi-grid article {padding:12px;min-height:96px}
 .v2-hr .native-kpi-grid strong {font-size:24px}
 .v2-hr .v2-hr-rules-grid {grid-template-columns:1fr;gap:12px}
 .v2-hr .native-form-grid,.v2-hr .native-role-requirements {grid-template-columns:1fr}
 .v2-hr .native-dialog,.v2-hr .native-settings-dialog,.v2-hr .native-drawer {position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));overflow:auto}
 .v2-hr .native-dialog>header {position:sticky;top:-20px;z-index:2;background:#fff;padding:12px 0;margin-bottom:16px}
 .v2-hr .native-settings-dialog footer {position:sticky;bottom:calc(-24px - env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--n-border);padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2}
 .v2-hr .native-row-actions>.button {flex:1}
 .v2-hr .native-payroll-scenarios,.v2-hr .native-payroll-decisions {grid-template-columns:1fr}
 .v2-hr .native-payroll-heading {display:block}
 .v2-hr .native-payroll-heading form {margin-top:12px}
 .v2-hr .native-calendar-mobile {display:grid;gap:12px}
 .v2-hr .native-agenda-day {padding:16px}
 .v2-hr .native-roster-footer {display:grid}
 .v2-hr .native-roster-actions>.button {flex:1 1 140px}
}
@media(prefers-reduced-motion:reduce) {.v2-hr * {scroll-behavior:auto!important;transition:none!important}}
.v2-hr button>.feather {flex:none;vertical-align:middle;margin-right:8px}
.v2-hr :is(.native-dialog-close,[data-week-move])>.feather,.v2-hr [data-settings-close][aria-label]>.feather {margin:0}
.v2-hr .native-roster-cell .feather {width:20px;height:20px}
.v2-hr .native-coverage .feather {width:16px;height:16px}
@media(min-width:701px) {
 .v2-hr .native-team-table tbody th {display:table-cell}
 .v2-hr .native-team-table tbody th .native-avatar {float:left;margin-right:10px;margin-top:3px}
}
@media(max-width:700px) {
 .v2-hr .native-heading-actions #native-staff-refresh {width:auto;min-width:44px;margin-left:auto}
 .v2-hr .native-heading-actions .native-freshness {min-height:0;justify-content:flex-start;padding:0}
}
.v2-hr .sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.v2-hr .v2-hr-attendance-toolbar {padding:16px;background:#fff;border:1px solid var(--n-border);border-radius:16px}
.v2-hr .v2-hr-payroll-help {border-top:1px solid var(--n-border);padding-top:14px;font-size:13px;color:var(--n-muted)}
.v2-hr .v2-hr-payroll-help summary {min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:600}
.v2-hr .v2-hr-payroll-help .native-payroll-guide {margin-top:10px}
.v2-hr .v2-hr-records {position:relative}
.v2-hr .dashboard-table.v2-hr-records,.v2-hr .dashboard-table:has(.v2-hr-records) {max-height:none;scrollbar-gutter:auto}

/* Approved mobile employee card: detail belongs beside the identity (reference 16). */
.v2-hr .v2-hr-mobile-field-label {display:none}
@media(max-width:700px) {
 .v2-hr .native-team-table tbody tr {position:relative;gap:6px}
 .v2-hr .native-team-table tbody th {padding-right:100px}
 .v2-hr .native-team-table tbody td:last-child {display:contents}
 .v2-hr .native-team-table tbody td:last-child>.button {position:absolute;z-index:4;right:12px;top:14px;border:0;background:transparent;padding-inline:8px;font-size:12px}
 .v2-hr .native-team-table td[data-label]::before {display:none}
 .v2-hr .native-team-table .v2-hr-mobile-field-label {display:flex;align-items:center;gap:10px;color:var(--n-muted);font-size:13px;flex:0 0 45%}
 .v2-hr .native-team-table .v2-hr-mobile-field-label .feather {flex:none}
 .v2-hr .native-team-table .v2-hr-rate-warning {margin-top:6px}
}

/* The external shell supplies the page title, location and breadcrumb. */
.v2-hr .native-breadcrumb,.v2-hr .native-location-chip {display:none}
.v2-hr .native-staff-heading {justify-content:flex-end;margin-bottom:12px}
.v2-hr .native-heading-actions {justify-content:flex-end}
.v2-hr .native-page-header {display:contents}
.v2-hr .native-page-header>div:first-child {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v2-hr .native-page-actions {justify-content:flex-end}
.v2-hr .v2-hr-employee-menu {display:grid;gap:8px}
.v2-hr .v2-hr-employee-menu button {display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;padding:14px 12px;color:var(--n-text)}
.v2-hr .v2-hr-employee-menu button:first-child {background:var(--n-brand-soft);color:var(--n-brand);border-radius:12px}
.v2-hr .v2-hr-employee-menu button>span {flex:1}
@media(min-width:1100px) {
 .v2-hr .native-drawer,.v2-hr .v2-hr-review-drawer {inset:110px 12px 16px auto;width:360px;height:calc(100dvh - 126px);max-height:calc(100dvh - 126px);border-radius:18px}
 .v2-hr .v2-hr-payroll-drawer {width:400px}
 .v2-hr .native-drawer::backdrop,.v2-hr .v2-hr-review-drawer::backdrop {background:transparent;backdrop-filter:none}
 .v2-hr:has(.native-drawer[open],.v2-hr-review-drawer[open]) #native-staff-panel {padding-right:380px}
 .v2-hr:has(.v2-hr-payroll-drawer[open]) #native-staff-panel {padding-right:420px}
}
/* Approved payroll detail: compact summary followed by four existing destinations. */
.v2-hr .v2-hr-payroll-summary {margin:24px 0 16px}
.v2-hr .v2-hr-payroll-summary h4 {margin:0 0 12px}
.v2-hr .v2-hr-payroll-summary dl {margin:0;padding:14px;border:1px solid var(--n-border);border-radius:12px;background:#faf9f6;display:grid;gap:12px}
.v2-hr .v2-hr-payroll-summary dl>div {display:flex;align-items:center;justify-content:space-between;gap:14px}
.v2-hr .v2-hr-payroll-summary dt {color:var(--n-muted);font-size:13px}
.v2-hr .v2-hr-payroll-summary dd {margin:0;text-align:right;font-weight:600;font-size:14px}
.v2-hr .v2-hr-payroll-menu {display:grid;border-top:1px solid var(--n-border);margin-top:24px}
.v2-hr .v2-hr-payroll-menu button {display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid var(--n-border);border-radius:0;padding:16px 0;text-align:left;color:var(--n-text);width:100%}
.v2-hr .v2-hr-payroll-menu button>span {flex:1;display:grid;gap:4px}
.v2-hr .v2-hr-payroll-menu small {color:var(--n-muted);font-size:12px;font-weight:400;line-height:1.5}
.v2-hr .v2-hr-payroll-menu .feather {margin:0;flex:none}
.v2-hr .v2-hr-payroll-drawer>.native-payroll-revision {margin-top:16px;font-size:11px}
.v2-hr .v2-hr-payroll-section {width:min(760px,calc(100vw - 48px))}
.v2-hr .v2-hr-payroll-section>header {align-items:flex-start;margin-bottom:24px}
.v2-hr .v2-hr-payroll-section>header h3 {margin:16px 0 6px}
.v2-hr .v2-hr-payroll-section>header p {margin:0;color:var(--n-muted);font-size:12px}
.v2-hr .v2-hr-payroll-calculation {overflow:auto;border:1px solid var(--n-border);border-radius:12px;margin-bottom:16px}
.v2-hr .v2-hr-payroll-calculation table {width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:14px}
.v2-hr .v2-hr-payroll-calculation :is(th,td) {padding:16px;text-align:right;border-bottom:1px solid var(--n-border);vertical-align:middle}
.v2-hr .v2-hr-payroll-calculation th:first-child {text-align:left}
.v2-hr .v2-hr-payroll-calculation thead th {text-transform:none;letter-spacing:0;font-size:12px;background:#f6f5f2;font-weight:500}
.v2-hr .v2-hr-payroll-calculation tbody tr:last-child :is(th,td) {background:var(--n-brand-soft);font-weight:700;border-bottom:0}
.v2-hr .v2-hr-payroll-evidence {margin-top:18px}
.v2-hr .v2-hr-payroll-evidence>summary {min-height:44px;cursor:pointer;padding:12px 0;font-weight:600}
.v2-hr .v2-hr-payroll-section .native-payroll-decisions {grid-template-columns:1fr;gap:24px}
/* Source template names and times replace opaque shift codes in V2 cells. */
.v2-hr .native-roster-cell.v2-hr-roster-assigned {display:flex;align-items:center;justify-content:flex-start;gap:8px;border:0;padding:10px;text-align:left;min-height:64px;min-width:118px;background:var(--n-brand-soft);color:var(--n-brand)}
.v2-hr .native-roster-cell.v2-hr-roster-assigned>span {display:grid;gap:3px}
.v2-hr .native-roster-cell.v2-hr-roster-assigned strong {font-size:13px;font-weight:500}
.v2-hr .native-roster-cell.v2-hr-roster-assigned small {font-size:11px;white-space:nowrap;color:var(--n-muted)}
.v2-hr .v2-hr-roster-assigned[data-shift-tone=blue],.v2-hr .v2-hr-roster-assigned[data-shift-tone=blue] .native-agenda-shift {background:#eef0ff;color:#334c91}
.v2-hr .v2-hr-roster-assigned[data-shift-tone=conflict] {border:1px solid var(--n-danger);background:var(--n-danger-soft);color:var(--n-danger)}
.v2-hr .native-roster-table tbody th.native-sticky-name {text-transform:none;letter-spacing:0;font-size:14px}
.v2-hr .native-roster-table .native-sticky-name .native-avatar {float:left;margin-right:10px}
.v2-hr .native-roster-table[data-calendar-mode=week] {width:100%;table-layout:fixed;min-width:1060px}
.v2-hr .native-roster-table[data-calendar-mode=week] .native-sticky-name {width:160px;min-width:160px;max-width:160px}
.v2-hr .v2-hr-roster-legend {display:flex;flex-wrap:wrap;gap:10px;padding:16px;border-top:1px solid var(--n-border)}
.v2-hr .v2-hr-roster-legend>span {display:flex;gap:7px;align-items:center;border-radius:8px;padding:8px;background:var(--n-brand-soft);color:var(--n-brand);font-size:12px}
.v2-hr .v2-hr-roster-legend>span[data-shift-tone=blue] {background:#eef0ff;color:#334c91}
.v2-hr .v2-hr-roster-legend small {color:var(--n-muted)}
.v2-hr .native-agenda-shift {display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:var(--n-brand-soft)}
.v2-hr .native-agenda-shift>span {display:grid;gap:3px;text-align:left}
@media(max-width:700px) {
 .v2-hr .v2-hr-payroll-section {width:100vw}
 .v2-hr .v2-hr-payroll-calculation :is(th,td) {padding:10px 8px;font-size:12px;overflow-wrap:anywhere}
 .v2-hr .v2-hr-payroll-summary {margin-top:16px}
 .v2-hr .native-agenda-day .v2-hr-roster-assigned {background:transparent;border-radius:0}
 .v2-hr .native-agenda-shift strong {font-size:13px}
 .v2-hr .native-agenda-shift small {font-size:11px}
}

.v2-hr .v2-hr-payroll-summary dl>div {padding:0;min-height:0;border:0;border-radius:0;background:transparent}
.v2-hr .v2-hr-payroll-identity {display:flex;align-items:center;justify-content:flex-start;gap:14px}
.v2-hr .v2-hr-payroll-identity .native-avatar {width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff0df;color:#804815}

.v2-hr .v2-hr-payroll-calculation tbody th {text-transform:none;letter-spacing:0;font-weight:500}

/* D30 final attendance refs 03/18: source statuses and private evidence remain native. */
.v2-hr[data-hr-section=attendance] .native-attendance-kpis{gap:12px}
.v2-hr[data-hr-section=attendance] .native-attendance-kpis>article{min-height:118px;padding:16px;gap:4px}
.v2-hr[data-hr-section=attendance] .native-attendance-kpis .v2-operational-metric-info:not([open]){position:absolute;right:8px;top:8px}
.v2-hr[data-hr-section=attendance] .native-attendance-kpis .v2-operational-metric-info>summary{min-height:28px;padding:3px 6px;font-size:11px}
.v2-hr[data-hr-section=attendance] .native-attendance-kpis>article{position:relative}
.v2-hr[data-hr-section=attendance] .v2-hr-attendance-toolbar{justify-content:flex-start;padding:12px 16px}
.v2-hr[data-hr-section=attendance] .native-attendance-policy{font-size:12px;padding:12px 16px}
.v2-hr[data-hr-section=attendance] .native-attendance-table th{min-width:145px;text-transform:none;letter-spacing:0}
.v2-hr[data-hr-section=attendance] .native-attendance-table tbody th{display:flex;align-items:center;gap:10px}
.v2-attendance-avatar{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#fff1e5;color:#a65612;font-weight:600}
.v2-attendance-person{display:block;min-width:0}
.v2-hr[data-hr-section=attendance] .native-attendance-table tbody tr[data-attendance-status=review]{background:#fff8f2}
.v2-hr[data-hr-section=attendance] .native-attendance-table td:nth-child(5)>svg{vertical-align:middle;margin-right:6px;color:#b45b21}
.v2-attendance-missing{color:var(--n-muted)}
.v2-hr[data-hr-section=attendance] .native-attendance-table .native-attendance-status-open{background:#fff0e8;color:#a34915}
.v2-hr[data-hr-section=attendance] .native-attendance-table td>.button{display:inline-flex;align-items:center;gap:6px}
.v2-hr #native-attendance-dialog[open]{display:flex;flex-direction:column;gap:12px;overflow:hidden}
.v2-hr #native-attendance-dialog>.eyebrow{display:none}
.v2-hr #native-attendance-dialog>h3{flex:none;padding-right:28px;margin:0;font-size:20px}
.v2-hr #native-attendance-detail{display:flex;flex-direction:column;min-height:0;flex:1;gap:12px}
.v2-attendance-review-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:2px}
.v2-attendance-review-person{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v2-attendance-review-person strong{font-size:18px}.v2-attendance-review-person small{display:block;color:var(--n-muted);font-size:13px}
.v2-hr #native-attendance-dialog .native-attendance-detail-summary{padding:12px;border:1px solid var(--n-border);background:white;border-radius:12px}
.v2-attendance-review-date{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 10px}
.v2-hr #native-attendance-dialog .native-attendance-detail-summary dl{display:grid;grid-template-columns:1fr;gap:8px;margin:0}
.v2-hr #native-attendance-dialog .native-attendance-detail-summary dl>div{padding:0;background:none}
.v2-hr #native-attendance-dialog dt{font-size:12px;color:var(--n-muted)}
.v2-hr #native-attendance-dialog dd{margin:2px 0 0;font-size:13px}
.v2-hr #native-attendance-dialog .native-evidence-grid{display:grid;grid-template-columns:1fr;gap:10px}
.v2-hr #native-attendance-dialog .v2-attendance-evidence{padding:12px;margin:0;border-radius:12px}
.v2-hr #native-attendance-dialog .v2-attendance-evidence h4{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 10px}
.v2-attendance-evidence-content{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;font-size:12px;align-items:center}
.v2-hr #native-attendance-dialog .v2-attendance-evidence img{width:88px;height:88px;object-fit:contain}
.v2-attendance-photo-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;background:#faf9f6;border:1px dashed var(--n-border);border-radius:10px;color:var(--n-muted);text-align:center;font-size:11px;padding:6px}
.v2-attendance-evidence-content p{display:flex;align-items:flex-start;gap:4px;margin:0 0 5px}.v2-attendance-evidence-content small{display:block;color:var(--n-muted);font-size:11px;margin-top:4px}
.v2-attendance-review-help{display:flex;gap:8px;padding:10px;background:#f6f8fb;border-radius:10px;font-size:12px}.v2-attendance-review-help>svg{flex:none}.v2-attendance-review-help small{display:block;margin-top:4px;color:var(--n-muted)}
.v2-hr #native-attendance-dialog .native-form{display:block}.v2-hr #native-attendance-dialog label{font-size:13px}
.v2-hr #native-attendance-dialog textarea{min-height:76px;margin-top:6px;font-size:14px}
.v2-attendance-note-help{display:block;font-size:11px;color:var(--n-muted);margin-top:6px}.v2-attendance-note-help[data-invalid=true]{color:#b42318}
.v2-hr #native-attendance-dialog .v2-hr-note-counter{margin-top:4px;font-size:11px}
.v2-attendance-review-actions{display:flex;gap:10px;flex:none;padding-top:12px;border-top:1px solid var(--n-border)}
.v2-attendance-review-actions>.button{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}
.v2-hr #native-attendance-dialog .native-settings-feedback{flex:none;max-height:130px;overflow:auto;font-size:12px;margin:0}
.v2-attendance-processed{padding:12px;background:#f6f8fb;border-radius:10px;font-size:13px}
@media(max-width:767px){
 .v2-hr[data-hr-section=attendance] .native-attendance-kpis>article{min-height:108px;padding:12px}
 .v2-hr[data-hr-section=attendance] .native-attendance-kpis strong{font-size:26px}
 .v2-hr[data-hr-section=attendance] .native-attendance-table tbody tr{gap:8px;padding:14px}
 .v2-hr[data-hr-section=attendance] .native-attendance-table tbody th{padding-bottom:8px;gap:10px}
 .v2-hr[data-hr-section=attendance] .native-attendance-table td:nth-child(5){display:block;font-size:12px}
 .v2-hr[data-hr-section=attendance] .native-attendance-table td:nth-child(5):before{display:none}
 .v2-hr #native-attendance-dialog{inset:0;width:100vw;height:100dvh;max-height:100dvh;padding:16px;border-radius:0}
 .v2-hr #native-attendance-dialog>h3{font-size:19px}
 .v2-hr #native-attendance-dialog .native-dialog-close{top:12px;right:12px}
}

.v2-hr #native-attendance-dialog .native-form label{display:block}
.v2-hr #native-attendance-dialog .native-form label>span{color:#b42318}
@media(min-width:768px){
 .v2-hr[data-hr-section=attendance] .native-attendance-table table{min-width:0;table-layout:fixed}
 .v2-hr[data-hr-section=attendance] .native-attendance-table :is(th,td){min-width:0;padding:12px 10px;overflow-wrap:break-word}
 .v2-hr[data-hr-section=attendance] .native-attendance-table tbody th{display:table-cell}
 .v2-hr[data-hr-section=attendance] .native-attendance-table tbody th>.v2-attendance-avatar{vertical-align:middle;margin-right:8px}
 .v2-hr[data-hr-section=attendance] .native-attendance-table tbody th>.v2-attendance-person{display:inline-block;vertical-align:middle}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(1){width:19%}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(2){width:13%}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(3){width:8%}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(4){width:11%}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(5){width:17%}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(6){width:18%}
 .v2-hr[data-hr-section=attendance] .native-attendance-table th:nth-child(7){width:14%}
}

.v2-hr[data-hr-section=attendance] .native-attendance-table .v2-attendance-late{overflow-wrap:normal;font-size:11px}
.v2-hr #native-attendance-dialog .v2-attendance-note-help[data-invalid=true]{color:#b42318}

.v2-hr[data-hr-section=attendance] .native-attendance-kpis>article>.v2-operational-metric-info:not([open])~.v2-operational-metric-info:not([open]){top:40px}

/* D30 canonical HR typography: reuse existing actual static Jakarta weight faces. */
body.surface-dashboard:has([data-v2-destination="D30"][aria-current="page"]) #surface-title,
.native-staff-shell.v2-hr[data-hr-section=attendance]{font-family:"Plus Jakarta Sans Catalog","Plus Jakarta Sans",sans-serif}

/* D31 uses existing canonical HR faces, identity components and native decisions. */
body.surface-dashboard:has([data-v2-destination="D31"][aria-current="page"]) #surface-title,
.native-staff-shell.v2-hr[data-hr-section=requests]{font-family:"Plus Jakarta Sans Catalog","Plus Jakarta Sans",sans-serif}
.v2-hr[data-hr-section=requests] .native-request-table tbody th{display:flex;align-items:center;gap:10px}
.v2-request-person{min-width:0;display:grid;gap:3px}.v2-request-person strong{font-size:14px;font-weight:700}.v2-request-person small{font-size:12px;color:var(--n-muted)}
.v2-hr[data-hr-section=requests] .native-request-table .native-status{display:inline-flex;align-items:center;gap:5px}
.v2-hr[data-hr-section=requests] .native-request-table button{display:flex;align-items:center;justify-content:center;gap:6px}
.v2-hr #native-request-dialog.v2-request-review{display:none;overflow:hidden;flex-direction:column;gap:0}
.v2-hr #native-request-dialog.v2-request-review[open]{display:flex}
.v2-hr #native-request-dialog>.eyebrow{display:none}.v2-hr #native-request-title{margin:0 32px 18px 0;flex:none;font-size:22px}
.v2-hr #native-request-detail{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}
.v2-request-review-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:3px;display:flex;flex-direction:column;gap:16px}
.v2-request-identity{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--n-border);border-radius:12px}.v2-request-identity .native-status{margin-left:auto;font-size:11px;flex:none}.v2-request-identity .native-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:16px}
.v2-request-context,.v2-request-shifts{border:1px solid var(--n-border);border-radius:12px;padding:14px}.v2-request-context p,.v2-request-shift p{display:flex;align-items:flex-start;gap:8px;margin:6px 0;font-size:13px}.v2-request-context svg,.v2-request-shift svg{flex:none}.v2-request-shift strong{font-size:14px}.v2-request-exchange{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;border-block:1px solid var(--n-border);font-size:12px;color:var(--n-muted)}
.v2-request-reason h4,.v2-request-rates h4,.v2-request-final h4{font-size:14px;margin:0 0 8px}.v2-request-reason p,.v2-request-final>p{margin:0;padding:12px;background:#f6f5f2;border-radius:10px;font-size:13px;overflow-wrap:anywhere}
.v2-request-quantity,.v2-request-rates{padding:14px;background:#f6f5f2;border-radius:12px}.v2-request-quantity span{display:block;font-size:12px;color:var(--n-muted)}.v2-request-quantity strong{font-size:21px}.v2-request-rates h4{display:flex;align-items:center;gap:8px}.v2-request-rates p{margin:0;font-size:13px}.v2-request-rates small{display:block;margin-top:6px;color:var(--n-muted);font-size:12px}
.v2-request-warning,.v2-request-final aside{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px;background:var(--n-warning-soft);border:1px solid #efdac6;border-radius:12px;color:#794226;font-size:12px;line-height:1.6}.v2-request-warning svg,.v2-request-final aside svg{flex:none}.v2-request-final aside{margin-top:12px;background:#f6f8fb;border-color:var(--n-border);color:var(--n-text)}
.v2-hr #native-request-review-form{margin:0;gap:16px}.v2-hr #native-request-review-form label{display:block;font-size:13px}.v2-hr #native-request-review-form :is(input,textarea){display:block;width:100%;font-size:16px;margin-top:8px}.v2-hr #native-request-review-form textarea{min-height:100px}.v2-request-minutes-help,.v2-request-note-help{display:block;margin-top:6px}.v2-request-minutes-help[data-invalid=true],.v2-request-rate-missing{color:var(--n-danger)!important}
.v2-hr #native-request-dialog .v2-request-review-actions{flex:none;display:flex;gap:10px;padding:14px 0 0;margin-top:14px;border-top:1px solid var(--n-border);position:static}.v2-request-review-actions>.button{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.v2-hr #native-request-dialog .native-settings-feedback{flex:none;max-height:130px;overflow:auto;font-size:12px;margin:8px 0 0}
@media(min-width:768px){.v2-hr[data-hr-section=requests] .native-request-table table{min-width:0;table-layout:fixed}.v2-hr[data-hr-section=requests] .native-request-table :is(th,td){padding:12px 10px;min-width:0;overflow-wrap:break-word}.v2-hr[data-hr-section=requests] .native-request-table tbody th{display:table-cell}.v2-hr[data-hr-section=requests] .native-request-table tbody th>.native-avatar{display:inline-grid;place-items:center;vertical-align:middle;border-radius:50%;margin-right:8px}.v2-hr[data-hr-section=requests] .native-request-table tbody th>.v2-request-person{display:inline-grid;vertical-align:middle}.v2-hr[data-hr-section=requests] .native-request-table th:nth-child(1){width:24%}.v2-hr[data-hr-section=requests] .native-request-table th:nth-child(2){width:16%}.v2-hr[data-hr-section=requests] .native-request-table th:nth-child(3){width:13%}.v2-hr[data-hr-section=requests] .native-request-table th:nth-child(4){width:20%}.v2-hr[data-hr-section=requests] .native-request-table th:nth-child(5){width:13%}.v2-hr[data-hr-section=requests] .native-request-table th:nth-child(6){width:14%}}
@media(max-width:767px){.v2-hr #native-request-dialog.v2-request-review{inset:0;width:100vw;height:100dvh;max-height:100dvh;padding:16px;border-radius:0}.v2-hr #native-request-title{font-size:19px;margin-left:32px}.v2-hr #native-request-dialog .native-dialog-close{left:12px;right:auto;top:12px}.v2-hr[data-hr-section=requests] .native-request-table tbody th{padding-bottom:10px}.v2-hr[data-hr-section=requests] .native-request-table td:nth-child(4){display:block;font-size:12px}.v2-hr[data-hr-section=requests] .native-request-table td:nth-child(4):before{display:none}.v2-hr[data-hr-section=requests] .native-request-table tbody td:last-child button{width:100%}}

.v2-hr[data-hr-section=requests] .native-request-table tbody th{text-transform:none;letter-spacing:normal}

/* D32/D33 reuse the actual Jakarta weight faces and source-bound native controls. */
body.surface-dashboard:has([data-v2-destination="D32"][aria-current="page"]) #surface-title,
body.surface-dashboard:has([data-v2-destination="D33"][aria-current="page"]) #surface-title,
.native-staff-shell.v2-hr:is([data-hr-section=payroll],[data-hr-section=rules]){font-family:"Plus Jakarta Sans Catalog","Plus Jakarta Sans",sans-serif}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;column-gap:16px;row-gap:8px;align-items:center}
.v2-hr-rule-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--n-brand-soft);color:var(--n-brand);grid-column:1;grid-row:1 / span 2}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card>h3{grid-column:2;font-size:18px}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card>p{grid-column:2;line-height:1.6;font-size:13px}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card>button{grid-column:3;grid-row:1 / span 2;align-self:center}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card>.native-setting-row{grid-column:2 / -1;grid-row:1 / span 2;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card>.native-setting-row strong{font-size:18px}
.v2-hr[data-hr-section=rules] .v2-hr-rule-card>small{grid-column:2 / -1;color:var(--n-muted)}
.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table .native-avatar{display:inline-grid;place-items:center;border-radius:50%;vertical-align:middle;margin-right:10px}
.v2-hr[data-hr-section=payroll] .v2-hr-payroll-person-label{display:inline-grid;vertical-align:middle;gap:3px}
.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table tbody th{text-transform:none;letter-spacing:normal}
@media(min-width:701px){.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table table{min-width:0;table-layout:fixed}.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table :is(th,td){min-width:0;padding:14px 10px;overflow-wrap:anywhere}.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table th:first-child{width:23%}}
@media(max-width:700px){.v2-hr[data-hr-section=rules] .v2-hr-rule-card{grid-template-columns:48px minmax(0,1fr);column-gap:12px}.v2-hr-rule-icon{width:48px;height:48px;border-radius:14px}.v2-hr[data-hr-section=rules] .v2-hr-rule-card>button{grid-column:2;grid-row:auto;justify-self:end}.v2-hr[data-hr-section=rules] .v2-hr-rule-card>.native-setting-row{grid-column:2;grid-template-columns:minmax(0,1fr);gap:12px}.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table tbody th{display:flex;gap:10px;align-items:center}.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table .native-avatar{margin:0;flex:none}.v2-hr[data-hr-section=payroll] .v2-hr-payroll-table tbody td:last-child>.button{display:flex;align-items:center;justify-content:center;width:100%}}

/* D32 KPI/bonus and D33 attendance policy retain native form ownership, with separate action space. */
.v2-hr-contained-form .v2-hr-form-scroll{display:contents}
.v2-hr-contained-form .v2-hr-form-footer{display:flex;gap:12px;justify-content:flex-end;align-items:center}
.v2-hr-contained-form .v2-hr-form-footer>.button{min-height:44px}
@media(max-width:700px){
 .v2-hr .native-settings-dialog.v2-hr-contained-form[open]{display:flex;flex-direction:column;overflow:hidden;gap:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
 .v2-hr .v2-hr-contained-form>header{position:static;flex:none;padding:0;margin:0 0 16px;align-items:flex-start}
 .v2-hr .v2-hr-contained-form>header h3{margin:0;font-size:20px;line-height:1.4}
 .v2-hr .v2-hr-contained-form>.native-settings-body{display:flex;flex:1;min-height:0;overflow:hidden}
 .v2-hr .v2-hr-contained-form>.native-settings-body>.native-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;gap:0}
 .v2-hr .v2-hr-contained-form .v2-hr-form-scroll{display:grid;gap:18px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 3px 16px 0;scroll-padding-block:12px}
 .v2-hr .v2-hr-contained-form .v2-hr-form-scroll>label{display:block}
 .v2-hr .v2-hr-contained-form .v2-hr-form-scroll>label>:is(input,select,textarea){display:block;width:100%;margin-top:8px}
 .v2-hr .v2-hr-contained-form .v2-hr-form-footer{position:static;flex:none;gap:12px;margin:0;padding:12px 0 0;border-top:1px solid var(--n-border);background:#fff}
 .v2-hr .v2-hr-contained-form .v2-hr-form-footer>.button{flex:1;min-width:0;min-height:48px;white-space:normal}
 .v2-hr .v2-hr-contained-form>.native-settings-feedback{flex:none;max-height:96px;overflow:auto;margin:12px 0 0}
}

/* D32 overview and D33 native policy sections: presentation only, accepted footer unchanged. */
.v2-hr[data-hr-section=payroll] .v2-hr-payroll-source-note{margin:0;padding:12px 14px;background:var(--n-brand-soft);border:1px solid #efdac6;border-radius:12px;color:#794226;font-size:13px;line-height:1.5}
.v2-hr[data-hr-section=payroll] .v2-hr-payroll-source-help>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:700;list-style-position:inside}
.v2-hr[data-hr-section=payroll] .v2-hr-payroll-source-help[open]{display:grid;gap:12px}
.v2-hr #native-attendance-settings .v2-hr-policy-tabs{display:flex;gap:8px;border-bottom:1px solid var(--n-border);padding-bottom:12px}
.v2-hr #native-attendance-settings .v2-hr-policy-tabs>button{flex:1;min-height:44px;border:1px solid var(--n-border);border-radius:10px;background:#fff;color:var(--n-muted);font:inherit;font-weight:700;cursor:pointer}
.v2-hr #native-attendance-settings .v2-hr-policy-tabs>button[aria-selected=true]{background:var(--n-brand-soft);color:var(--n-brand);border-color:var(--n-brand)}
.v2-hr #native-attendance-settings .v2-hr-policy-tabs>button:focus-visible{outline:2px solid var(--n-brand);outline-offset:2px}
.v2-hr #native-attendance-settings .v2-hr-policy-panel:not([hidden]){display:grid;gap:18px}
.v2-hr #native-attendance-settings .v2-hr-policy-panel[hidden]{display:none}
.v2-hr #native-attendance-settings .v2-hr-policy-panel label{font-size:14px;line-height:1.5}
.v2-hr #native-attendance-settings .v2-hr-policy-panel .native-check{display:flex;align-items:center;gap:10px;min-height:44px}
.v2-hr #native-attendance-settings .v2-hr-policy-panel .native-check input{width:20px;height:20px;flex:none;margin:1px 0 0}
@media(max-width:700px){
 .v2-hr[data-hr-section=payroll] #native-report-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
 .v2-hr[data-hr-section=payroll] #native-report-filter>label{margin:0;min-width:0}
 .v2-hr[data-hr-section=payroll] #native-report-filter>.button{width:auto;min-height:48px;padding-inline:14px}
 .v2-hr[data-hr-section=payroll] .native-monthly-payroll{padding:16px;gap:12px}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading{display:flex;align-items:flex-start;gap:8px}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading>div{min-width:0;flex:1}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading h3{font-size:18px;margin:0}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading .eyebrow{display:none}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading p:not(.eyebrow){font-size:12px;margin:6px 0 0;line-height:1.5}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading form{margin:0;flex:none}
 .v2-hr[data-hr-section=payroll] .native-payroll-heading .button{font-size:12px;min-height:44px;width:auto;max-width:94px;white-space:normal;padding:8px}
 .v2-hr[data-hr-section=payroll] .v2-hr-payroll-source-note{padding:10px;font-size:12px}
 .v2-hr[data-hr-section=payroll] .v2-hr-payroll-table tbody :is(th,td){padding:8px 10px}
 .v2-hr #native-attendance-settings .v2-hr-policy-panel .native-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .v2-hr #native-attendance-settings .v2-hr-policy-panel label>:is(input:not([type=checkbox]),select){display:block;width:100%;font-size:16px;margin-top:8px}
}