.employees-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:2px 0 14px; }
.employees-head-copy { min-width:0; }
.employees-head h1 { margin:0; font-size:clamp(1.35rem,2vw,1.9rem); line-height:1.1; letter-spacing:-.035em; }
.employees-head p { margin:7px 0 0; color:var(--muted); font-size:clamp(.82rem,1vw,.9rem); line-height:1.45; }
.employees-head-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.employees-controls { display:flex; gap:10px; align-items:end; justify-content:space-between; margin-bottom:10px; }
.employees-month-box { display:grid; grid-template-columns:auto 34px minmax(150px,190px) 34px; gap:6px; align-items:center; }
.employees-control-label { color:var(--muted); font-size:.78rem; padding-right:3px; }
.employees-month-arrow { min-height:36px; width:34px; padding:0; border-radius:9px; font-size:1.15rem; }
.employees-month-input { min-height:36px; }
.employees-search { width:min(410px,42vw); min-height:36px; }
.employees-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:8px; }
.employee-metric { min-width:0; padding:11px 13px; border:1px solid var(--line-soft); border-radius:13px; background:rgba(40,45,48,.55); box-shadow:0 8px 24px rgba(0,0,0,.13); display:grid; gap:3px; }
.employee-metric.payment-soon { border-color:rgba(185,101,50,.32); background:rgba(185,101,50,.09); }
.employee-metric-label { color:var(--muted-2); font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; }
.employee-metric-value { font-size:clamp(1rem,1.5vw,1.22rem); line-height:1.2; overflow-wrap:anywhere; }
.employee-metric-muted { color:var(--muted); font-size:.93rem; }
.employee-metric-sub { color:var(--muted); font-size:.75rem; overflow-wrap:anywhere; }
.employees-rule { color:var(--muted-2); font-size:.72rem; line-height:1.4; margin:0 2px 10px; }
.employee-list { display:grid; gap:8px; }
.employee-row { border:1px solid var(--line-soft); border-radius:13px; background:linear-gradient(180deg,rgba(43,48,51,.66),rgba(31,35,38,.7)); box-shadow:0 8px 24px rgba(0,0,0,.14); overflow:clip; }
.employee-row.open { border-color:rgba(185,101,50,.23); box-shadow:0 13px 34px rgba(0,0,0,.2); }
.employee-summary { min-height:54px; display:grid; grid-template-columns:minmax(180px,1.5fr) minmax(105px,.65fr) minmax(120px,.65fr) auto 32px; gap:10px; align-items:center; padding:7px 11px; }
.employee-summary:hover { background:rgba(255,255,255,.023); }
.employee-summary-main { min-width:0; border:0; background:transparent; color:inherit; padding:3px 2px; text-align:left; cursor:pointer; }
.employee-primary { min-width:0; display:block; }
.employee-primary strong,.employee-primary span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.employee-primary strong { font-size:.91rem; }
.employee-primary span { color:var(--muted-2); font-size:.75rem; margin-top:2px; }
.employee-social-quick { min-width:0; color:#d8a481; text-decoration:none; font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.employee-social-quick:hover { text-decoration:underline; }
.employee-social-empty { color:var(--muted-2); }
.employee-summary-salary { display:grid; gap:1px; min-width:0; }
.employee-summary-salary span { color:var(--muted-2); font-size:.66rem; text-transform:uppercase; letter-spacing:.04em; }
.employee-summary-salary strong { font-size:.86rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.employee-status { display:inline-flex; justify-self:end; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; font-size:.71rem; font-weight:700; white-space:nowrap; border:1px solid transparent; }
.status-active { color:#a9d6b6; background:rgba(86,143,103,.12); border-color:rgba(119,177,135,.22); }
.status-inactive { color:#a7afb3; background:rgba(255,255,255,.035); border-color:var(--line-soft); }
.status-scheduled { color:#dfc27b; background:rgba(175,137,51,.12); border-color:rgba(203,163,72,.22); }
.employee-chevron { width:30px; height:30px; border:0; border-radius:9px; background:transparent; color:var(--muted); cursor:pointer; font-size:1rem; }
.employee-chevron:hover { background:rgba(255,255,255,.045); color:var(--text); }
.employee-detail { border-top:1px solid var(--line-soft); }
.employee-detail-body { padding:13px 15px; display:grid; gap:0; animation:employee-open .18s ease-out; }
@keyframes employee-open { from{opacity:.35;transform:translateY(-3px)} to{opacity:1;transform:none} }
.employee-info-row { min-height:41px; display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; align-items:center; border-bottom:1px solid rgba(255,255,255,.04); }
.employee-info-row:last-of-type { border-bottom:0; }
.employee-info-label { color:var(--muted-2); font-size:.77rem; }
.employee-info-value { min-width:0; font-size:.84rem; overflow-wrap:anywhere; }
.employee-link { color:#dca783; text-decoration:none; }
.employee-link:hover { text-decoration:underline; }
.employee-actions { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; padding-top:12px; }
.employee-empty { min-height:165px; display:grid; place-content:center; text-align:center; gap:6px; color:var(--muted); border:1px dashed var(--line); border-radius:14px; }
.employee-empty strong { color:var(--text); font-size:.95rem; }
.employee-empty span { font-size:.83rem; }
.employee-loading { padding:22px 3px; }
.employees-footer { display:flex; justify-content:center; align-items:center; gap:10px; padding:12px 0 0; }
.employees-page-label { color:var(--muted); font-size:.78rem; }

.employee-modal { width:min(100%,760px); max-height:calc(100dvh - 24px); overflow-y:auto; }
.employee-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 12px; margin-top:10px; }
.employee-form .field { gap:5px; }
.employee-form .field label { font-size:.78rem; }
.employee-form .input,.employee-form .select { min-height:38px; border-radius:9px; font-size:.86rem; }
.form-span-2 { grid-column:1 / -1; }
.employee-schedule-editor { padding:9px 11px; border:1px solid var(--line-soft); border-radius:11px; background:rgba(255,255,255,.018); }
.employee-check { display:flex; align-items:center; gap:8px; font-size:.82rem; color:var(--text); cursor:pointer; }
.employee-check input { accent-color:var(--accent); width:16px; height:16px; }
.employee-schedule-fields { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:8px; margin-top:8px; }
.employee-schedule-editor .field-hint { margin-top:6px; }
.payroll-modal { width:min(100%,520px); }
.payroll-form { display:grid; gap:10px; margin-top:10px; }
.payroll-days { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.dismiss-form { display:grid; gap:12px; }
.dismiss-form p { margin:0; }

@media (max-width:900px) {
  .employee-summary { grid-template-columns:minmax(170px,1.4fr) minmax(90px,.6fr) minmax(105px,.6fr) auto 30px; gap:7px; }
  .employees-metrics { gap:7px; }
}
@media (max-width:760px) {
  .employees-head { align-items:flex-start; }
  .employees-controls { align-items:stretch; }
  .employees-month-box { grid-template-columns:auto 32px minmax(140px,1fr) 32px; }
  .employees-search { width:min(330px,42vw); }
  .employees-metrics { grid-template-columns:1fr 1fr; }
  .employee-summary { grid-template-columns:minmax(0,1fr) minmax(100px,.65fr) auto 30px; }
  .employee-social-quick,.employee-social-empty { grid-row:2; grid-column:1; }
  .employee-summary-salary { grid-column:2; grid-row:1 / span 2; }
  .employee-status { grid-column:3; grid-row:1 / span 2; }
  .employee-chevron { grid-column:4; grid-row:1 / span 2; }
  .employee-info-row { grid-template-columns:125px minmax(0,1fr); }
}
@media (max-width:620px) {
  .employees-head { display:grid; gap:10px; }
  .employees-head-actions { justify-content:stretch; }
  .employees-head-actions .btn { flex:1 1 150px; min-height:38px; }
  .employees-controls { display:grid; }
  .employees-month-box { grid-template-columns:auto 32px minmax(0,1fr) 32px; }
  .employees-search { width:100%; }
  .employee-form { grid-template-columns:1fr; gap:8px; }
  .employee-form .form-span-2 { grid-column:1; }
  .employee-schedule-fields { grid-template-columns:1fr 1fr; }
  .employee-schedule-fields .field:first-child { grid-column:1 / -1; }
}
@media (max-width:520px) {
  .employees-metrics { grid-template-columns:1fr; }
  .employee-metric { padding:9px 11px; }
  .employee-summary { grid-template-columns:minmax(0,1fr) auto 28px; gap:6px; padding:7px 9px; }
  .employee-social-quick,.employee-social-empty { grid-column:1; grid-row:2; }
  .employee-summary-salary { grid-column:1; grid-row:3; display:flex; gap:6px; align-items:center; }
  .employee-status { grid-column:2; grid-row:1 / span 3; }
  .employee-chevron { grid-column:3; grid-row:1 / span 3; }
  .employee-info-row { grid-template-columns:1fr; gap:3px; padding:8px 0; }
  .employee-actions .btn { flex:1 1 120px; }
  .employee-modal { max-height:calc(100dvh - 10px); }
  .payroll-days { grid-template-columns:1fr; }
}

/* v0.5.1.1 payroll management */
.employees-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.employee-summary { grid-template-columns:minmax(180px,1.5fr) minmax(105px,.65fr) minmax(120px,.65fr) auto auto 32px; }
.employee-payment-badge { display:inline-flex; justify-self:end; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; font-size:.71rem; font-weight:750; white-space:nowrap; border:1px solid var(--line-soft); }
.employee-payment-badge.payment-complete { color:#367650; background:#eff8f2; border-color:#cce4d4; }
.employee-payment-badge.payment-partial { color:#936c17; background:#fff8e8; border-color:#eee0b7; }
.employee-payment-badge.payment-pending { color:#a95520; background:#fff4eb; border-color:#efd0b9; }
.employee-payment-badge.payment-unplanned { color:var(--muted); background:#f3f5f5; }
.employee-payroll-month { grid-column:1 / -1; margin-top:10px; padding:10px; border:1px solid var(--line-soft); border-radius:12px; background:#f8f9f9; }
.employee-payroll-head { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.employee-payroll-title { min-width:0; display:grid; gap:2px; }
.employee-payroll-title strong { font-size:.86rem; }
.employee-payroll-title span { color:var(--muted); font-size:.74rem; }
.employee-payroll-installments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
.employee-payroll-installment { min-width:0; padding:9px 10px; border:1px solid var(--line-soft); border-radius:10px; background:#fff; }
.employee-payroll-installment.is-paid { border-color:#cce4d4; background:#fbfefc; }
.employee-payroll-installment-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.employee-payroll-installment-title { min-width:0; display:grid; gap:2px; }
.employee-payroll-installment-title strong { font-size:.8rem; }
.employee-payroll-installment-title span { color:var(--muted); font-size:.7rem; }
.employee-payroll-mark { flex:0 0 auto; display:inline-flex; min-height:22px; align-items:center; padding:2px 7px; border-radius:999px; font-size:.67rem; font-weight:750; border:1px solid var(--line-soft); }
.employee-payroll-mark.paid { color:#367650; background:#eff8f2; border-color:#cce4d4; }
.employee-payroll-mark.pending { color:#936c17; background:#fff8e8; border-color:#eee0b7; }
.employee-payroll-fact { margin-top:7px; padding-top:7px; border-top:1px solid var(--line-soft); color:#367650; font-size:.75rem; font-weight:650; }
.employee-payroll-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; margin-top:8px; }
.employee-payroll-empty { margin-top:7px; color:var(--muted); font-size:.76rem; }
.employee-payment-split { display:flex; align-items:center; min-height:38px; padding:0 10px; border:1px dashed var(--line); border-radius:9px; color:var(--muted); font-size:.76rem; background:#f8f9f9; }
.payroll-days { grid-template-columns:repeat(2,minmax(0,1fr)); }
.payroll-confirm-modal { width:min(100%,500px); }
.payroll-confirm-form { display:grid; grid-template-columns:1fr 1fr; gap:9px 12px; margin-top:8px; }
.payroll-confirm-summary,.payroll-confirm-form > .field-hint,.payroll-confirm-form > .error-box,.payroll-confirm-form > .modal-actions { grid-column:1 / -1; }
.payroll-confirm-summary { display:grid; gap:3px; padding:9px 10px; border-radius:10px; background:#f8f9f9; border:1px solid var(--line-soft); }
.payroll-confirm-summary strong { font-size:.84rem; }
.payroll-confirm-summary span { color:var(--muted); font-size:.75rem; }
.btn-ghost { background:transparent; border-color:transparent; color:var(--muted); }
.btn-ghost:hover { background:#f1f3f4; color:var(--text); }

@media (max-width:1100px) {
  .employees-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .employee-summary { grid-template-columns:minmax(160px,1.35fr) minmax(92px,.55fr) minmax(108px,.6fr) auto auto 30px; }
}
@media (max-width:760px) {
  .employee-summary { grid-template-columns:minmax(0,1fr) minmax(96px,.6fr) auto auto 30px; }
  .employee-social-quick,.employee-social-empty { grid-row:2; grid-column:1; }
  .employee-summary-salary { grid-column:2; grid-row:1 / span 2; }
  .employee-payment-badge { grid-column:3; grid-row:1 / span 2; }
  .employee-status { grid-column:4; grid-row:1 / span 2; }
  .employee-chevron { grid-column:5; grid-row:1 / span 2; }
  .employee-payroll-installments { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .employee-summary { grid-template-columns:minmax(0,1fr) auto 28px; }
  .employee-social-quick,.employee-social-empty { grid-column:1; grid-row:2; }
  .employee-summary-salary { grid-column:1; grid-row:3; }
  .employee-payment-badge { grid-column:1; grid-row:4; justify-self:start; }
  .employee-status { grid-column:2; grid-row:1 / span 4; }
  .employee-chevron { grid-column:3; grid-row:1 / span 4; }
  .payroll-confirm-form { grid-template-columns:1fr; }
  .payroll-confirm-summary,.payroll-confirm-form > .field-hint,.payroll-confirm-form > .error-box,.payroll-confirm-form > .modal-actions { grid-column:1; }
}

/* v0.6.0 Employees: Rates + Salaries workspace */
.employee-subtabs{display:flex;gap:4px;width:max-content;padding:4px;margin:0 0 8px;background:#eef1f2;border:1px solid var(--line-soft);border-radius:10px;top:0;z-index:35}
.employee-subtab{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:750;padding:7px 13px;border-radius:8px;cursor:pointer;transition:.16s ease}
.employee-subtab:hover{color:var(--text);background:#f8f9f9}.employee-subtab.active{color:#fff;background:var(--accent);box-shadow:0 4px 12px rgba(230,111,37,.2)}
.employee-view-host{min-width:0}.employees-rates-sticky,.employees-salary-sticky{position:sticky;top:0;z-index:30;background:rgba(247,249,249,.96);backdrop-filter:blur(10px);padding:4px 0 8px}
.employees-rates-sticky .employees-workbar{grid-template-columns:auto minmax(230px,390px) minmax(150px,220px) auto}.employees-department-filter{min-height:34px}
.employee-rate-overview{display:grid;grid-template-columns:190px minmax(0,1fr);gap:7px;margin-top:7px;align-items:stretch}.employee-rate-total,.employee-department-summary-card{border:1px solid var(--line-soft);background:#fff;border-radius:10px;padding:8px 10px;display:grid;gap:2px;min-height:58px}.employee-rate-total span,.employee-department-summary-card small{font-size:.68rem;color:var(--muted)}.employee-rate-total strong,.employee-department-summary-card span{font-size:.92rem;font-weight:800}.employee-department-summary-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.employee-department-summary-card{flex:0 0 185px}.employee-department-summary-card strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-summary{grid-template-columns:minmax(220px,340px) minmax(105px,160px) minmax(110px,160px) minmax(105px,140px) auto 32px!important;justify-content:start!important}.employee-vacation-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:.69rem;font-weight:700;border:1px solid var(--line-soft);white-space:nowrap}.vacation-none{color:var(--muted);background:#f4f6f6}.vacation-active{color:#785e17;background:#fff7df;border-color:#ead8a4}
.employee-vacation-history{margin-top:9px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:10px;background:#f8f9f9}.employee-vacation-head{display:flex;justify-content:space-between;gap:8px}.employee-vacation-head strong{font-size:.78rem}.employee-vacation-head span{font-size:.7rem;color:var(--muted)}.employee-vacation-list{display:grid;gap:5px;margin-top:7px}.employee-vacation-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;background:#fff;border:1px solid var(--line-soft);border-radius:8px;font-size:.75rem}.employee-vacation-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}.employee-vacation-form>.error-box,.employee-vacation-form>.modal-actions{grid-column:1/-1}
.payroll-table-workbar{grid-template-columns:auto minmax(220px,380px) auto;justify-content:start}.payroll-table-metrics{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.payroll-table-metric{flex:0 0 180px}.payroll-table-groups{display:grid;gap:8px;margin-top:8px}.payroll-department{border:1px solid var(--line-soft);border-radius:11px;background:#fff;overflow:hidden}.payroll-department-head{display:grid;grid-template-columns:minmax(160px,240px) minmax(260px,1fr) 24px;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;list-style:none;background:#f3f5f5}.payroll-department-head::-webkit-details-marker{display:none}.payroll-department-head strong{font-size:.8rem}.payroll-department-head>span:nth-child(2){font-size:.7rem;color:var(--muted)}.payroll-department[open] .employee-department-chevron{transform:rotate(180deg)}
.payroll-table-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;border-top:1px solid var(--line-soft)}.payroll-grid{border-collapse:separate;border-spacing:0;min-width:2050px;width:max-content;background:#fff;font-size:.69rem}.payroll-grid th{position:sticky;top:0;z-index:4;background:#e9edef;color:#4a555a;font-size:.65rem;text-align:left;padding:6px;border-bottom:1px solid #d7dddf;white-space:nowrap}.payroll-grid td{padding:5px;border-bottom:1px solid #edf0f1;vertical-align:middle;background:#fff}.payroll-grid tbody tr:hover td{background:#fbfcfc}.payroll-grid th:first-child,.payroll-grid td:first-child{position:sticky;left:0;z-index:3;min-width:185px;max-width:185px;box-shadow:5px 0 9px rgba(31,42,47,.04)}.payroll-grid th:first-child{z-index:6;background:#e9edef}.payroll-grid tbody tr:hover td:first-child{background:#fbfcfc}.payroll-manual-row td{background:#fffaf5}.payroll-manual-row:hover td{background:#fff7ef!important}.payroll-person-name{font-size:.72rem;font-weight:760;line-height:1.25;overflow-wrap:anywhere}.payroll-manual-mark{display:inline-flex;margin-top:3px;padding:2px 5px;border-radius:999px;background:#fff1e7;color:#a9531e;font-size:.61rem}.payroll-number{width:92px;min-height:30px;padding:4px 6px;font-size:.68rem}.payroll-date{width:126px;min-height:30px;padding:4px 6px;font-size:.66rem}.payroll-static-cell,.payroll-calculated,.payroll-paid-total{text-align:right;white-space:nowrap;font-weight:700}.payroll-calculated{color:#48585f}.payroll-paid-total{color:#2f744b}.payroll-check-cell{text-align:center}.payroll-checkbox{width:17px;height:17px;accent-color:var(--accent)}.payroll-comment{width:190px;min-height:44px;padding:5px 6px;font-size:.68rem;resize:vertical}.payroll-auto-days{display:block;margin-top:2px;color:var(--muted);font-size:.58rem;white-space:nowrap}.payroll-row-actions{min-width:92px}.payroll-row-actions .btn{display:block;width:100%;margin:2px 0;min-height:27px;padding:0 6px;font-size:.63rem}.payroll-expense-modal{width:min(100%,620px)}.payroll-expense-form{display:grid;grid-template-columns:1fr 1fr;gap:9px 11px;margin-top:9px}
@media(max-width:980px){.employees-rates-sticky .employees-workbar{grid-template-columns:1fr 1fr}.employees-rates-sticky .section-actions{grid-column:1/-1}.employee-rate-overview{grid-template-columns:1fr}.employee-rate-total{width:190px}.employee-summary{grid-template-columns:minmax(0,1fr) minmax(95px,140px) auto auto 30px!important}.employee-social-quick,.employee-social-empty{grid-column:1;grid-row:2}.employee-summary-salary{grid-column:2;grid-row:1/span 2}.employee-vacation-badge{grid-column:3;grid-row:1/span 2}.employee-status{grid-column:4;grid-row:1/span 2}.employee-chevron{grid-column:5;grid-row:1/span 2}}
@media(max-width:700px){.employee-subtabs{width:100%}.employee-subtab{flex:1}.employees-rates-sticky .employees-workbar,.payroll-table-workbar{grid-template-columns:1fr}.employees-rates-sticky .section-actions,.payroll-table-workbar .section-actions{grid-column:1}.employee-department-summary-card{flex-basis:165px}.payroll-table-metric{flex:1 1 140px}.payroll-department-head{grid-template-columns:minmax(0,1fr) 24px}.payroll-department-head>span:nth-child(2){grid-column:1}.employee-vacation-form,.payroll-expense-form{grid-template-columns:1fr}.employee-vacation-form>.error-box,.employee-vacation-form>.modal-actions{grid-column:1}}
@media(max-width:520px){.employee-summary{grid-template-columns:minmax(0,1fr) auto 28px!important}.employee-summary-salary{grid-column:1;grid-row:3}.employee-vacation-badge{grid-column:1;grid-row:4;justify-self:start}.employee-status{grid-column:2;grid-row:1/span 4}.employee-chevron{grid-column:3;grid-row:1/span 4}.employee-rate-total{width:100%}.employee-rate-overview{gap:5px}}


/* v0.6.1 payroll density + readable two-line headers. */
.content[data-section="employees"].employees-salary-wide{max-width:none!important;width:100%!important}
.content[data-section="employees"].employees-salary-wide .employee-view-host,.content[data-section="employees"].employees-salary-wide .payroll-table-groups{width:100%;max-width:none}
.payroll-table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}
.payroll-grid{width:100%;min-width:1480px;table-layout:fixed;font-size:.66rem}
.payroll-grid th{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-align:center;vertical-align:middle;line-height:1.12;padding:5px 3px}
.payroll-th-line{display:block;white-space:nowrap}
.payroll-grid td{padding:4px 3px}
.payroll-grid th:nth-child(1),.payroll-grid td:nth-child(1){width:156px;min-width:156px;max-width:156px}
.payroll-grid th:nth-child(2),.payroll-grid td:nth-child(2){width:84px}
.payroll-grid th:nth-child(3),.payroll-grid td:nth-child(3){width:66px}
.payroll-grid th:nth-child(4),.payroll-grid td:nth-child(4){width:68px}
.payroll-grid th:nth-child(n+5):nth-child(-n+9),.payroll-grid td:nth-child(n+5):nth-child(-n+9){width:76px}
.payroll-grid th:nth-child(10),.payroll-grid td:nth-child(10),.payroll-grid th:nth-child(11),.payroll-grid td:nth-child(11){width:84px}
.payroll-grid th:nth-child(12),.payroll-grid td:nth-child(12),.payroll-grid th:nth-child(14),.payroll-grid td:nth-child(14){width:56px}
.payroll-grid th:nth-child(13),.payroll-grid td:nth-child(13),.payroll-grid th:nth-child(15),.payroll-grid td:nth-child(15){width:104px}
.payroll-grid th:nth-child(16),.payroll-grid td:nth-child(16){width:88px}
.payroll-grid th:nth-child(17),.payroll-grid td:nth-child(17){width:138px}
.payroll-grid th:nth-child(18),.payroll-grid td:nth-child(18){width:78px}
.payroll-number{width:100%!important;min-width:0;min-height:28px;padding:3px 4px;font-size:.65rem;text-align:right;font-variant-numeric:tabular-nums}
.payroll-money{letter-spacing:.005em}
.payroll-days-input{text-align:center}
.payroll-date{width:100%!important;min-width:0;min-height:28px;padding:3px 2px;font-size:.62rem}
.payroll-comment{width:100%!important;min-width:0;min-height:36px;height:36px;padding:4px 5px;font-size:.64rem}
.payroll-static-cell,.payroll-calculated,.payroll-paid-total{font-variant-numeric:tabular-nums}
.payroll-row-actions{min-width:0!important}
.payroll-row-actions .btn{min-height:25px;font-size:.6rem;padding:0 4px}
@media(min-width:1680px){.payroll-grid{min-width:0}}
@media(max-width:900px){.content[data-section="employees"].employees-salary-wide{max-width:none!important}.payroll-grid{min-width:1420px}}

/* v0.6.2.2.1 rates status filters, standalone departments and dirty-save payroll UX. */
.employees-rates-sticky .employees-workbar{grid-template-columns:minmax(230px,360px) minmax(150px,210px) auto auto;justify-content:start;align-items:center}
.employee-status-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.employee-status-filter{min-height:32px;border:1px solid var(--line-soft);border-radius:9px;background:#fff;color:var(--muted);padding:4px 8px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.7rem;font-weight:750;cursor:pointer;white-space:nowrap;transition:.15s ease}
.employee-status-filter strong{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#eef1f2;color:#536066;font-size:.65rem;font-variant-numeric:tabular-nums}
.employee-status-filter:hover{border-color:#c8d0d3;color:var(--text)}
.employee-status-filter.active{border-color:rgba(230,111,37,.38);background:#fff5ee;color:#a94d16}
.employee-status-filter.active strong{background:var(--accent);color:#fff}
.employee-summary{grid-template-columns:minmax(220px,340px) minmax(105px,160px) minmax(110px,160px) minmax(120px,170px) 32px!important;justify-content:start!important}
.status-vacation{color:#936c17!important;background:#fff8e8!important;border-color:#eee0b7!important}
.employee-department-create-form{display:grid;gap:10px;margin-top:8px}
.payroll-top-actions{align-items:flex-start!important}
.payroll-expense-actions{display:grid;gap:5px;min-width:122px}
.payroll-expense-actions .btn{width:100%}
.payroll-save-all{animation:payroll-save-appear .14s ease-out}
@keyframes payroll-save-appear{from{opacity:.2;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:1120px){
  .employees-rates-sticky .employees-workbar{grid-template-columns:minmax(210px,1fr) minmax(150px,200px);align-items:start}
  .employee-status-filters,.employees-rates-sticky .section-actions{grid-column:1/-1}
}
@media(max-width:760px){
  .employees-rates-sticky .employees-workbar{grid-template-columns:1fr}
  .employee-status-filters,.employees-rates-sticky .section-actions{grid-column:1}
  .employee-status-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:thin}
  .employee-summary{grid-template-columns:minmax(0,1fr) auto 28px!important}
  .employee-social-quick,.employee-social-empty{grid-column:1;grid-row:2}
  .employee-summary-salary{grid-column:1;grid-row:3}
  .employee-status{grid-column:2;grid-row:1/span 3}
  .employee-chevron{grid-column:3;grid-row:1/span 3}
}
.employee-rate-overview{grid-template-columns:190px minmax(260px,360px) minmax(0,1fr)!important}
.employee-people-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.employee-people-counter{border:1px solid var(--line-soft);background:#fff;border-radius:10px;padding:7px 8px;display:grid;gap:2px;align-content:center}
.employee-people-counter span{font-size:.64rem;color:var(--muted);white-space:nowrap}.employee-people-counter strong{font-size:.95rem;font-variant-numeric:tabular-nums}
.employee-people-counter.working strong{color:#367650}.employee-people-counter.vacation strong{color:#936c17}.employee-people-counter.dismissed strong{color:#747e83}
@media(max-width:1180px){.employee-rate-overview{grid-template-columns:190px minmax(260px,1fr)!important}.employee-department-summary-strip{grid-column:1/-1}}
@media(max-width:680px){.employee-rate-overview{grid-template-columns:1fr!important}.employee-rate-total{width:100%!important}.employee-people-counters{grid-template-columns:repeat(3,1fr)}.employee-department-summary-strip{grid-column:1}}
.employee-department-empty{padding:12px 14px;background:#fafbfb;border-top:1px solid var(--line-soft)}

/* v0.6.2.2.1 department lifecycle: real departments are removable; BЕЗ ОТДЕЛА stays virtual. */
.employee-department-head .employee-department-copy{min-width:0;flex:1 1 auto}
.employee-department-delete{flex:0 0 auto;margin-left:auto;white-space:nowrap;color:#a34848}
.employee-department-delete:hover{color:#8f3030;background:#fff0f0}
.employee-department-delete-confirm{display:grid;gap:10px;margin-top:8px}.employee-department-delete-confirm p{margin:0}
@media(max-width:620px){.employee-department-head{align-items:flex-start;flex-wrap:wrap}.employee-department-delete{order:3;margin-left:0}.employee-department-head .employee-department-chevron{margin-left:auto}}

/* v0.6.4 employees month picker + full-width FOT department grid + server-sorted roster presentation. */
.content[data-section="employees"].employees-rates-wide{max-width:none!important;width:100%!important}
.content[data-section="employees"].employees-rates-wide .employee-departments,
.content[data-section="employees"].employees-rates-wide .employees-footer{max-width:1240px}
.employees-month-box{display:grid!important;grid-template-columns:34px minmax(196px,226px) 34px!important;gap:6px;align-items:center;width:max-content}
.employees-month-picker{position:relative;min-width:0}
.employees-month-trigger{width:100%;min-height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);padding:0 10px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-size:.8rem;font-weight:650;cursor:pointer;box-shadow:0 1px 2px rgba(31,42,47,.03);transition:.14s ease}
.employees-month-trigger:hover{border-color:#c6ced1;background:#fbfcfc}.employees-month-trigger:focus-visible{outline:2px solid rgba(230,111,37,.2);border-color:rgba(230,111,37,.65)}
.employees-month-label{white-space:nowrap;overflow:visible;text-overflow:clip}.employees-month-caret{color:var(--muted);font-size:.7rem;transition:transform .14s ease}.employees-month-trigger[aria-expanded="true"] .employees-month-caret{transform:rotate(180deg)}
.employees-month-popover{position:absolute;z-index:90;top:calc(100% + 6px);left:0;width:296px;padding:9px;border:1px solid var(--line-soft);border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(31,42,47,.16)}
.employees-month-yearbar{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;align-items:center;margin-bottom:8px}
.employees-month-year-arrow{width:32px;height:32px;border:1px solid var(--line-soft);border-radius:8px;background:#f7f9f9;color:var(--text);font:inherit;font-size:1rem;cursor:pointer}.employees-month-year-arrow:hover{background:#eef2f2}
.employees-month-year-select{width:100%;height:32px;border:1px solid var(--line-soft);border-radius:8px;background:#fff;color:var(--text);padding:0 8px;font:inherit;font-size:.77rem;font-weight:720;text-align:center;cursor:pointer}
.employees-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.employees-month-option{min-height:34px;border:1px solid transparent;border-radius:8px;background:#f5f7f7;color:#48565c;padding:5px 6px;font:inherit;font-size:.7rem;font-weight:680;cursor:pointer;transition:.12s ease}.employees-month-option:hover{background:#eef1f2;color:var(--text)}.employees-month-option.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 10px rgba(230,111,37,.18)}
.employee-rate-overview{grid-template-columns:190px minmax(260px,360px)!important;align-items:stretch!important;width:100%;max-width:none}
.employee-department-summary-strip{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important;overflow:visible!important;padding:0!important;width:100%}
.employee-department-summary-card{min-width:0!important;min-height:54px!important;padding:7px 9px!important;gap:1px!important;overflow:hidden}.employee-department-summary-card strong{font-size:.72rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-department-summary-card span{font-size:.84rem!important}.employee-department-summary-card small{font-size:.63rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1320px){.employee-department-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1040px){.employee-department-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.employees-month-box{grid-template-columns:32px minmax(190px,1fr) 32px!important;width:min(100%,300px)}.employee-rate-overview{grid-template-columns:1fr!important}.employee-department-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.employees-month-popover{width:min(296px,calc(100vw - 36px))}}
@media(max-width:480px){.employee-department-summary-strip{grid-template-columns:1fr}.employees-month-box{width:100%;grid-template-columns:32px minmax(0,1fr) 32px!important}.employees-month-popover{left:50%;transform:translateX(-50%)}}

/* v0.6.5 FOT readability + server-calculated payroll proration. */
.employee-department-summary-card{min-height:62px!important;height:auto!important;overflow:visible!important;align-content:start!important}
.employee-department-summary-card strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.15}
.employee-department-summary-card small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2;min-height:1.2em}
.payroll-grid{min-width:1840px!important;width:100%!important;table-layout:fixed}
.payroll-grid th:nth-child(1),.payroll-grid td:nth-child(1){width:150px!important;min-width:150px!important;max-width:150px!important}
.payroll-grid th:nth-child(2),.payroll-grid td:nth-child(2){width:82px!important}
.payroll-grid th:nth-child(3),.payroll-grid td:nth-child(3){width:68px!important}
.payroll-grid th:nth-child(4),.payroll-grid td:nth-child(4){width:62px!important}
.payroll-grid th:nth-child(5),.payroll-grid td:nth-child(5){width:68px!important}
.payroll-grid th:nth-child(6),.payroll-grid td:nth-child(6){width:62px!important}
.payroll-grid th:nth-child(7),.payroll-grid td:nth-child(7){width:82px!important}
.payroll-grid th:nth-child(8),.payroll-grid td:nth-child(8){width:88px!important}
.payroll-grid th:nth-child(9),.payroll-grid td:nth-child(9){width:58px!important}
.payroll-grid th:nth-child(10),.payroll-grid td:nth-child(10){width:88px!important}
.payroll-grid th:nth-child(11),.payroll-grid td:nth-child(11),.payroll-grid th:nth-child(12),.payroll-grid td:nth-child(12){width:74px!important}
.payroll-grid th:nth-child(13),.payroll-grid td:nth-child(13){width:54px!important}
.payroll-grid th:nth-child(14),.payroll-grid td:nth-child(14){width:98px!important}
.payroll-grid th:nth-child(15),.payroll-grid td:nth-child(15){width:88px!important}
.payroll-grid th:nth-child(16),.payroll-grid td:nth-child(16),.payroll-grid th:nth-child(17),.payroll-grid td:nth-child(17),.payroll-grid th:nth-child(18),.payroll-grid td:nth-child(18){width:74px!important}
.payroll-grid th:nth-child(19),.payroll-grid td:nth-child(19){width:54px!important}
.payroll-grid th:nth-child(20),.payroll-grid td:nth-child(20){width:98px!important}
.payroll-grid th:nth-child(21),.payroll-grid td:nth-child(21),.payroll-grid th:nth-child(22),.payroll-grid td:nth-child(22){width:90px!important}
.payroll-grid th:nth-child(23),.payroll-grid td:nth-child(23){width:142px!important}
.payroll-grid th:nth-child(24),.payroll-grid td:nth-child(24){width:72px!important}
.payroll-auto-cell{background:#f5f7f7!important;color:#415058!important}
.payroll-grid tbody tr:hover .payroll-auto-cell{background:#eef2f2!important}
.payroll-adjustment-input{text-align:center!important;font-weight:750}
.payroll-remaining-total{text-align:right;white-space:nowrap;font-weight:800;color:#a45a22;font-variant-numeric:tabular-nums}
.payroll-calculated,.payroll-paid-total,.payroll-remaining-total{font-size:.65rem}
@media(min-width:1920px){.payroll-grid{min-width:0!important}}
@media(max-width:900px){.payroll-grid{min-width:1840px!important}}


/* v0.6.6 payroll guard, sticky controls, readable hierarchy and Rates overview composition. */
.employee-page-sticky.section-sticky{z-index:42;display:grid;gap:6px;margin-bottom:8px;padding-bottom:7px;background:rgba(238,241,242,.97);box-shadow:0 7px 18px rgba(31,42,47,.06)}
.employee-subtabs{position:static!important;top:auto!important;z-index:auto!important;margin:0!important;padding:3px!important;width:100%!important;background:transparent!important;border:0!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
.employee-subtab-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.employee-instruction-button{margin-left:3px}
.employee-controls-host{display:grid;gap:5px;min-width:0}.employees-rates-sticky,.employees-salary-sticky{position:static!important;top:auto!important;z-index:auto!important;background:transparent!important;backdrop-filter:none!important;padding:0!important}
.payroll-sticky-note{margin:0 2px 1px!important;line-height:1.25!important}.payroll-table-workbar{align-items:center!important}.payroll-top-actions{align-items:center!important}
.payroll-table-metrics{gap:5px!important;margin-top:5px!important}.payroll-table-metric{flex:0 0 156px!important;min-height:54px!important;padding:6px 8px!important;box-shadow:0 4px 13px rgba(31,42,47,.10)!important}.payroll-table-metric .employee-metric-label{font-size:.61rem!important}.payroll-table-metric .employee-metric-value{font-size:.88rem!important;white-space:normal;overflow:visible}.payroll-table-metric .employee-metric-sub{font-size:.6rem!important;line-height:1.2}
.payroll-expense-actions{display:flex!important;align-items:center;gap:5px!important;min-width:0!important}.payroll-dirty-actions{display:flex;align-items:center;gap:5px}.payroll-dirty-actions.hidden{display:none!important}
.payroll-row-dirty td{background:#fffdf8}.payroll-row-dirty td:first-child{box-shadow:inset 3px 0 0 var(--accent),5px 0 9px rgba(31,42,47,.04)!important}.payroll-value-pending{position:relative;color:#4a565c!important;background:#fff9f3!important}.payroll-value-pending::after{content:'•';color:var(--accent);font-size:.8rem;margin-left:3px;vertical-align:middle}
.payroll-department{border-color:#cfd7da!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(31,42,47,.10)!important}.payroll-department-head{background:#edf1f2!important;border-bottom:1px solid #d5dcdf!important;padding:9px 11px!important}.payroll-department-head strong{color:#263137;font-size:.78rem!important}.payroll-department-head>span:nth-child(2){color:#5d696f!important}
.payroll-table-scroll{border-top:0!important;background:#fff}.payroll-grid th{background:#e6ebed!important;color:#344148!important;border-bottom:1px solid #c8d1d5!important;box-shadow:inset -1px 0 rgba(73,91,99,.16),inset 0 -1px rgba(73,91,99,.08)}.payroll-grid td{border-bottom:1px solid #e2e7e9!important;box-shadow:inset -1px 0 rgba(73,91,99,.09);padding-inline:5px!important}.payroll-grid tbody tr:nth-child(even) td:not(.payroll-auto-cell){background:#fcfdfd}.payroll-grid td .input{box-shadow:inset 0 1px 2px rgba(31,42,47,.04)}
.employee-rate-overview{display:grid!important;grid-template-columns:minmax(335px,440px) minmax(0,1fr)!important;gap:8px!important;align-items:start!important;margin-top:8px!important}.employee-rate-core{display:grid;grid-template-columns:190px minmax(0,1fr);gap:6px;align-items:stretch}.employee-department-summary-strip{grid-column:2!important;align-content:start!important}.employee-rate-total,.employee-people-counter,.employee-department-summary-card{border-color:#d3dade!important;box-shadow:0 4px 13px rgba(31,42,47,.09)!important}.employee-department-summary-card{border-radius:11px!important;padding:8px 9px!important;min-height:64px!important}
.employee-instruction-modal{width:min(100%,760px);max-height:calc(100dvh - 34px);overflow-y:auto}.employee-instruction-intro{margin:4px 0 10px!important}.employee-instruction-list{display:grid;gap:7px;margin:8px 0 12px}.employee-instruction-item{border:1px solid #d4dbde;border-radius:12px;background:#f8faf9;box-shadow:0 3px 10px rgba(31,42,47,.05);padding:8px 10px}.employee-instruction-item summary{cursor:pointer;font-size:.82rem;font-weight:760;color:#334047}.employee-instruction-item p{margin:7px 0 1px;font-size:.78rem;line-height:1.48;color:var(--muted)}
@media(max-width:1180px){.employee-rate-overview{grid-template-columns:1fr!important}.employee-department-summary-strip{grid-column:1!important}.employee-rate-core{max-width:560px}}
@media(max-width:760px){.employee-page-sticky.section-sticky{top:44px}.employee-subtabs{align-items:flex-start}.employee-subtab-actions{width:100%}.employee-instruction-button{margin-left:auto}.payroll-expense-actions{flex-wrap:wrap}.payroll-table-metric{flex:1 1 130px!important}.employee-rate-core{grid-template-columns:1fr}.employee-rate-total{width:100%!important}}

/* v0.6.10 — repeat employment without duplicate employee profiles */
.employee-employment-history{margin-top:12px;padding-top:10px;border-top:1px solid rgba(39,47,51,.10)}
.employee-employment-current{box-shadow:inset 3px 0 0 rgba(230,111,37,.45)}
.employee-rehire-summary{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px;padding:12px 14px;border:1px solid rgba(39,47,51,.12);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(24,31,34,.08)}
.employee-rehire-summary strong{font-size:15px;color:#20272a}
.employee-rehire-summary span{font-size:12px;color:#596368;min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.employee-rehire-summary{grid-template-columns:1fr 1fr}.employee-rehire-summary strong{grid-column:1/-1}}
.employee-rehire-access{display:flex;align-items:center;gap:9px;margin-top:10px;font-weight:700;color:#75411f;cursor:pointer}
.employee-rehire-access input{width:17px;height:17px;accent-color:#e66f25;flex:0 0 auto}


/* v0.6.11 payroll employee contextual navigation */
.payroll-person-link{width:100%;border:0;background:transparent;color:var(--text);padding:3px 4px;border-radius:8px;text-align:left;font:inherit;font-weight:760;line-height:1.25;cursor:pointer;overflow-wrap:anywhere;transition:.14s ease}
.payroll-person-link:hover{color:var(--accent);background:rgba(230,111,37,.08);box-shadow:inset 0 0 0 1px rgba(230,111,37,.16)}
.payroll-person-link:focus-visible{outline:2px solid rgba(230,111,37,.25);outline-offset:1px}
.payroll-employee-actions-modal{width:min(100%,520px)!important}
.payroll-employee-actions-hint{margin:2px 0 10px;color:var(--muted);font-size:.82rem}
.payroll-employee-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.payroll-employee-action-card{min-height:112px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);padding:14px;text-align:left;display:grid;align-content:center;gap:6px;cursor:pointer;box-shadow:0 6px 18px rgba(31,42,47,.08);transition:.15s ease}
.payroll-employee-action-card:hover{transform:translateY(-1px);border-color:rgba(230,111,37,.45);box-shadow:0 10px 24px rgba(31,42,47,.13)}
.payroll-employee-action-card strong{font-size:.9rem;color:var(--accent)}
.payroll-employee-action-card span{font-size:.75rem;line-height:1.4;color:var(--muted)}
@media(max-width:520px){.payroll-employee-action-grid{grid-template-columns:1fr}.payroll-employee-action-card{min-height:88px}}

/* EMPLOYEE_START_DATE_FIX1 */
.employee-start-day{font-variant-numeric:tabular-nums}.employee-start-hint{margin-top:-2px;padding:8px 10px;border:1px solid rgba(230,111,37,.16);border-radius:9px;background:#fff8f3;color:#76553f;line-height:1.4}


/* EMPLOYEE_START_EDIT_FIX1 */
.employee-start-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;border:1px solid #d7dfe2;border-radius:16px;background:linear-gradient(145deg,#ffffff 0%,#fbfcfc 68%,#fff7f1 100%);box-shadow:0 10px 28px rgba(31,42,47,.10),inset 0 1px 0 rgba(255,255,255,.8);overflow:visible}
.employee-start-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid #e5e9eb}.employee-start-picker-copy{display:grid;gap:3px;min-width:0}.employee-start-picker-kicker{color:var(--accent);font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.employee-start-picker-title{color:#253137;font-size:.9rem;line-height:1.22}.employee-start-picker-subtitle{max-width:590px;color:#6a777d;font-size:.69rem;line-height:1.4}.employee-start-picker-summary{flex:0 0 auto;display:grid;gap:2px;min-width:164px;padding:9px 11px;border:1px solid rgba(230,111,37,.24);border-radius:12px;background:#fff8f3;box-shadow:0 4px 12px rgba(230,111,37,.08)}.employee-start-picker-summary small{color:#8a6a54;font-size:.58rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.employee-start-picker-summary strong{color:#9b4f1f;font-size:.75rem;white-space:nowrap}
.employee-start-step{display:flex;align-items:center;gap:8px}.employee-start-step-label{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#323d42;color:#fff;font-size:.63rem;font-weight:850;box-shadow:0 3px 8px rgba(31,42,47,.16)}.employee-start-step-copy{color:#3f4d53;font-size:.69rem;font-weight:800}.employee-start-month-control{position:relative;padding-left:30px}.employee-start-month-control .employees-month-box{width:min(100%,360px);grid-template-columns:34px minmax(210px,1fr) 34px!important}.employee-start-month-control .employees-month-trigger{height:38px;border-color:#d2dadd;background:#fff;box-shadow:0 3px 10px rgba(31,42,47,.06)}.employee-start-month-control .employees-month-label{font-size:.76rem}.employee-start-month-control .employees-month-popover{z-index:240;width:320px;border-radius:14px;box-shadow:0 18px 46px rgba(31,42,47,.20)}
.employee-start-calendar{display:grid;gap:7px;margin-left:30px;width:min(100%,360px);padding:10px;border:1px solid #dde3e5;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(31,42,47,.07)}.employee-start-weekdays,.employee-start-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.employee-start-weekdays span{display:grid;place-items:center;height:20px;color:#8a969b;font-size:.57rem;font-weight:800;text-transform:uppercase}.employee-start-day-empty{height:34px}.employee-start-day-button{height:34px;border:1px solid transparent;border-radius:9px;background:#f6f8f8;color:#46545a;font:inherit;font-size:.68rem;font-weight:760;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.employee-start-day-button:hover{transform:translateY(-1px);border-color:#d4dcdf;background:#eef2f2}.employee-start-day-button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 5px 13px rgba(230,111,37,.25)}.employee-start-picker-hint{display:flex;gap:8px;align-items:flex-start;margin-left:30px;padding:9px 10px;border:1px solid rgba(230,111,37,.16);border-radius:11px;background:rgba(255,248,243,.86);color:#76553f;font-size:.65rem;line-height:1.4}.employee-start-picker-hint-icon{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:rgba(230,111,37,.13);color:#a85b27;font-size:.62rem;font-weight:900}
@media(max-width:640px){.employee-start-picker-head{display:grid}.employee-start-picker-summary{min-width:0}.employee-start-month-control,.employee-start-calendar,.employee-start-picker-hint{margin-left:0;padding-left:0}.employee-start-calendar{padding:8px}.employee-start-month-control .employees-month-box,.employee-start-calendar{width:100%}}