/* Employee Floor — clear, tablet-first work surface */
.employee-mode {
  --employee-ink: #183b36;
  --employee-muted: #48645a;
  --employee-line: #d6e4dc;
  --employee-paper: #edf4ee;
  --employee-card: #fbfdf9;
  --employee-green: #176b5b;
  --employee-red: #a43f33;
  --employee-amber: #946117;
  color: var(--employee-ink);
  background: var(--employee-paper);
}
.employee-mode .topbar { min-height:74px; height:auto; background:#f9fcf7!important; padding-inline:clamp(18px,4vw,54px); }
.employee-mode .floor-header-tools { gap:12px; }
.employee-mode .floor-search-form { width:min(360px,32vw); }
.employee-mode .employee-mode-switch { min-height:46px; padding:0 16px; border:1px solid #b7cfc2; border-radius:12px; color:#174c42; background:#e6f1e9; font-weight:800; }
.floor-mode-switch { min-height:44px; padding:0 14px; border:1px solid #b7cfc2; border-radius:11px; color:#174c42; background:#e6f1e9; font-weight:800; }
.employee-mode .app-grid { grid-template-columns: minmax(0,1fr); max-width:1440px; }
.employee-mode .side-nav { position:fixed; left:0; top:74px; bottom:0; width:106px; padding:22px 10px; border-right:1px solid var(--employee-line)!important; background:#e5efe7!important; display:flex; flex-direction:column; align-items:stretch; gap:8px; z-index:8; }
.employee-mode .side-nav .nav-link { min-height:72px; margin:0; display:flex; flex-direction:column; gap:6px; justify-content:center; text-align:center; padding:8px 4px; font-size:12px; }
.employee-mode .side-nav .nav-glyph { width:28px;height:28px; border-radius:9px; font-size:13px; }
.employee-mode .side-nav .nav-caption,.employee-mode .side-nav .side-note,.employee-mode .side-nav .sidebar-identity,.employee-mode .side-nav .admin-shortcut { display:none!important; }
.employee-mode .side-nav .help-shortcut { margin-top:auto; }
.employee-mode .main { width:auto; max-width:none; margin:0 0 0 106px; padding:32px clamp(22px,4vw,60px) 72px; }
.employee-mode .page-head { align-items:center; margin-bottom:22px; }
.employee-mode .page-head h1 { font-size:clamp(32px,4vw,48px); color:#183b36; }
.employee-mode .page-head p { font-size:15px; }
.employee-mode .employee-greeting { margin:3px 0 25px; display:flex; justify-content:space-between; align-items:end; gap:20px; }
.employee-mode .employee-greeting h1 { margin:0; font:800 clamp(34px,4vw,52px)/1.05 Manrope,sans-serif; letter-spacing:-.065em; }
.employee-mode .employee-greeting p { color:var(--employee-muted); margin:8px 0 0; font-size:15px; }
.employee-mode .employee-stamp { color:#456960; font:600 12px 'IBM Plex Mono',monospace; letter-spacing:.04em; }
.employee-mode .employee-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 24px; }
.employee-mode .summary-card { min-height:118px; padding:17px 18px; display:flex; flex-direction:column; justify-content:space-between; text-align:left; border:1px solid var(--employee-line); border-radius:17px; background:var(--employee-card); color:var(--employee-ink); cursor:pointer; box-shadow:0 4px 14px rgba(26,71,56,.035); transition:transform .16s ease,border-color .16s ease; }
.employee-mode .summary-card:hover { transform:translateY(-2px); border-color:#91b9a6; }
.employee-mode .summary-card .summary-label { color:#57736b; font:700 11px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.07em; }
.employee-mode .summary-card strong { font:800 36px/1 Manrope,sans-serif; letter-spacing:-.06em; font-variant-numeric:tabular-nums; }
.employee-mode .summary-card small { color:var(--employee-muted); font-size:12px; }
.employee-mode .summary-card.attention { background:#fff7e9; border-color:#e8d5a9; }
.employee-mode .summary-card.attention strong { color:#9c552e; }
.employee-mode .employee-main-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr); gap:16px; align-items:start; }
.employee-mode .attention-panel { border:1px solid #e3c7ab; background:#fff9ef!important; }
.employee-mode .attention-panel h2,.employee-mode .employee-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.employee-mode .attention-panel h2 { color:#723c27; }
.employee-mode .attention-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px 0; border-top:1px solid #f0dfc8; }
.employee-mode .attention-item strong { display:block; font-size:16px; }
.employee-mode .attention-item p { margin:4px 0 0; color:#755b49; font-size:13px; line-height:1.4; }
.employee-mode .employee-panel-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.employee-mode .employee-panel-title h2 { margin:0; }
.employee-mode .employee-task-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:13px 0; border-top:1px solid #e9eee8; }
.employee-mode .employee-task-row:first-of-type { border-top:0; }
.employee-mode .employee-task-row strong { font-size:14px; }
.employee-mode .employee-task-meta { margin-top:4px; color:#5e7770; font-size:12px; line-height:1.45; }
.employee-mode .employee-task-row .button { min-height:46px; min-width:94px; }
.employee-mode .pickup-row { display:grid; grid-template-columns:78px minmax(0,1fr) auto; gap:12px; align-items:center; padding:13px 0; border-top:1px solid #e9eee8; }
.employee-mode .pickup-time { color:#216957; font:700 15px Manrope,sans-serif; font-variant-numeric:tabular-nums; }
.employee-mode .pickup-row strong { font-size:15px; }
.employee-mode .pickup-row small { display:block; margin-top:3px; color:#627a73; font-size:12px; line-height:1.4; }
.employee-mode .dog-card { padding:19px; border-radius:17px; }
.employee-mode .dog-name { font-size:20px; }
.employee-mode .dog-actions .button { min-height:44px!important; font-size:12px!important; padding-inline:12px!important; }
.employee-mode .employee-filter { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.employee-mode .employee-filter .field { flex:1; min-width:230px; }
.employee-mode .employee-filter select { width:auto; min-width:150px; }
.employee-mode .employee-dog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.employee-mode .employee-care-line { margin-top:8px; font-size:12px; line-height:1.5; color:#536e65; }
.employee-mode .employee-care-line strong { color:#234a40; }
.employee-mode .employee-dog-peek { display:flex; gap:8px; overflow-x:auto; padding:3px 0 6px; }
.employee-mode .employee-dog-chip { display:grid; gap:4px; min-width:130px; min-height:58px; padding:10px 12px; text-align:left; border:1px solid #dce8de; border-radius:10px; background:#f4f8f2; color:#24483e; }
.employee-mode .employee-dog-chip span { font-weight:800; }
.employee-mode .employee-dog-chip small { color:#657d74; font-size:11px; }
.employee-mode .employee-present-list { display:grid; }
.employee-mode .employee-present-row { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(140px,1fr) auto; align-items:center; gap:14px; padding:10px 0; border-top:1px solid #e5eee6; }
.employee-mode .employee-present-row .employee-dog-chip { min-width:0; }
.employee-mode .employee-present-row > .muted { font-size:12px; }
.employee-mode .employee-handoff { border-color:#bdd8ca; background:#f2f8f1!important; }
.employee-mode .employee-handoff-ident { display:flex; flex-wrap:wrap; align-items:center; gap:7px 18px; margin:8px 0 12px; color:#536f64; font-size:13px; }
.employee-mode .employee-handoff-ident strong { color:#244c40; font-size:15px; }
.handoff-confirm { padding:3px 2px 1px; }
.handoff-confirm .handoff-kicker { color:#55776a; font:700 11px 'IBM Plex Mono',monospace; letter-spacing:.1em; }
.handoff-confirm h3 { margin:8px 0 15px; font:800 27px/1.1 Manrope,sans-serif; letter-spacing:-.04em; color:#183b36; }
.handoff-confirm dl { margin:0; border:1px solid #d6e5da; border-radius:12px; overflow:hidden; background:#f6faf5; }
.handoff-confirm dl > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:10px; padding:11px 13px; border-top:1px solid #e2ece2; }
.handoff-confirm dl > div:first-child { border-top:0; }
.handoff-confirm dt { color:#60796e; font-size:12px; font-weight:700; }
.handoff-confirm dd { margin:0; color:#25493e; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.handoff-confirm > p { margin:14px 0 4px; color:#526e63; font-size:13px; line-height:1.5; }
.employee-mode .employee-group-warning { margin-top:10px; padding:9px 10px; border-radius:9px; background:#fff2dc; color:#79531e; font-size:12px; line-height:1.45; }
.employee-mode .employee-task-section { margin:0 0 16px; }
.employee-mode .employee-task-section h2 { display:flex; align-items:center; justify-content:space-between; }
.employee-mode .employee-task-section h2 span { color:#6b827a; font:600 11px 'IBM Plex Mono',monospace; }
.employee-mode .employee-details { margin-top:12px; }
.employee-mode .employee-details summary { min-height:44px; display:flex; align-items:center; cursor:pointer; color:#355e53; font-weight:700; }
.employee-mode .employee-form-note { color:#617970; font-size:12px; line-height:1.5; }
.employee-mode .voice-button { justify-self:start; min-height:44px; }
.employee-mode .pending-upload { padding:15px; margin:10px 0; border:1px solid #e4c99e; background:#fff8e9; border-radius:12px; color:#6c4d22; }
.employee-mode .incident-severity { text-transform:capitalize; font-weight:800; }
.employee-mode .incident-severity.serious { color:#a43f33; }
.employee-mode .incident-severity.moderate { color:#956017; }
.employee-mode .employee-mode-switch:focus-visible,.employee-mode .summary-card:focus-visible { outline:3px solid #78a99a; outline-offset:3px; }
@media(max-width:1000px) {
  .employee-mode .employee-dog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .employee-mode .employee-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px) {
  .employee-mode .topbar { padding:8px 13px; min-height:62px; }
  .employee-mode .topbar .floor-search-form,.employee-mode .floor-notifications { display:none; }
  .employee-mode .brand { gap:8px; font-size:16px; }
  .employee-mode .brand-mark { width:31px;height:31px; }
  .employee-mode .employee-mode-switch { min-height:42px; padding:0 10px; font-size:12px; }
  .floor-mode-switch { min-height:40px; padding:0 10px; font-size:12px; }
  .employee-mode .side-nav { top:auto; left:0;right:0;bottom:0;width:auto;height:72px; padding:6px 8px; flex-direction:row; justify-content:stretch; gap:4px; border:0!important; border-top:1px solid var(--employee-line)!important; background:#f9fcf7!important; }
  .employee-mode .side-nav .nav-link { flex:1; min-width:0; min-height:58px; font-size:10px; }
  .employee-mode .side-nav .help-shortcut { display:none!important; }
  .employee-mode .main { margin:0; padding:22px 14px 92px; }
  .employee-mode .employee-greeting { align-items:flex-start; flex-direction:column; gap:6px; margin-bottom:18px; }
  .employee-mode .employee-greeting h1 { font-size:34px; }
  .employee-mode .employee-summary { gap:8px; margin-bottom:16px; }
  .employee-mode .employee-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .employee-mode .summary-card { min-height:98px; padding:13px; }
  .employee-mode .summary-card strong { font-size:30px; }
  .employee-mode .summary-card .summary-label { font-size:9px; }
  .employee-mode .employee-main-grid { grid-template-columns:1fr; }
  .employee-mode .employee-dog-grid { grid-template-columns:1fr; }
  .employee-mode .employee-filter { align-items:stretch; }
  .employee-mode .employee-filter select { width:100%; }
  .employee-mode .attention-item { grid-template-columns:1fr; }
  .employee-mode .pickup-row { grid-template-columns:64px minmax(0,1fr); }
  .employee-mode .pickup-row .button { grid-column:2; justify-self:start; }
  .employee-mode .employee-present-row { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .employee-mode .employee-present-row > .muted { grid-column:1; }
  .employee-mode .employee-present-row > .button { grid-column:2; grid-row:1 / span 2; }
  .handoff-confirm dl > div { grid-template-columns:78px minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .employee-mode .summary-card { transition:none; }
}