.finance-subnav{display:flex;gap:6px;width:max-content;padding:4px;background:#e9ebf2;border-radius:12px;margin-bottom:4px}.finance-subnav button{border:0;background:transparent;padding:9px 22px;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer}.finance-subnav button.active{background:#fff;color:var(--mint-dark);box-shadow:0 2px 8px rgba(36,50,74,.08)}[data-finance-panel][hidden]{display:none}
.salary-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.salary-heading>div:first-child>p:last-child{font-size:11px;color:var(--muted);margin-top:5px}.salary-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.month-stepper{display:flex;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.month-stepper button{width:34px;border:0;background:#f5f6fa;font-size:18px;cursor:pointer}.month-stepper input{border:0;padding:8px;min-width:130px}.job-picker,.pay-type-picker{font-size:9px;font-weight:700}.job-picker select,.pay-type-picker select{display:block;min-width:120px;margin-top:4px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px}.job-picker select{min-width:150px}.job-actions{display:flex;align-items:center;gap:7px}.job-actions button{white-space:nowrap}.danger-text{color:#b45d62!important}.employment-switch{display:flex;width:max-content;justify-self:start;padding:3px;background:#e9ebf2;border-radius:10px}.employment-switch button{border:0;background:transparent;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:700;color:var(--muted);cursor:pointer}.employment-switch button.active{background:#fff;color:var(--mint-dark);box-shadow:0 2px 8px rgba(36,50,74,.08)}
.salary-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.salary-summary article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow);min-width:0}.salary-summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px;overflow-wrap:anywhere}.salary-summary b{font-size:20px;overflow-wrap:anywhere}.salary-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px}.salary-layout .panel{min-width:0}.salary-shifts,.income-history{grid-column:1}.pay-rules,.payslip-panel{grid-column:2}.salary-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.salary-panel-head>div{min-width:0}.salary-panel-head h2,.salary-panel-head p{overflow-wrap:anywhere}.salary-panel-head p{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}.salary-panel-head button{flex:0 0 auto}.shift-list,.rule-list{display:grid;gap:9px}
.shift-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.shift-row label{min-width:0;font-size:8px;color:var(--muted)}.shift-row input,.shift-row select,.rule-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px;font-size:10px}.shift-job{grid-column:span 4}.shift-dates{grid-column:span 7;min-width:0}.shift-dates>span{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.shift-date-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.shift-date-add button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:700;white-space:nowrap}.shift-date-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.shift-date-chips button{border:0;background:#edf0ff;color:var(--mint-dark);border-radius:999px;padding:5px 8px;font-size:9px}.shift-date-chips button i{font-style:normal;margin-left:5px}.shift-date-chips button:disabled{opacity:.75}.shift-start,.shift-end,.shift-sessions{grid-column:span 2}.shift-memo{grid-column:span 4}.shift-result{grid-column:span 2;text-align:right;align-self:center}.shift-result b,.shift-result strong,.shift-result small{display:block;font-size:10px}.shift-result small{color:var(--muted);margin-top:2px}.shift-result strong{color:var(--mint-dark);margin-top:3px}.shift-breaks{grid-column:1/-1;border-top:1px solid var(--line);padding-top:9px}.shift-break-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.shift-break-head>span{font-size:9px;font-weight:700}.shift-break-head button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:700}.shift-break-list{display:grid;gap:6px;margin-top:7px}.shift-break-list>p{font-size:9px;color:var(--muted)}.shift-break-row{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) 28px;align-items:end;gap:7px}.shift-break-row>span{font-size:10px;color:var(--muted);padding-bottom:8px}.shift-break-row>button{border:0;background:transparent;color:#ba6a67;height:30px}.shift-row>.row-delete{grid-column:12;grid-row:1;align-self:start}.row-delete{border:0;background:transparent;color:#ba6a67;height:30px;cursor:pointer}.session-rate-editor{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px;color:var(--muted);font-size:10px}.session-rate-editor input{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px;text-align:right;font-size:18px;font-weight:700}
.rule-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(210px,1.35fr) minmax(145px,.8fr) 26px;align-items:end;gap:8px}.rule-time-range{display:grid;grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr);align-items:end;gap:6px}.rule-time-range label>span{display:block;margin-bottom:4px;font-size:8px;color:var(--muted)}.rule-time-range i{padding-bottom:9px;font-size:10px;font-style:normal;color:var(--muted)}.rule-rate{display:flex;align-items:center;justify-self:start;width:100%;gap:6px;white-space:nowrap;font-size:9px;color:var(--muted)}.rule-rate input{width:min(130px,100%)}
.salary-history{display:grid}.salary-history>div{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.salary-history>div:first-child{border-top:0}.salary-history span{color:var(--muted)}.salary-history b{overflow-wrap:anywhere}.salary-history strong{color:var(--mint-dark)}.salary-empty{text-align:center;color:var(--muted);font-size:10px;padding:24px}.payslip-upload{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:7px}.payslip-upload>input{border:1px solid var(--line);border-radius:9px;padding:8px;min-width:0}.payslip-upload label{text-align:center;cursor:pointer}.payslip-upload label input{display:none}.payslip-note{font-size:9px;color:var(--muted);margin:9px 0;overflow-wrap:anywhere}.payslip-list{display:grid}.payslip-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:9px}.payslip-row b{overflow-wrap:anywhere}.payslip-row a,.payslip-row button{border:0;background:none;color:var(--mint-dark);font-weight:700;text-decoration:none;cursor:pointer}
@media(max-width:1250px){.salary-layout{grid-template-columns:1fr}.salary-shifts,.income-history,.pay-rules,.payslip-panel{grid-column:1}}
@media(max-width:900px){.salary-heading{flex-direction:column}.salary-controls{width:100%;justify-content:flex-start}.salary-summary{grid-template-columns:1fr 1fr}.rule-row{grid-template-columns:minmax(100px,1fr) minmax(200px,1.35fr) minmax(140px,.8fr) 28px}.shift-job{grid-column:span 5}.shift-dates{grid-column:span 6}.shift-start,.shift-end,.shift-sessions{grid-column:span 3}.shift-memo{grid-column:span 6}.shift-result{grid-column:span 3}}
@media(max-width:760px){.finance-subnav{width:100%;display:grid;grid-template-columns:1fr 1fr}.salary-summary{gap:8px}.salary-summary article{padding:14px}.salary-summary b{font-size:17px}.salary-layout{gap:12px}.salary-layout .panel{padding:18px;border-radius:18px}.salary-controls{display:grid;grid-template-columns:1fr 1fr}.month-stepper{grid-column:1/-1}.month-stepper input{width:100%}.job-picker select,.pay-type-picker select{min-width:0;width:100%}.job-actions{align-self:end;flex-wrap:wrap}.employment-switch{align-self:end;justify-self:start}.payslip-upload{grid-template-columns:1fr 1fr}.payslip-upload button{grid-column:1/-1}.salary-panel-head h2{font-size:19px}.salary-panel-head .primary-btn,.salary-panel-head .secondary-btn{white-space:normal}.rule-row{grid-template-columns:minmax(0,1fr) 30px;align-items:start}.rule-name{grid-column:1}.rule-row>.row-delete{grid-column:2;grid-row:1}.rule-time-range,.rule-rate{grid-column:1/-1}.rule-time-range label>span{font-size:10px}.rule-rate{width:min(220px,100%)}.shift-row{grid-template-columns:1fr 1fr;padding:14px}.shift-job,.shift-dates,.shift-memo{grid-column:1/-1}.shift-start,.shift-end,.shift-sessions,.shift-result{grid-column:auto}.shift-row>.row-delete{grid-column:2;grid-row:1;justify-self:end}.shift-result{text-align:left}.shift-date-add{grid-template-columns:1fr auto}.shift-row label,.shift-dates>span{font-size:10px}.shift-row input,.shift-row select,.rule-row input{font-size:16px;padding:10px}.shift-date-add button{font-size:11px;padding-inline:12px}.shift-date-chips button{font-size:11px}.shift-break-row{grid-template-columns:1fr auto 1fr 28px}}
@media(max-width:430px){.salary-controls{grid-template-columns:1fr}.month-stepper,.job-picker,.pay-type-picker,.employment-switch,.job-actions{grid-column:1}.salary-summary{grid-template-columns:1fr}.salary-panel-head{align-items:flex-start}.shift-start,.shift-end,.shift-sessions,.shift-result{grid-column:1/-1}.shift-break-row{grid-template-columns:1fr auto 1fr 28px}}

