.quick-add-dialog{width:min(440px,calc(100% - 24px));border:0;border-radius:16px;padding:0;color:#172033;background:#fff;box-shadow:0 24px 70px rgba(16,24,40,.3)}
.quick-add-dialog::backdrop{background:rgba(16,24,40,.52)}
.quick-add-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(680px,calc(100dvh - 32px))}
.quick-add-head{display:flex;justify-content:space-between;gap:12px;padding:16px 18px 13px;border-bottom:1px solid #e4e7ec}
.quick-add-head h2{margin:0;font-size:20px}.quick-add-head p{margin:4px 0 0;color:#667085;font-size:13px;font-weight:700}
.quick-add-close{width:44px;height:44px;border:0;border-radius:50%;background:#f2f4f7;color:#1f3557;font-size:24px;font-weight:800}
.quick-add-body{overflow:auto;padding:16px 18px}.quick-add-worker{display:grid;gap:3px;margin-bottom:14px}.quick-add-worker strong{font-size:18px}.quick-add-worker span{color:#667085;font-size:13px;font-weight:750}
.quick-add-field{display:grid;gap:6px;margin-top:13px;color:#344054;font-size:13px;font-weight:850}.quick-add-field input,.quick-add-field select,.quick-add-field textarea{width:100%;min-height:48px;border:1px solid #cfd4dc;border-radius:10px;background:#fff;color:#172033;font:inherit;padding:9px 11px}.quick-add-field textarea{resize:vertical}
.quick-add-segments{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-add-segments input{position:absolute;opacity:0;pointer-events:none}.quick-add-segments label{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #cfd4dc;border-radius:11px;background:#fff;color:#1f3557;font-size:13px;font-weight:900;line-height:1.2;text-align:center}.quick-add-segments label:has(input:checked){border-color:#d97706;background:#fff7ed;color:#9a3412;box-shadow:0 0 0 3px rgba(217,119,6,.14)}
.quick-add-status{min-height:20px;margin-top:12px;color:#b42318;font-size:13px;font-weight:800}.quick-add-status.success{color:#027a48}
.quick-add-footer{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e4e7ec;background:#fff}.quick-add-footer button{width:100%;min-height:50px}
.quick-add-dialog :focus-visible{outline:3px solid rgba(217,119,6,.35);outline-offset:2px}
.employee-detail-shell{max-width:1080px;margin:0 auto;padding:24px 18px 110px}.employee-detail-back{display:inline-flex;margin-bottom:14px;color:#1f3557;font-weight:850;text-decoration:none}.employee-detail-card{border:1px solid #e4e7ec;border-radius:14px;background:#fff;padding:18px;box-shadow:0 7px 20px rgba(16,24,40,.05)}.employee-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.employee-detail-head h1{margin:0;color:#172033}.employee-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.employee-detail-pill{border-radius:999px;background:#eef2f6;color:#1f3557;padding:6px 9px;font-size:12px;font-weight:850}.employee-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-detail-actions button,.employee-detail-actions a{min-height:44px}.employee-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:16px 0}.employee-summary article{border:1px solid #e4e7ec;border-radius:12px;background:#fff;padding:14px}.employee-summary span{display:block;color:#667085;font-size:12px;font-weight:800}.employee-summary strong{display:block;margin-top:6px;color:#1f3557;font-size:23px}.employee-entry-list{display:grid;gap:9px}.employee-entry{display:grid;grid-template-columns:1.1fr 1fr 1fr .8fr auto;gap:10px;align-items:center;border:1px solid #e4e7ec;border-radius:11px;padding:12px;background:#fff}.employee-entry small{display:block;color:#667085;font-weight:700}.employee-entry-actions{display:flex;justify-content:flex-end}.employee-empty{border:1px dashed #cbd2dc;border-radius:12px;padding:20px;color:#667085;background:#fbfcfd;font-weight:750}.employee-empty-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
@media(max-width:720px){.quick-add-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));margin:auto 0 0;border-radius:18px 18px 0 0}.quick-add-shell{max-height:calc(100dvh - env(safe-area-inset-top))}.employee-detail-shell{padding:18px 14px 105px}.employee-detail-head{display:grid}.employee-detail-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.employee-detail-actions>*{width:100%}.employee-summary{grid-template-columns:1fr 1fr}.employee-entry{grid-template-columns:1fr 1fr}.employee-entry>*:first-child{grid-column:1/-1}.employee-entry-actions{grid-column:1/-1;justify-content:stretch}.employee-entry-actions button{width:100%}}
@media(max-width:340px){.quick-add-segments{grid-template-columns:1fr}.employee-summary{grid-template-columns:1fr}}

/* Employee detail actions */
.employee-detail-head{flex-wrap:wrap}
.employee-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;width:min(100%,430px);min-width:0}
.employee-detail-actions .employee-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:11px 14px;border:1px solid #d8dee8;border-radius:14px;background:#fff;color:#1f3557;box-shadow:0 4px 12px rgba(16,24,40,.05);font:inherit;font-size:14px;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}
.employee-detail-actions .secondary{background:#fff;color:#1f3557}
.employee-detail-actions .primary{background:#eef3f8;color:#1f3557;border-color:#d8e2ee}
.employee-detail-actions .quick{background:#d97706;color:#172033;border-color:#d97706;box-shadow:0 8px 18px rgba(217,119,6,.18)}
.employee-detail-actions .danger{background:#fff1f0;color:#b42318;border-color:#fecdca}
.employee-detail-actions .employee-action:hover{background:#f8fafc;transform:translateY(-1px)}
.employee-detail-actions .quick:hover{background:#c86d04}
.employee-detail-actions .employee-action:active{transform:translateY(0);box-shadow:none}
.employee-detail-actions .employee-action:focus-visible{outline:3px solid rgba(217,119,6,.3);outline-offset:2px}
.employee-action-help{flex-basis:100%;margin:2px 0 0;color:#667085;font-size:12px;font-weight:750}
@media(max-width:720px){
  .employee-detail-shell{padding-bottom:calc(125px + env(safe-area-inset-bottom))}
  .employee-detail-card{padding:18px 16px}
  .employee-detail-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px}
  .employee-detail-actions .employee-action{min-height:52px;padding:10px 12px;font-size:15px}
  #employeeQuickAdd{grid-column:1/-1;grid-row:1;min-height:56px;font-size:16px}
  #employeeAddTimeLink{grid-column:1/-1;grid-row:2;background:#eef3f8;color:#1f3557;border-color:#d8e2ee}
  #employeeEditLink{grid-column:1;grid-row:3}
  #employeeAddReimbursement{grid-column:2;grid-row:3}
}
/* Shared desktop Employees layout. Mobile rules and workflows remain unchanged. */
.employee-page-eyebrow,.employee-page-summary{display:none}
@media(min-width:901px){
  body.employees-page>header:not(.desktop-app-nav){display:none}
  body.employees-page>main{box-sizing:border-box;width:auto;max-width:none;margin:0 0 0 230px;padding:42px 54px 64px}
  body.employees-page .page-heading{align-items:flex-start;margin:0 0 28px}
  body.employees-page .employee-page-eyebrow{display:block;margin-bottom:8px;color:var(--color-brand-accent);font-size:13px;font-weight:800;letter-spacing:.13em}
  body.employees-page h1{font-size:38px;line-height:1.1;letter-spacing:-.025em}
  body.employees-page .subtitle{margin-top:10px;font-size:17px;font-weight:500}
  body.employees-page #openAddEmployee{min-width:190px;min-height:48px;border-radius:var(--radius-md);background:var(--color-brand-primary);color:#fff}
  body.employees-page .employee-page-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
  body.employees-page .employee-page-summary article{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}
  body.employees-page .employee-page-summary span{display:block;color:var(--color-text-secondary);font-size:14px}
  body.employees-page .employee-page-summary strong{display:block;margin-top:8px;color:var(--color-brand-primary);font-size:25px}
  body.employees-page .panel{border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:none}
  body.employees-page .panel>h2{font-size:20px}
  body.employees-page .employee-list{grid-template-columns:1fr;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}
  body.employees-page .employee-list .member{min-height:78px;margin:0;padding:15px 18px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:none}
  body.employees-page .employee-list .member:last-child{border-bottom:0}
  body.employees-page .employee-list .member:hover{background:var(--color-surface-muted);border-color:var(--color-border);box-shadow:none}
  body.employees-page .member-top{align-items:center}
  body.employees-page .permissions{grid-template-columns:auto minmax(0,1fr);align-items:center}
  body.employees-page .grid{gap:18px}
}