ui: editorial styling for Library/Quick Access/Settings/Display + tab fix
Tab bar
- Was rendering with all 4 borders + bg + radius (legacy capsule).
Override now nukes border/background/radius/padding with !important
and leaves only a single hairline border-bottom. Tabs now read as
an editorial nav strip, not a card.
Library (browser tab)
- Breadcrumb: italic serif with copper hover, mono separator
- Toolbar: hairline-grouped controls, no card chrome
- View-toggle: square hairline pills with copper active
- Search: underline-only input, copper underline on focus
- Items-per-page: mono uppercase label + hairline select
- Browser grid: editorial cards (serif title + mono meta), copper
hover border, copper play-overlay
- List view: hairline table with mono headers + serif cells
- Pagination: hairline buttons, mono uppercase, copper hover
Quick Access
- Console-rail layout (1px gaps on rule background)
- Cards: serif italic label, copper hover with icon lift
- Empty state: italic serif on dashed paper card
Settings
- Each settings-section becomes a numbered editorial card with a
CSS counter (5.01, 5.02, ...) shown as a mono prefix on the
italic-serif summary. Open/closed chevron via :before/:after
- Tables: hairline borders, mono uppercase headers, serif name cells
- Add-card: editorial dashed border, copper-on-hover
- Audio device selector: mono labels, hairline select, status
pills (active/available/unavailable) in jade/amber/rust
- Folder badges, action buttons, empty states all aligned to
the editorial palette
Display
- Monitor grid: editorial paper cards
- Headings: serif, copper hover on actions
- Empty state: italic serif on dashed card
Cross-cutting
- Icon-select trigger + popup restyled to editorial
alexei.dolgolyov
2049850180