/* ═══════════════════════════════════════════════════════════════════════════ GENERATED COPY — DO NOT EDIT. Source: /Pinako/ui-primitives.css Regenerate with: node "Pinako Pro/_build/sync-shared.mjs" (see that script's header for the shared-source rules) ═══════════════════════════════════════════════════════════════════════════ */ /* UI primitives shared by every extension page — pinako.html and chat.html. * * THE universal Pinako button (owner directive 2026-09-13, unified 2026-09-16): * EVERY button that carries text is .general-btn. Add .general-btn-primary for * the one action a dialog or card leads with. Symbol-only buttons — the square * toolbar and tree-row controls, a +/- stepper, a close X — keep their own * compact styles. * * There used to be two text buttons: this raised one (.general-btn, from the * theme customizer) and a flat one (.pinako-modal-btn, with .pinako-ai-btn as * an alias) that every modal and the AI Settings cards wore. They differed * only in dress, not in job, so the owner folded the flat one into this one * (2026-09-16); every former .pinako-modal-btn* call site now says * .general-btn*. The flat button's two behaviours that the raised one lacked * came along: the :focus-visible rule (dialogs focus their primary button on * open so Enter works, and under :focus that painted the hover glow — the * button opened looking permanently lit) and the :disabled dimming. * * .box-btn is the same button with plain white highlight slots instead of * accent-tinted ones, for buttons that sit inside an already-tinted container * (the settings panels' .panel-menubox) where a second accent glow reads as * noise. The two differ by ONE value (--btn-highlight) and share every rule. * * The rules live here rather than in pinako.html's