/* Spec: A11 decision 1 (one kit) · the screens plan, step g6 (the member's side of the kit), cut as in (a) of the milestone 1 plan ("only what the Market page uses: the room, the bar, the dock, the keys").
 *
 * What this file is: the dock: the five keys at the foot of a page, the one of the page that is open sunk into the metal.
 * Which page a key opens is given by the frame of the phone, never by the kit.
 *
 * Each rule was moved word for word from the approved Market page of the demo (.preview/bakeoff/sections/market/va.html), which every
 * approved picture of the member's app draws (accepted by Amir on 10 October 2026). Nothing was typed anew.
 * The colour names come from /kit/tokens.css and the faces from /kit/faces.css. No Persian letter is written here.
 */

/* The dock and its keys. (.preview/bakeoff/sections/market/va.html, lines 154 to 163) */
/* ── the dock ── */
.dock{position:absolute;left:var(--edge);right:var(--edge);bottom:32px;height:68px;display:flex;padding:4px 12px;border:1px solid transparent;border-radius:34px;z-index:6;
  background:repeating-linear-gradient(90deg,rgba(198,205,225,.035) 0,rgba(198,205,225,.035) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 2px) padding-box,
    linear-gradient(180deg,#262a38 0%,#1a1e2b 54%,#141722 100%) padding-box,linear-gradient(180deg,rgba(198,205,225,.38) 0%,rgba(198,205,225,.06) 100%) border-box;
  box-shadow:0 20px 32px -12px rgba(0,0,0,.80),inset 0 1px 0 rgba(255,255,255,.05)}
.dock a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:29px;color:var(--stone)}
.dock svg{flex:none;width:24px;height:24px}
.dock .ico{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dock span{font-size:11.5px;line-height:16px;font-weight:500;white-space:nowrap}
.dock a.here{color:var(--lit);background:linear-gradient(180deg,#0a0c10 0%,#0f1118 100%);box-shadow:inset 0 0 0 1px rgba(198,205,225,.05),inset 0 2px 4px rgba(0,0,0,.80)}