/* ============================================================ Stoowa Console โ€” surface stylesheet (console.lvh.me) Consumed by app/views/layouts/console.html.erb and app/views/layouts/console_auth.html.erb. The token + base + utility layer is shared with the Stoowa-staff ops surface (GAP-CONSOLE ยง3.4) โ€” imported here from stoowa_tokens.css so console and ops consume ONE library. The console layout sets data-theme="light" on for the canon merchant default. Console-specific overrides (if any) go BELOW the import. Propshaft rewrites the url() below to the digested path. ============================================================ */ @import url("/assets/stoowa_tokens-3ca66d4b.css"); /* ------------------------------------------------------------------ Editor tab bar (canon Tabs) โ€” client-switched by controllers/tabs. The active tab button carries aria-selected; panels toggle [hidden]. ------------------------------------------------------------------ */ .con-tabbar { display: flex; gap: 4px; border-bottom: 1px solid var(--border); overflow-x: auto; } .con-tab { position: relative; padding: 10px 12px; border: none; background: transparent; cursor: pointer; white-space: nowrap; font-size: var(--fs-body-sm); font-weight: 500; color: var(--text-muted); } .con-tab[aria-selected="true"] { font-weight: 700; color: var(--brand); } .con-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--brand); }