/* Radio-Digitaal LS4 — compacte bingokaart direct onder de bestaande chat. */
.rd-bingo[hidden]{display:none!important}
.rd-bingo{border:1px solid var(--line,#31475a);background:var(--panel,#111b29);color:var(--text,#eee);min-width:0}
.rd-bingo__head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-soft,#182633)}
.rd-bingo__head h2{margin:0;font-size:16px}
.rd-bingo__badge{background:#168152;color:#fff!important;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:800;white-space:nowrap}
.rd-bingo__badge.is-paused{background:#b07d13}
.rd-bingo__badge.is-finished{background:#4f6277}
.rd-bingo__inner{padding:12px;display:grid;gap:11px}
.rd-bingo__overview{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.rd-bingo__overview>div:first-child{display:flex;flex-direction:column;gap:3px}
.rd-bingo__overview strong{font-size:15px}
.rd-bingo__overview span{color:var(--muted,#bdcad3);font-size:12px}
.rd-bingo__stats{display:flex;flex-wrap:wrap;gap:5px}
.rd-bingo__stats span{border:1px solid var(--line,#405064);background:var(--bg-soft,#1b2b3a);padding:4px 7px;border-radius:4px;color:var(--text,#eee);font-size:12px;font-weight:700;white-space:nowrap}
.rd-bingo__message{min-height:32px;background:var(--panel-3,#213342);border:1px solid var(--line,#31495a);border-radius:4px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.4}
.rd-bingo__message.is-important{border-color:#d39b2c;background:#403015;color:#fff}
.rd-bingo__message.is-success{border-color:#238652;background:#123d2b;color:#fff}
.rd-bingo__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rd-bingo__button{border:1px solid #147bb3;border-radius:4px;background:#1569a0;color:#fff!important;padding:9px 13px;cursor:pointer;font:700 13px/1.2 Verdana,Arial,sans-serif;min-height:38px}
.rd-bingo__button:hover{background:#1881bd;color:#fff!important}
.rd-bingo__button:disabled{opacity:.55;cursor:not-allowed}
.rd-bingo__controls a{color:var(--accent,#f6d72b);font-weight:800}
.rd-bingo__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;min-width:0}
.rd-bingo__cell{position:relative;min-width:0;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 5px;border:1px solid var(--line,#3c5063);border-radius:4px;background:var(--bg-soft,#172535);color:var(--text,#fff)!important;overflow-wrap:anywhere;word-break:normal;text-align:center;font:800 13px/1.25 Verdana,Arial,sans-serif}
.rd-bingo__cell small{font-size:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:800;color:var(--muted,#aebdc9)}
/* Het vakje mag nooit prijsgeven wat de DJ zojuist heeft gedraaid. */
.rd-bingo__cell:not(:disabled):hover{border-color:#77a6d9;background:var(--panel-3,#25384b);cursor:pointer}
.rd-bingo__cell:not(:disabled):focus-visible{outline:2px solid #80b7ea;outline-offset:2px}
.rd-bingo__cell.is-marked{background:#125b3a;border-color:#2abe75;color:#fff!important}
.rd-bingo__cell.is-marked small{color:#c7ffdf}
.rd-bingo__cell:disabled{cursor:default;opacity:1}
.rd-bingo__help{margin:0;color:var(--muted,#aebcc8);font-size:12px;line-height:1.5}
.rd-bingo__help strong{color:var(--text,#fff)}
@media(max-width:550px){.rd-bingo__inner{padding:9px;gap:9px}.rd-bingo__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.rd-bingo__cell{min-height:80px;padding:7px 4px;font-size:12px}.rd-bingo__overview strong{font-size:13px}}

.rd-bingo__chat-link{display:inline-flex;align-items:center;padding:5px 8px;min-height:28px;border-radius:4px;background:#b51748;color:#fff!important;text-decoration:none;font:800 12px/1.2 Verdana,Arial,sans-serif;white-space:nowrap}
.rd-bingo__chat-link[hidden]{display:none!important}
.rd-bingo__chat-link:hover{background:#d32259;color:#fff!important}