/* Scoped HR module styles; does not alter other CRM routes. */
.hr-root{--hr-ink:var(--text,#182c40);--hr-muted:var(--muted,#697c8c);--hr-panel:var(--panel,#fff);--hr-line:var(--border,#dce5ee);--hr-soft:var(--panel-soft,#f5f8fc);--hr-accent:#12675e;color:var(--hr-ink);min-width:0;font-size:13px;line-height:1.5}
.hr-root [hidden]{display:none!important}.hr-root h2,.hr-root h3,.hr-root h4,.hr-root p{margin:0}.hr-root h2{font-size:25px;letter-spacing:-.6px;font-weight:500}.hr-root h3{font-size:17px;font-weight:500;letter-spacing:-.25px}.hr-root h4{font-size:16px}.hr-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}.hr-heading-copy p{color:var(--hr-muted);margin-top:5px}.hr-kicker{font-size:10px;letter-spacing:1.6px;font-weight:400;color:var(--hr-accent);display:block;margin-bottom:7px}.hr-heading-actions{display:flex;align-items:center;gap:12px}.hr-lock{font-size:11px;color:var(--hr-muted);white-space:nowrap}
.hr-btn{border:1px solid var(--hr-line);background:var(--hr-panel);color:var(--hr-ink);padding:9px 13px;border-radius:6px;font-size:12px;font-weight:400;cursor:pointer;white-space:nowrap;line-height:1.35;transition:background .15s,border-color .15s;box-shadow:none}.hr-btn:hover{background:var(--hr-soft);border-color:#E2E8F0}.hr-btn.hr-primary{background:var(--hr-accent);color:#FFFFFF;border-color:var(--hr-accent)}.hr-btn.hr-primary:hover{background:#0F172A}.hr-btn:disabled{opacity:.5;cursor:wait}.hr-btn:focus-visible,.hr-tabs button:focus-visible,.hr-kpi:focus-visible{outline:3px solid #64748B;outline-offset:3px}.hr-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hr-tabs{display:flex;gap:4px;border-bottom:1px solid var(--hr-line);overflow:auto;margin-bottom:17px;padding:0 0 1px;scrollbar-width:thin}.hr-tabs button{font:inherit;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--hr-muted);font-size:12px;font-weight:500;padding:12px 14px;white-space:nowrap;cursor:pointer}.hr-tabs button.is-active{color:var(--hr-accent);border-bottom-color:var(--hr-accent)}.hr-tabs button:hover{background:var(--hr-soft)}
.hr-filters{display:flex;align-items:end;gap:12px;background:var(--hr-panel);border:1px solid var(--hr-line);border-radius:6px;padding:13px 16px;margin:0 0 20px}.hr-filters .hr-field{width:180px}.hr-filters .hr-field:nth-child(3){width:260px;margin-right:auto}.hr-field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:400;color:var(--hr-muted);margin:0}.hr-field input,.hr-field select,.hr-field textarea{border:1px solid var(--hr-line);border-radius:6px;background:var(--hr-panel);color:var(--hr-ink);width:100%;padding:10px 11px;min-height:39px;font-size:13px;font-weight:400;line-height:1.35}.hr-field input:focus,.hr-field select:focus,.hr-field textarea:focus{border-color:#E2E8F0;outline:0;box-shadow:none}.hr-field textarea{resize:vertical}.hr-filters .hr-btn{min-height:39px}
.hr-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.hr-section-head p{font-size:12px;color:var(--hr-muted);margin-top:4px;max-width:740px}.hr-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.hr-kpi{display:grid;grid-template-columns:1fr 38px;text-align:left;background:var(--hr-panel);border:1px solid var(--hr-line);border-radius:6px;padding:19px 20px;cursor:pointer;color:var(--hr-muted);font-size:12px;position:relative;gap:6px;transition:box-shadow .15s,transform .15s}.hr-kpi:hover{box-shadow:none;transform:translateY(-2px)}.hr-kpi>span:not(.hr-kpi-icon){grid-row:1;grid-column:1}.hr-kpi-icon{grid-row:1/3;grid-column:2;background:#FFFFFF;color:#0F172A;height:36px;width:36px;display:grid;place-items:center;font-size:21px;border-radius:6px}.hr-kpi strong{grid-column:1;color:var(--hr-ink);font-size:27px;letter-spacing:-.6px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums}.hr-kpi small{grid-column:1/-1;border-top:1px solid var(--hr-line);padding-top:10px;margin-top:7px;font-size:10px;display:flex;justify-content:space-between}.hr-kpi small span{color:var(--hr-accent);font-size:13px}
.hr-card{border:1px solid var(--hr-line);border-radius:6px;background:var(--hr-panel);padding:23px}.hr-overview-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:20px}.hr-steps{list-style:none;margin:20px 0 25px;padding:0;display:grid;gap:19px}.hr-steps li{display:flex;gap:14px;align-items:start}.hr-steps b{width:29px;height:29px;border-radius:6px;background:var(--hr-soft);color:var(--hr-accent);display:grid;place-items:center;flex:none;font-size:12px}.hr-steps p{font-size:12px;color:var(--hr-muted);margin-top:2px}.hr-doc-card{display:flex;align-items:center;gap:24px;background:#FFFFFF;overflow:hidden}.hr-template-thumb{width:135px;box-shadow:none;border:1px solid var(--hr-line);border-radius:3px;transform:rotate(-3deg);flex-shrink:0}.hr-doc-card p{font-size:12px;color:var(--hr-muted);margin:13px 0 21px}.hr-doc-card h3{font-size:20px;line-height:1.35}
.hr-table-scroll{border:1px solid var(--hr-line);border-radius:6px;overflow:auto;background:var(--hr-panel);max-width:100%}.hr-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.5;min-width:690px}.hr-table thead{background:var(--hr-soft)}.hr-table th{padding:13px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.45px;color:var(--hr-muted);font-weight:500;white-space:nowrap;border-bottom:1px solid var(--hr-line)}.hr-table td{border-bottom:1px solid var(--hr-line);padding:15px;vertical-align:top;max-width:350px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hr-table tr:last-child td{border-bottom:0}.hr-table tr:hover td{background:var(--hr-soft)}.hr-table small{display:block;color:var(--hr-muted);font-size:10px;margin-top:3px;line-height:1.5;max-width:370px}.hr-table td:last-child{white-space:normal;min-width:90px}.hr-table td .hr-btn{font-size:10px;padding:6px 9px;margin:0 4px 5px 0}.hr-empty{padding:48px 24px!important;text-align:center;color:var(--hr-muted);font-size:13px;white-space:normal}.hr-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:400;padding:4px 8px;border-radius:5px;background:var(--hr-soft);color:var(--hr-muted);white-space:nowrap;line-height:1.3}.hr-status-active,.hr-status-paid,.hr-status-applied,.hr-status-closed{background:#FFFFFF;color:#0F172A}.hr-status-pending,.hr-status-draft,.hr-status-open,.hr-status-final{background:#FFFFFF;color:#0F172A}.hr-status-approved,.hr-status-reserved,.hr-status-acknowledged{background:#FFFFFF;color:#0F172A}.hr-status-void,.hr-status-inactive{background:#FFFFFF;color:#64748B}.hr-attention{color:#0F172A!important}.hr-info{border:1px solid var(--hr-line);background:var(--hr-soft);padding:13px 16px;border-radius:6px;font-size:12px;color:var(--hr-muted);margin:0 0 16px;line-height:1.6}.hr-hint{color:var(--hr-muted);font-size:11px;line-height:1.6;margin-top:15px!important}.hr-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:15px}.hr-pager>span{margin-right:auto;color:var(--hr-muted);font-size:11px}.hr-notice{border:1px solid #E2E8F0;background:#FFFFFF;color:#0F172A;padding:12px 15px;border-radius:6px;margin-bottom:18px}.hr-error,.hr-form-error{background:#FFFFFF;color:#0F172A;border-color:#E2E8F0}.hr-payroll-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--hr-panel);border:1px solid var(--hr-line);border-radius:6px;padding:18px 20px;margin-bottom:16px}.hr-payroll-banner>div:first-child{display:grid;gap:5px}.hr-payroll-banner strong{font-size:28px;color:var(--hr-ink);letter-spacing:-.6px}.hr-payroll-banner>div>span:not(.hr-badge){font-size:11px;color:var(--hr-muted)}.hr-payroll-banner .hr-badge{justify-self:start}.hr-total-strip{display:flex;justify-content:flex-end;gap:30px;padding:18px;background:var(--hr-soft);border:1px solid var(--hr-line);border-top:0;border-radius:0 0 6px 6px;font-size:11px}.hr-total-strip b{display:block;font-size:15px;margin-top:4px}.hr-settings{max-width:740px}.hr-settings dl{display:grid;grid-template-columns:180px 1fr;row-gap:16px;margin:0}.hr-settings dt{color:var(--hr-muted);font-size:12px}.hr-settings dd{margin:0;font-weight:400}.hr-preline{white-space:pre-wrap;margin:14px 0!important;overflow-wrap:anywhere}
.hr-dialog{position:fixed;inset:0;margin:auto;max-height:92vh;max-height:92dvh;width:min(740px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:0;border:1px solid var(--hr-line);border-radius:6px;box-shadow:none;background:var(--hr-panel);color:var(--hr-ink);overflow:auto}.hr-dialog-wide{width:min(1140px,calc(100vw - 32px))}.hr-dialog::backdrop{background:rgba(15,23,42,0.6196078431372549);backdrop-filter:blur(3px)}.hr-modal-form>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 24px;border-bottom:1px solid var(--hr-line);position:sticky;top:0;background:var(--hr-panel);z-index:2}.hr-modal-form h3{font-size:19px}.hr-modal-form>header .hr-kicker{font-size:9px;margin-bottom:4px}.hr-close{border:1px solid var(--hr-line);background:var(--hr-soft);color:var(--hr-muted);border-radius:6px;width:32px;height:32px;font-size:23px;cursor:pointer;line-height:1}.hr-modal-body{padding:24px}.hr-modal-form>footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--hr-line);position:sticky;bottom:0;background:var(--hr-panel);z-index:2}.hr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.hr-span{grid-column:1/-1}.hr-form-error{font-size:12px;border:1px solid #E2E8F0;border-radius:6px;margin:0 24px 18px;padding:12px 14px}.hr-check{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--hr-ink);font-size:13px;font-weight:400}.hr-check input{width:17px;height:17px;accent-color:var(--hr-accent);box-shadow:none}.hr-document-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}.hr-doc-preview{background:var(--hr-soft);border:1px solid var(--hr-line);border-radius:6px;padding:13px;position:sticky;top:0}.hr-preview-label{font-size:11px;font-weight:500;color:var(--hr-muted);margin-bottom:10px}.hr-preview-surface{aspect-ratio:1/1.414;overflow:hidden;background:white;box-shadow:none}.hr-preview-surface>img{width:100%;height:100%;object-fit:contain}.hr-preview-surface iframe{width:100%;height:100%;border:0}.hr-preview-button{width:100%;margin-top:12px}.hr-doc-preview>small{display:block;font-size:10px;color:var(--hr-muted);text-align:center;margin-top:8px}.hr-success-mark{border-radius:6px;width:52px;height:52px;display:grid;place-items:center;color:#0F172A;background:#FFFFFF;margin:0 auto 14px;font-size:27px}.hr-issued{text-align:center}.hr-issued h4{font-size:22px}.hr-issued p{margin:9px 0;color:var(--hr-muted)}.hr-issued .hr-actions{justify-content:center;margin-top:22px}
@media(min-width:1550px){.hr-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.hr-kpi{padding:18px 15px;grid-template-columns:1fr}.hr-kpi-icon{display:none}.hr-kpi strong{font-size:23px}}
@media(max-width:1150px){.hr-overview-grid{grid-template-columns:1fr}.hr-doc-card{min-height:250px}.hr-template-thumb{width:115px}.hr-heading-actions{flex-direction:column;gap:7px}.hr-table th,.hr-table td{padding:12px}}
@media(max-width:700px){.hr-heading{gap:10px;align-items:start}.hr-root h2{font-size:22px}.hr-heading-copy p{font-size:12px}.hr-lock{display:none}.hr-kpis{grid-template-columns:1fr 1fr;gap:10px}.hr-kpi{padding:13px;grid-template-columns:1fr}.hr-kpi-icon{display:none}.hr-kpi strong{font-size:22px}.hr-filters{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:10px}.hr-filters .hr-field,.hr-filters .hr-field:nth-child(3){width:auto;margin:0}.hr-filters .hr-field:nth-child(3){grid-column:1}.hr-section-head{align-items:start;flex-direction:column;gap:12px}.hr-section-head .hr-actions{width:100%}.hr-card{padding:18px}.hr-doc-card{gap:20px}.hr-template-thumb{width:94px}.hr-doc-card h3{font-size:18px}.hr-doc-card p{font-size:11px}.hr-payroll-banner{align-items:start;flex-direction:column}.hr-total-strip{gap:16px;flex-wrap:wrap;justify-content:start}.hr-form-grid{grid-template-columns:1fr}.hr-modal-body{padding:18px}.hr-modal-form>header,.hr-modal-form>footer{padding:16px 18px}.hr-modal-form h3{font-size:17px}.hr-document-layout{grid-template-columns:1fr}.hr-doc-preview{max-width:350px;width:100%;margin:0 auto}.hr-settings dl{grid-template-columns:1fr;row-gap:6px}.hr-settings dd{margin-bottom:14px}.hr-dialog{max-height:95dvh;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}}
.hr-preview-surface.has-document{aspect-ratio:auto;max-height:600px;overflow:auto;background:#FFFFFF}.hr-preview-surface canvas{display:block;width:100%;height:auto;margin-bottom:8px}.hr-preview-surface canvas:last-child{margin-bottom:0}

.hr-commission-tier{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:12px}.hr-commission-simulator{padding:16px;border:1px solid var(--hr-line);border-radius:6px;margin-top:20px}.hr-commission-simulator h4{margin-top:0}.hr-dialog [data-scheme-field][hidden]{display:none!important}.hr-dialog [data-scheme-field]>.hr-field{height:100%}@media(max-width:540px){.hr-commission-tier{grid-template-columns:1fr 1fr}.hr-commission-tier>.hr-btn{grid-column:1/-1;justify-self:end}.hr-commission-simulator{padding:10px}}

/* V150: review the earned amount, loan deduction and actual payout together. */
.hr150-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hr150-payment-summary span{display:grid;gap:5px;font-size:12px;color:#64748b}
.hr150-payment-summary strong{font-size:20px;color:#0f172a;font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:600px){.hr150-payment-summary{grid-template-columns:1fr}.hr150-payment-summary span{grid-template-columns:1fr auto;align-items:center}.hr150-payment-summary strong{font-size:17px}}