/* Radio-Digitaal R4: chattoegang vóór de eerste verbinding. */
.rd-chat-entry { position: fixed; inset: 0; z-index: 9000; display: flex; justify-content: center; align-items: center; padding: 15px; background: rgba(2, 11, 19, .80); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); overflow-y: auto; overscroll-behavior: contain; }
.rd-chat-entry__panel { width: min(100%, 590px); border: 1px solid var(--line, #31505c); background: var(--panel, #11222a); color: var(--text, #fff); box-shadow: 0 8px 28px rgba(0,0,0,.17); border-radius: 5px; max-height: calc(100vh - 30px); overflow-y: auto; }
.rd-chat-entry__masthead { display:flex; align-items:center; gap:10px; padding: 13px 19px; color: #fff; background: #164d69; font-weight: 900; letter-spacing: .07em; font-size: 13px; }
.rd-chat-entry__masthead > span:first-child { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius:50%; background: rgba(255,255,255,.16); font-size: 18px; }
.rd-chat-entry__masthead small { margin-left: auto; font-size: 12px; font-weight: 600; letter-spacing: 0; opacity: .88; }
.rd-chat-entry__body { padding: 19px 21px 17px; }
.rd-chat-entry__eyebrow { display: block; margin-bottom: 5px; font-size:12px; font-weight:800; color: var(--muted, #a0b4c1); }
.rd-chat-entry h3 { margin:0 0 9px; font-size:22px; line-height:1.25; color: var(--text, #fff); }
.rd-chat-entry p { margin:0 0 12px; font-size:14px; line-height:1.55; color: var(--muted, #a0b4c1); }
.rd-chat-entry__rules { padding:0; margin: 13px 0 18px; list-style:none; display:grid; gap:1px; }
.rd-chat-entry__rules li { display: block; padding: 8px 0; border-bottom:1px solid var(--line,#31505c); line-height:1.45; font-size:13px; color:var(--text,#fff); }
.rd-chat-entry__rules li span { color: #66d4f1; display:inline-block; width:27px; font-size:12px; font-weight:900; }
.rd-chat-entry__rules strong { color:var(--text,#fff); }
.rd-chat-entry__primary { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:43px; border:1px solid #47a5dc; border-radius:4px; background:#176b9c; color:#fff!important; font-size:15px; font-weight:800; cursor:pointer; }
.rd-chat-entry__primary:hover, .rd-chat-entry__primary:focus-visible { color:#fff!important; background:#2181b7; border-color:#8ddcf5; }
.rd-chat-entry__primary:disabled { opacity:.62; cursor:wait; }
.rd-chat-entry .rd-chat-entry__fineprint { margin:9px 0 0; text-align:center; font-size:12px; }
.rd-chat-entry__tabs { display:flex; gap:6px; margin:17px 0 15px; }
.rd-chat-entry__tabs button { border:1px solid var(--line, #31505c); color:var(--text,#fff); background:var(--panel-3,#22333e); padding:8px 14px; font-weight:800; border-radius:3px; cursor:pointer; }
.rd-chat-entry__tabs button.is-selected { background:#176b9c; color:#fff; border-color:#47a5dc; }
.rd-chat-entry__form { display:grid; gap:7px; }
.rd-chat-entry__form[hidden] { display:none!important; }
.rd-chat-entry__form label { font-size:13px; font-weight:700; color:var(--text,#fff); }
.rd-chat-entry__form input { width:100%; min-height:41px; padding:8px 11px; border:1px solid var(--line,#31505c); border-radius:3px; background:var(--bg-soft,#0a1a22); color:var(--text,#fff); font-size:15px; }
.rd-chat-entry__form button { margin-top:10px; }
.rd-chat-entry .rd-chat-entry__signup { margin:13px 0 0; text-align:center; font-size:13px; }
.rd-chat-entry__signup a { color:#79dafe; font-weight:800; }
.rd-chat-entry__error { padding: 10px 20px 13px; color:#ffd6d6!important; background:#842a36; border-top:1px solid #bb5b65; font-size:13px!important; }
.rd-chat-entry__error[hidden] { display:none!important; }
@media (max-width:600px) { .rd-chat-entry { padding: 9px; } .rd-chat-entry__body { padding:15px; } .rd-chat-entry h3 { font-size:19px; } .rd-chat-entry__rules li { font-size:12px; } }

/* R4A: wegklikken zonder deelname en opnieuw openen zonder auto-verbinding. */
.rd-chat-entry[hidden], .rd-chat-entry__closed[hidden] { display: none !important; }
.rd-chat-entry__masthead .rd-chat-entry__close {
    margin-left: 2px; display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; padding: 0; border: 1px solid rgba(255,255,255,.4);
    border-radius: 4px; background: rgba(255,255,255,.1); color: #fff !important;
    font-size: 24px; font-weight: 700; line-height: 1; cursor: pointer;
}
.rd-chat-entry__masthead .rd-chat-entry__close:hover,
.rd-chat-entry__masthead .rd-chat-entry__close:focus-visible { background: rgba(255,255,255,.24); color:#fff !important; }
.rd-chat-entry__cancel {
    display: block; width: 100%; min-height: 38px; margin-top: 8px; padding: 8px 10px;
    border: 1px solid var(--line, #31505c); border-radius: 4px;
    background: var(--panel-3, #22333e); color: var(--text, #fff) !important;
    font-size: 13px; font-weight: 700; cursor: pointer;
}
.rd-chat-entry__cancel:hover, .rd-chat-entry__cancel:focus-visible {
    background: var(--panel, #1b333f); border-color: #6db8d9;
}
.rd-chat-entry__closed {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap: 10px; min-height: 240px; padding: 30px 18px;
    background: var(--panel, #11222a); color: var(--text, #fff); text-align:center;
}
.rd-chat-entry__closed-icon { color: #71cdec; font-size: 30px; }
.rd-chat-entry__closed strong { font-size: 16px; color: var(--text, #fff); }
.rd-chat-entry__closed p { max-width: 420px; margin:0; font-size:13px; line-height:1.5; color: var(--muted, #a0b4c1); }
.rd-chat-entry__closed .rd-chat-entry__reopen { max-width: 220px; margin-top: 7px; }