/* ── Sticky control header ─────────────────────────────────────────── */ .appbar { position: sticky; top: 0; z-index: 10; display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; padding: .7rem 0; margin-bottom: 1.25rem; border-bottom: 1px solid var(--border); background: var(--bg); } .appbar .brand { font-size: 1rem; font-weight: 700; margin-right: .25rem; white-space: nowrap; letter-spacing: .2px; } .appbar .field { display: inline-flex; align-items: center; gap: .4rem; } /* The bare [hidden] UA rule loses to the line above, so restate it with matching specificity — used to hide Channel/Location on the demo namespace. */ .appbar .field[hidden] { display: none; } .appbar .field label { font-size: .78rem; } .appbar select { font-size: .85rem; padding: .35rem .45rem; } /* Searchable concept picker: a text input + absolutely-positioned dropdown standing in for a native