/* * 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); } .pb-icon-btn:focus-visible { outline: 2px solid var(--pb-accent); outline-offset: 2px; border-radius: 6px; } /* —— INLINE WARNING (FT-46) ——————————————————————————————————————————— */ .pb-warning { display: none; color: var(--pb-negative, #9B1C1C); background: var(--pb-neg-bg, #FEF0F0); border-radius: var(--pb-radius-input, 6px); padding: 6px 10px; font-size: 12.5px; line-height: 1.4; margin: 4px 0 8px; } .pb-warning.is-visible { display: block; } /* —— INTRADAY / LIVE-PRICE INDICATORS (#59 fase 2) ——————————————————————— */ .pb-intraday-updated { display: block; font-size: 0.85em; color: var(--pb-text-3); margin-top: 2px; } .pb-intraday-fresh { display: inline-block; background: #E6F4EA; color: #1E6B33; padding: 2px 8px; border-radius: var(--pb-radius-input, 6px); font-size: 0.8em; font-weight: 600; line-height: 1.2; } .pb-missing-asterisk { color: var(--pb-accent, #C9A84C); font-weight: 700; cursor: help; vertical-align: super; font-size: 0.85em; margin-left: 2px; } .pb-missing-count { display: block; margin-top: 8px; font-style: italic; font-size: 0.85em; color: var(--pb-text-3); }