/* Radio-Digitaal WT1. Alleen de chatomgeving krijgt deze CSS. */
.chat-page .rd-wt1 { margin: 0 0 12px; border: 1px solid var(--line, #33445b); border-radius: 5px; background: var(--panel, #111923); overflow: hidden; }
.chat-page .rd-wt1__tabs { display: flex; align-items: stretch; gap: 3px; padding: 5px; overflow-x: auto; scrollbar-width: thin; }
.chat-page .rd-wt1__tab { flex: 0 0 auto; max-width: 31%; min-width: 95px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 13px; border: 1px solid var(--line, #3c4e62); border-radius: 4px; background: var(--panel-2, #182431); color: var(--text, #f7faff); font-size: 13px; font-weight: 700; cursor: pointer; }
.chat-page .rd-wt1__tab.is-active { border-color: #358cbb; background: #17658e; color: #fff !important; }
.chat-page .rd-wt1__tab.is-active * { color: #fff !important; }
.chat-page .rd-wt1__tab:not(.is-active):hover { border-color: #3599c7; }
.chat-page .rd-wt1__tab--chat { min-width: 110px; }
.chat-page .rd-wt1__tab-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-page .rd-wt1__lock { font-size: 12px; }
.chat-page .rd-wt1__hint { align-self: center; margin-left: 10px; font-size: 12px; color: var(--muted, #adbac8); }
.chat-page .rd-wt1__close { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 23px; min-height: 23px; border-radius: 3px; font-size: 20px; line-height: 1; color: #fff; background: #30475c; }
.chat-page .rd-wt1__close:hover, .chat-page .rd-wt1__close:focus-visible { background: #a43442; color: #fff; outline: 1px solid #fff; }
.chat-page .rd-wt1__chat-view[hidden], .chat-page .rd-wt1__pages[hidden], .chat-page .rd-wt1__frame-wrap[hidden], .chat-page .rd-wt1__loading[hidden] { display: none !important; }
.chat-page .rd-wt1__pages { min-width: 0; }
.chat-page .rd-wt1__frame-wrap { min-width: 0; position: relative; border: 1px solid var(--line, #2b394b); border-radius: 5px; background: var(--bg, #08090c); }
.chat-page .rd-wt1__frame { display: block; width: 100%; height: max(700px, calc(100dvh - 195px)); max-height: 1400px; border: 0; opacity: 0; transition: opacity 130ms ease; }
.chat-page .rd-wt1__frame-wrap.is-ready .rd-wt1__frame { opacity: 1; }
.chat-page .rd-wt1__loading { position: absolute; z-index: 2; inset: 0; display: flex; align-items: flex-start; justify-content: center; padding-top: 70px; color: var(--muted, #d0dae5); font-size: 14px; }
@media (max-width: 640px) { .chat-page .rd-wt1__tabs { gap: 3px; } .chat-page .rd-wt1__tab { padding: 9px 8px; min-width: 84px; max-width: 43%; } .chat-page .rd-wt1__hint { font-size: 11px; } .chat-page .rd-wt1__frame { height: max(620px, calc(100dvh - 115px)); } }

.chat-page .rd-wt1__tab--extra { padding: 0 3px 0 0; }
.chat-page .rd-wt1__tab-switch { display: inline-flex; align-items: center; flex: 1 1 auto; justify-content: center; min-width: 0; padding: 9px 4px 9px 12px; color: inherit; background: transparent; border: 0; border-radius: 3px; font-size: inherit; font-weight: inherit; }
.chat-page .rd-wt1__tab-switch:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.chat-page .rd-wt1__close { border: 0; cursor: pointer; }

.chat-page .rd-wt1 { scroll-margin-top: 18px; }