/* Payroll periods and touch-friendly shift editor */
.salary-month-picker,.job-picker,.closing-day-picker,.payday-picker,.pay-type-picker,.base-rate-picker,.session-rate-picker{display:grid;gap:5px;font-size:10px;font-weight:700;color:var(--text)}
.session-rate-picker span{display:flex;align-items:center;gap:5px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);white-space:nowrap}.session-rate-picker input{width:70px;border:0;background:transparent;text-align:right;font-size:15px;font-weight:700;color:var(--text);outline:0}.session-rate-picker em{font-style:normal;font-size:11px}
.closing-day-picker span,.payday-picker span{display:flex;align-items:center;gap:5px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);white-space:nowrap}
.closing-day-picker input,.payday-picker input{width:48px;border:0;background:transparent;text-align:left;font-size:15px;font-weight:700;color:var(--text);outline:0}
.salary-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.salary-period-card b{font-size:14px;line-height:1.55}.salary-period-card span{display:block;margin-top:7px;font-size:10px;font-weight:700;color:var(--mint-dark)}
.salary-register-card{display:flex;flex-direction:column;align-items:flex-start}.salary-register-card button{width:100%;margin-top:10px;padding:9px 10px;font-size:10px}.salary-register-card button:disabled{opacity:.45;cursor:not-allowed}
.shift-row{gap:12px;padding:18px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(36,50,74,.05)}
.shift-row label,.shift-dates>span{font-size:10px;font-weight:700}.shift-row input,.shift-row select{min-height:44px;padding:10px 12px;font-size:15px;border-radius:10px}
.shift-dates{grid-column:1/-1}.shift-date-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:7px}
.shift-date-calendar button{display:grid;place-items:center;gap:2px;min-height:46px;padding:5px 2px;border:1px solid var(--line);border-radius:9px;background:#f8f9fc;color:var(--text);cursor:pointer}
.shift-date-calendar button b{font-size:11px}.shift-date-calendar button small{font-size:8px;color:var(--muted)}
.shift-date-calendar button.selected{border-color:#5267c9;background:#edf0ff;color:#3e55bd;box-shadow:inset 0 0 0 1px #5267c9}.shift-date-calendar button.selected small{color:#5267c9}.shift-date-calendar button:disabled{opacity:1;cursor:default}
.shift-start,.shift-end{grid-column:span 3}.shift-row input[type="time"],.rule-row input[type="time"]{font-variant-numeric:tabular-nums;cursor:pointer;color-scheme:light}
.shift-breaks{margin-top:4px;padding-top:14px}.shift-break-head>span{font-size:11px}.shift-break-head button{min-height:36px;font-size:10px}.shift-break-row label{font-size:10px}.shift-break-row input{font-size:15px}

@media(max-width:900px){.salary-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-date-calendar{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.salary-month-picker{grid-column:1/-1}.closing-day-picker,.payday-picker{min-width:0}.shift-row{padding:16px}.shift-date-calendar{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shift-date-calendar button{min-height:52px}.shift-date-calendar button b{font-size:13px}.shift-date-calendar button small{font-size:10px}.shift-start,.shift-end{grid-column:auto}.shift-break-row input{font-size:16px}}
@media(max-width:430px){.salary-month-picker,.job-picker,.closing-day-picker,.payday-picker,.pay-type-picker{grid-column:1}.salary-summary{grid-template-columns:1fr}.shift-date-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-start,.shift-end{grid-column:1/-1}}

.salary-workplace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.job-tabs{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.job-tabs button{display:flex;align-items:center;gap:6px;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.job-tabs button small{padding:3px 6px;border-radius:999px;background:#f0f1f5;font-size:8px}.job-tabs button.active{border-color:#5267c9;color:#3e55bd;background:#f2f4ff;box-shadow:inset 0 0 0 1px #5267c9}
.salary-workplace-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.salary-heading{margin-top:0}.salary-controls{max-width:720px}
.shift-row{position:relative}.shift-row>.row-delete{position:absolute;top:8px;right:8px;grid-column:auto;grid-row:auto}.shift-dates{padding-right:28px}.shift-result{grid-column:span 3}.salary-panel-head button:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:900px){.salary-workplace-bar{align-items:flex-start;flex-direction:column}.salary-workplace-actions{justify-content:flex-start}}
@media(max-width:760px){.salary-workplace-bar{margin-bottom:14px}.job-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.job-tabs button{justify-content:center;min-width:0}.salary-workplace-actions{width:100%;justify-content:space-between}.salary-workplace-actions .job-actions{justify-content:flex-end}.shift-dates{padding-right:24px}}
@media(max-width:430px){.job-tabs{grid-template-columns:1fr}.salary-workplace-actions{align-items:flex-start;flex-direction:column}.salary-workplace-actions .job-actions{justify-content:flex-start}}

/* Clearer payroll form layout */
.salary-layout{align-items:start}.salary-view input::placeholder{color:#a9afba;font-size:11px;font-weight:500;opacity:1}
.closing-day-picker input::placeholder,.payday-picker input::placeholder{font-size:12px}.closing-day-picker input,.payday-picker input{width:38px}
.pay-rules{overflow:hidden}.rule-list{gap:12px}.rule-row{position:relative;grid-template-columns:minmax(130px,1fr) minmax(230px,1.35fr) minmax(145px,.8fr);align-items:end;gap:12px;padding:14px 38px 14px 14px;border:1px solid var(--line);border-radius:13px;background:#f9faff}
.rule-row>.row-delete{position:absolute;top:8px;right:7px}.rule-name,.rule-rate{display:block;min-width:0;width:100%;font-size:9px;font-weight:700;color:var(--muted)}
.rule-name>span,.rule-rate>span,.rule-time-range label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:700;color:var(--muted)}
.rule-row input{min-width:0;width:100%;height:42px;padding:9px 10px;border-radius:9px;background:#fff;font-size:14px}
.rule-time-range{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;width:100%;min-width:0;gap:5px}.rule-time-range label{min-width:0}.rule-time-range input{min-width:0;max-width:100%;font-variant-numeric:tabular-nums}.rule-time-range i{display:grid;place-items:center;height:42px;padding:0;font-size:12px}
.rule-rate>div{display:flex;align-items:center;gap:7px;min-width:0}.rule-rate input{flex:1;width:auto;text-align:right}.rule-rate em{flex:0 0 auto;font-size:10px;font-style:normal;font-weight:600;white-space:nowrap;color:var(--muted)}
.rule-row input[type="time"]::-webkit-date-and-time-value{text-align:left}.salary-panel-head h2{line-height:1.35}

@media(max-width:760px){.salary-layout .panel{padding:16px}.salary-panel-head{gap:10px}.salary-panel-head h2{font-size:18px}.salary-panel-head p{font-size:10px}.rule-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}.rule-name,.rule-time-range,.rule-rate{grid-column:1;width:100%}.rule-name{padding-right:26px}.rule-row>.row-delete{grid-column:auto;grid-row:auto;top:7px;right:6px}.rule-row input{height:46px;padding:10px;font-size:16px}.rule-time-range{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.rule-time-range i{height:46px}.rule-rate>div{width:min(220px,100%)}.rule-rate input{font-size:16px}.salary-view input::placeholder{font-size:10px}.closing-day-picker input::placeholder,.payday-picker input::placeholder{font-size:11px}}

.salary-view,.salary-heading,.salary-controls,.salary-layout,.salary-layout .panel{min-width:0;max-width:100%}.salary-view{overflow-x:clip}.salary-controls>label{min-width:0}
@media(max-width:760px){.salary-controls{width:100%;max-width:none;justify-content:start}.shift-date-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.shift-date-calendar button{min-width:0;min-height:40px;padding:4px 1px;border-radius:7px}.shift-date-calendar button b{font-size:10px}.shift-date-calendar button small{font-size:8px}}
@media(max-width:430px){.shift-date-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.shift-date-calendar button{min-height:38px}.shift-date-calendar button b{font-size:9px}.shift-date-calendar button small{font-size:7px}}

/* Compact salary navigation and grouped payroll settings */
.salary-workplace-bar{padding:12px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(36,50,74,.04)}
.salary-job-select{display:grid;grid-template-columns:auto minmax(160px,260px);align-items:center;gap:10px;min-width:0;font-size:10px;font-weight:800;color:var(--muted)}
.salary-job-select select{width:100%;min-width:0;height:40px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:10px;background:#f8f9fc;color:var(--text);font-size:13px;font-weight:800}
.salary-workplace-primary{display:flex;align-items:end;justify-content:flex-start;gap:8px;min-width:0}.salary-workplace-primary .job-actions{padding-bottom:2px}
.salary-workplace-actions{flex-wrap:nowrap}.salary-workplace-actions .job-actions{gap:4px}.salary-workplace-actions .job-actions button{min-height:36px;padding:7px 9px;font-size:10px}
.salary-heading{display:block;margin-bottom:10px}.salary-heading>div:first-child>p:last-child{margin-top:3px}
.salary-settings-panel{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:14px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}
.salary-month-top{grid-column:1/-1}.salary-month-top .month-stepper{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;width:100%}.salary-month-top .month-stepper input{width:100%;min-width:0;text-align:center;font-weight:700}.salary-settings-title h3{font-size:15px}.salary-settings-title p{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}.salary-settings-panel .salary-controls{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));max-width:none;justify-content:stretch}
.salary-rate-settings{grid-column:1/-1;display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8f9fc}.salary-rate-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.salary-rate-settings-head>div{display:grid;gap:2px}.salary-rate-settings-head b{font-size:11px}.salary-rate-settings-head small{font-size:8px;color:var(--muted)}.salary-rate-settings-head button{padding:7px 10px;font-size:9px;white-space:nowrap}.salary-rate-settings .base-rate-picker{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px}.salary-rate-settings .base-rate-picker>span{font-size:9px;color:var(--muted)}.salary-rate-settings .base-rate-picker>div{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.salary-rate-settings .base-rate-picker input{width:100%;min-width:0;border:0;background:transparent;text-align:left;font-size:15px;font-weight:700;outline:0}.salary-rate-settings .base-rate-picker em{font-size:10px;font-style:normal;color:var(--muted);white-space:nowrap}.salary-rate-settings .rule-list{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-rate-settings .salary-empty{grid-column:1/-1;padding:10px}
.salary-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.salary-settings-panel{grid-template-columns:1fr}.salary-rate-settings .rule-list{grid-template-columns:1fr}.salary-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-workplace-actions{flex-wrap:wrap}}
@media(max-width:760px){.salary-workplace-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px}.salary-workplace-primary{display:contents}.salary-job-select{grid-column:1/-1;grid-row:1;width:100%;grid-template-columns:1fr}.salary-job-select select{height:44px;font-size:16px}.salary-workplace-primary .job-actions{grid-column:1;grid-row:2;justify-content:flex-start;padding-top:6px}.salary-workplace-bar>.employment-switch{grid-column:2;grid-row:2;align-self:end;margin-top:6px}.salary-settings-panel{padding:14px}.salary-settings-panel .salary-controls{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.salary-workplace-actions{align-items:flex-start;flex-direction:column}.salary-settings-panel .salary-controls{grid-template-columns:1fr}.base-rate-picker{grid-column:1}.salary-summary{grid-template-columns:1fr}}

/* Space-saving time-based wage editor */
.salary-rate-settings{gap:7px;padding:9px}.salary-rate-settings-head b{font-size:10px}.salary-rate-settings-head small{display:none}.salary-rate-settings-head button{min-height:30px;padding:5px 9px}.salary-rate-settings .base-rate-picker{grid-template-columns:58px minmax(0,1fr);gap:6px}.salary-rate-settings .base-rate-picker>div{height:36px;padding-inline:9px}.salary-rate-settings .base-rate-picker input{font-size:13px}.salary-rate-settings .rule-list{gap:7px}
.salary-rate-settings .rule-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,.55fr) 24px;gap:6px;padding:8px;border-radius:10px;align-items:end}.salary-rate-settings .rule-name{grid-column:1;grid-row:1;padding:0}.salary-rate-settings .rule-rate{grid-column:2;grid-row:1}.salary-rate-settings .rule-row>.row-delete{position:static;grid-column:3;grid-row:1;width:24px;height:36px;align-self:end}.salary-rate-settings .rule-name>span,.salary-rate-settings .rule-rate>span{display:none}.salary-rate-settings .rule-name input,.salary-rate-settings .rule-rate input{height:36px;padding:7px 8px;font-size:12px}.salary-rate-settings .rule-rate>div{gap:4px}.salary-rate-settings .rule-rate em{font-size:8px}.salary-rate-settings .rule-time-range{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:4px}.salary-rate-settings .rule-time-range label>span{margin-bottom:3px;font-size:7px}.salary-rate-settings .rule-time-range input{height:36px;padding:6px 8px;font-size:12px}.salary-rate-settings .rule-time-range i{height:36px;font-size:9px}
.salary-rate-summary{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#f8f9fc}.salary-rate-summary>span{grid-column:1;grid-row:1;font-size:9px;font-weight:700;color:var(--muted)}.salary-rate-summary>div{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr;gap:4px;min-width:0}.salary-rate-summary small{display:block;padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font-size:8px;white-space:normal}.salary-rate-summary button{grid-column:2;grid-row:1;min-height:30px;padding:5px 9px;font-size:9px}
.salary-rate-dialog{width:min(600px,calc(100% - 24px))}.salary-rate-dialog form{gap:12px;padding:18px}.salary-rate-dialog [data-rate-dialog-body]{max-height:min(68vh,620px);overflow:auto}.salary-rate-dialog .salary-rate-settings{grid-column:auto;border:0;background:transparent;padding:0}.salary-rate-dialog .salary-rate-settings .rule-list{grid-template-columns:1fr}
@media(max-width:430px){.salary-rate-dialog form{padding:15px}.salary-rate-dialog .salary-rate-settings .rule-row{grid-template-columns:minmax(0,1fr) 86px 22px}}

/* De-emphasized workplace selector */
.salary-workplace-bar{gap:6px;margin-bottom:8px;padding:8px 10px;border-radius:10px;box-shadow:none}.salary-job-select{grid-template-columns:auto minmax(130px,210px);gap:7px;font-size:8px}.salary-job-select select{height:34px;padding-left:9px;font-size:11px}.salary-workplace-primary{gap:5px}.salary-workplace-primary .job-actions{gap:2px;padding-bottom:0}.salary-workplace-primary .job-actions button{min-height:30px;padding:5px 7px;font-size:9px}.salary-workplace-bar>.employment-switch{padding:2px}.salary-workplace-bar>.employment-switch button{min-height:28px;padding:5px 7px;font-size:9px}
@media(max-width:760px){.salary-workplace-bar{padding:8px 9px}.salary-workplace-bar .salary-job-select{grid-template-columns:auto minmax(0,1fr);gap:6px}.salary-workplace-bar .salary-job-select select{height:36px;font-size:13px}.salary-workplace-primary .job-actions{padding-top:3px}.salary-workplace-bar>.employment-switch{margin-top:3px}}

/* Readable configured-rate list */
.salary-rate-summary small{display:grid;grid-template-columns:minmax(52px,.7fr) minmax(90px,1fr) auto;align-items:center;gap:7px}.salary-rate-summary small b{font-size:8px;overflow:hidden;text-overflow:ellipsis}.salary-rate-summary small span{color:var(--muted);font-variant-numeric:tabular-nums}.salary-rate-summary small strong{text-align:right;font-size:9px;color:var(--text);white-space:nowrap}
@media(max-width:430px){.salary-rate-summary small{grid-template-columns:minmax(44px,.65fr) minmax(80px,1fr) auto;gap:5px}}

.salary-rate-summary{width:min(82%,320px);justify-self:start}