/* css/14-dock.css — floating dock pill.
   Split from the index.html <style> block (REFACTOR-PLAN Phase 2). Load order = cascade order; do not reorder. */
/* ---------- dock: floating five-item pill ---------- */
nav.dock{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:26;
  display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:999px;
  background:var(--glass-solid);border:1px solid var(--hair);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:var(--sh-lg);transition:opacity .3s var(--ease)}
body[data-view="drive"] nav.dock{opacity:.72}
nav.dock:hover,nav.dock:focus-within{opacity:1}
.dock .item{position:relative;display:flex;align-items:center;gap:8px;height:52px;padding:0 18px;
  border:0;border-radius:999px;background:none;color:var(--tx3);
  font-size:var(--fz-body);font-weight:600;letter-spacing:-.005em;white-space:nowrap;
  transition:color .18s var(--ease),background .18s var(--ease)}
.dock .item svg{width:20px;height:20px}
.dock .item.on{background:var(--acc-dim);color:var(--acc)}
.dock .item:active{transform:scale(.97)}
/* revamp 8 (client): the dock carries no badges. An inspection must not push
   notifications at the driver — the HUD already holds every live count. */
.dock-div{width:1px;height:24px;margin:0 10px;background:rgba(255,255,255,.14);flex:0 0 auto}
.dock .item.end{color:var(--crit);background:transparent;border:1px solid rgba(255,90,95,.55);font-weight:600}
.dock .item.end:hover,.dock .item.end:active,.dock .item.end.stopped{background:rgba(255,90,95,.14);color:var(--crit)}
.dock .item.end.on{background:transparent;color:var(--crit)}


/* ---------- pass 23: Home, and a dock that tells the truth ----------------
   Home is the first item and is never disabled — it is the way back to the
   day's tasks from anywhere in the shift. The other four are meaningless until
   an inspection exists (an empty map, four dead camera feeds, an empty verify
   list, an End dialog with nothing to end), so before a shift they are really
   disabled: the `disabled` attribute — so they are skipped by the keyboard and
   fire nothing — plus aria-disabled for the screen reader, and a de-emphasised
   paint that reads as "not yet", not as "unstyled". The 52 px target height is
   kept so the pill's geometry never shifts when the dock comes alive. */
.dock .item[disabled]{opacity:.34;color:var(--tx3);cursor:not-allowed;pointer-events:none}
.dock .item.end[disabled]{border-color:rgba(255,255,255,.14);color:var(--tx3)}
.dock .item[disabled]:active{transform:none}