/* ── <ledger-dock> — LedgerDock: Home · Jobs · Payouts capsule + detached mic (assets/js/components/ledger-dock.js) ── */
.ldock { position: absolute; z-index: 5; left: 4.9cqw; right: 4.9cqw; bottom: 8.3cqw; display: flex; gap: 2.2cqw; }
.ldock::before { /* content scrolls on under the dock; settle it into the canvas */ content: ""; position: absolute; z-index: -1; left: -4.9cqw; right: -4.9cqw; top: -9cqw; bottom: -8.3cqw; background: linear-gradient(180deg, rgba(5,12,8,0), var(--canvas) 62%); }
.ldock .cap { flex: 1; height: 12.2cqw; padding: 1cqw; display: grid; grid-template-columns: repeat(3, 1fr); border-radius: 99px; background: var(--canvas); box-shadow: inset 0 0 0 1px var(--hair); }
.ldock .cap > span { display: grid; justify-items: center; align-content: center; border-radius: 99px; font: 400 2.44cqw/1.2 var(--sans); color: rgba(255,255,255,.62); }
.ldock .cap > span.sel { background: rgba(255,255,255,.055); color: #fff; font-weight: 600; }
.ldock svg { width: 4.9cqw; height: 4.9cqw; }
.ldock .mic { flex-shrink: 0; width: 12.2cqw; height: 12.2cqw; border-radius: 50%; display: grid; place-items: center; background: var(--canvas); box-shadow: inset 0 0 0 1px var(--hair); color: #fff; }