/* kapable-dock.css — shared footer dock component (IMP-2598). * Promoted from kv2-launchpad/static/styles.css (IMP-2590 lane treatment), * then substantially reworked per a K3 design consult (2026-07-22, C0.5): * priority+ round-robin overflow collapse + a disclosure-nav "⋯" control, * replacing the ⌘K spotlight pill and the old scroll-fallback/tail-drain * collapse. At dock-v0.2.0 (operator call, 2026-07-25) the chip strip went * away entirely: ALL platform nav lives in the (renamed) menu panel, always, * so the collapse engine's rules (.lp-dock-groups/-group/-chips/-sep/-label) * are gone and `.lp-dock-overflow-*` is now `.lp-dock-menu-*`. * kv2-launchpad remains the reference consumer. Include after * kapable-theme.css. * * The dock's chip markup (kapable-dock.js#renderChip) uses `.lp-chip`, NOT * the generic `.chip` (dock-v0.1.1) — a shared asset must not squat a * classname a consumer plausibly already owns. Found live: kv2-console * defines its own 13 `.chip` rules, and the dock's chips were inheriting * them (flex-direction:column, icon stacked over label) instead of this * file's inline dock grammar. `.chips` (the flex-wrap grid container used * by launchpad's own tool grid, not the dock) was never extracted here — * it doesn't belong to the dock component. Since dock-v0.2.0 every `.lp-chip` * lives in the menu panel, where it reads as a full-width row rather than a * pill — see `.lp-dock-menu-list .lp-chip` below for that context's look. */ /* The `hidden` attribute drives all three disclosure panels below (the * overflow trigger/panel/sections, the accent panel) plus their empty * sections. Author display rules elsewhere in this file carry the SAME * specificity as the UA [hidden] default and come later in the cascade, so * without this they would silently win and the "hidden" element would still * render — this is the one !important in the file, and it's load-bearing. */ [hidden] { display: none !important; } .lp-chip { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; /* a flex-item chip WOULD otherwise silently compress below its own label's width once its flex row runs out of room (the browser "solves" the overflow by shrinking instead of overflowing), which reads as a clipped mid-label chip and defeats navWrap's scrollWidth/clientWidth measurement entirely (shrinking absorbs the overflow before it can ever show up at the ancestor .lp-dock-nav that JS actually measures) — verified live in Chrome, 2026-07-22, IMP-2598 C0.5 round 4. */ border: 1px solid var(--kp-border); border-radius: 3px; padding: 6px 11px; font-size: 12.5px; font-weight: 550; color: var(--kp-text); background: var(--kp-surface); text-decoration: none; cursor: pointer; font-family: var(--kp-font); transition: border-color 0.15s, color 0.15s; } .lp-chip svg { color: var(--kp-text-dim); flex-shrink: 0; transition: color 0.15s; } /* ── Accent is a SIGNAL, not an ink (dock-v0.5.1) ───────────────────────── Every rule below used to recolour small TEXT to --kp-accent on hover, focus or active. That is only safe if the accent happens to contrast with the surface — and it is not ours to assume: theme.js `setBrand` takes each org's own brand colour. Measured on prod with this org's gold (#c6a853) in light theme, the menu trigger's label read 2.24:1 against a 4.5:1 requirement; the same rule fires on plain hover, so it was not an edge state. So the accent now lands only where the 3:1 non-text threshold applies — borders, glyphs, background tints — and text keeps a readable token. The affordance survives (a hovered control still gets an accent border AND an accent glyph); what goes away is unreadable text. Same move the overdue badge makes: red on the border, --kp-text on the number. */ .lp-chip:hover, .lp-chip:focus-visible { border-color: var(--kp-accent); color: var(--kp-text); text-decoration: none; } .lp-chip:hover svg, .lp-chip:focus-visible svg { color: var(--kp-accent); } .lp-chip:focus:not(:focus-visible) { outline: none; } .lp-chip[aria-disabled="true"] { opacity: 0.55; cursor: default; pointer-events: none; } /* ── Footer dock — the OS-shell concept's grammar (IMP-2590 v2) ─────────── Fixed platform nav: grouped compact chips (reusing .lp-chip above) + a live mono clock. Machined corners (the .lp-chip radius), ink rules, no cards. */ :root { --lp-dock-h: 56px; } .lp-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; align-items: center; gap: 10px; height: var(--lp-dock-h); padding: 0 12px; background: var(--kp-surface); border-top: 1px solid var(--kp-border); max-width: 100vw; } /* Every page ships this as an EMPTY `