/* bron: inline uit mu-plugins, verplaatst 12 okt 2026 */
.dsp-mstate{display:inline-flex;align-items:center;gap:4px;font-size:.72em;font-weight:600;
 padding:2px 7px;border-radius:999px;line-height:1.5;white-space:nowrap}
.dsp-mstate i{width:6px;height:6px;border-radius:50%;display:inline-block}
.dsp-ms-up{background:#f1f5f9;color:#475569}.dsp-ms-up i{background:#94a3b8}
.dsp-ms-soon{background:#fef3c7;color:#92400e}.dsp-ms-soon i{background:#f59e0b}
.dsp-ms-live{background:#dcfce7;color:#15803d}.dsp-ms-live i{background:#22c55e;animation:dsppulse 1.4s infinite}
.dsp-ms-live .dsp-ms-lbl{font-weight:600;opacity:.65;font-size:.94em}
.dsp-ms-live .dsp-ms-sc{font-weight:800;color:#166534;font-size:1.08em;letter-spacing:.2px}
.dsp-ms-live .dsp-ms-min{font-weight:600;opacity:.6;font-size:.88em}
.dsp-live-sc{color:#15803d;font-weight:800}
.dsp-live-min{color:#15803d;font-weight:600;opacity:.65;margin-left:4px;font-size:.92em}
html[data-theme="dark"] .dsp-live-sc,html[data-theme="dark"] .dsp-live-min{color:#86efac}
html[data-theme="dark"] .dsp-ms-live .dsp-ms-sc{color:#86efac}
.dsp-ms-fin{background:#dbeafe;color:#1e40af}.dsp-ms-fin i{background:#3b82f6}
@keyframes dsppulse{0%,100%{opacity:1}50%{opacity:.25}}
html[data-theme="dark"] .dsp-ms-up{background:#1e293b;color:#cbd5e1}
/* Pending is informatieloos zolang de wedstrijd niet begonnen is.
   Alleen binnen bt-tip-header verbergen, niet in archief/stats tabellen. */
.bt-tip-header{flex-wrap:wrap;gap:6px}
.dsp-mdot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:1px;background:#94a3b8}
.dsp-md-soon{background:#f59e0b}
.dsp-md-live{background:#22c55e;animation:dsppulse 1.4s infinite}
.dsp-md-fin{background:#3b82f6}
.bt-tip-header .bt-pending-badge,
.bt-extra-header .bt-pending-badge{display:none}
/* 25 aug: Pending NIET tonen tijdens live. Het label is dan nog steeds
   triviaal waar (de bet kan niet afgerekend zijn voor het eindsignaal) en
   dus informatieloos. Pas bij fin heeft het betekenis, en dan wordt het
   meestal meteen Win/Loss. */
.bt-tip-header .dsp-mstate[data-dsp-state="fin"] ~ .bt-pending-badge,
.bt-extra-header .dsp-mstate[data-dsp-state="fin"] ~ .bt-pending-badge{display:inline-block}