/* * PB-EODHD shared UI components (Niveau-2 design-system) * ------------------------------------------------------ * Reusable component-classes die op tokens (pb-tokens.css) bouwen * en door meerdere features gedeeld worden. Géén feature-specifieke * styling — die hoort in de feature's eigen CSS-file. * * Volgorde in : pb-tokens → pb-components → feature-CSS. */ /* —— ICON BUTTONS ——————————————————————————————————————————————————— */ .pb-icon-btn { width: 28px; height: 28px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; color: var(--pb-text-3); background: none; border: none; cursor: pointer; transition: background .15s, color .15s; padding: 0; flex-shrink: 0; } .pb-icon-btn:hover { background: var(--pb-tbl-hover); color: var(--pb-text-1); } .pb-icon-btn--danger:hover { background: var(--pb-neg-bg); color: var(--pb-negative); }