/* FlatcastX V3.6: Public lobby radio mixer options and panel navigation ONLY.
   Does not touch DJ Mixer engine, admin interface, custom radio theme canvas, forms or APIs. */
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal.fx-mixer-settings-page .fx-mixer-settings-card {
 background:#203750!important;color:#edf6ff!important;border:1px solid #567a96!important;
 box-shadow:0 12px 28px #0915265e!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-head {
 border-bottom-color:#547794!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal :is(.fx-ms-title,.fx-ms-mode-label,.fx-ms-grid label) {
 color:#eaf5ff!important;opacity:1!important;text-shadow:none!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal :is(.fx-ms-subtitle,.fx-ms-mode-choice small) {
 color:#c9dded!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-info {
 background:#294762!important;border-left-color:#42b8f5!important;color:#f0f8ff!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-mode-choice {
 background:#172b43!important;color:#f3f9ff!important;border:1px solid #5d809e!important;
 box-shadow:none!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-mode-choice:is(:hover,:focus-visible){
 background:#24425e!important;border-color:#8ccdf1!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-mode-choice.is-active {
 background:#1c5073!important;border:2px solid #53c1ff!important;
 box-shadow:0 0 0 2px #48baff22!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-mode-icon {
 background:#304c64!important;color:#eaf7ff!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-mode-choice.is-active .fx-ms-mode-icon {
 background:linear-gradient(145deg,#148acb,#08629c)!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal :is(.fx-ms-mode-note,.fx-ms-mode-note.blue){
 background:#294762!important;color:#e9f7ff!important;border:1px solid #5f87a4!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal :is(input:not([type="checkbox"]),select,textarea) {
 background:#10253d!important;color:#f0f8ff!important;border-color:#6c91ac!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal :is(input,textarea)::placeholder {
 color:#b4ccdd!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-msg{color:#b8e9ff!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-cancel {
 background:#34516b!important;color:#f2f9ff!important;border:1px solid #7598b4!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-cancel:hover {
 background:#436783!important;
}
/* Back link shares the existing listener button row and remains last after the report. */
.page #lobby-stream-list .fx-status-wrap .fx-status-actions {
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;
}
.page #lobby-stream-list .fx-status-wrap .fx-status-actions .fx-v34-radio-list-link,
.page #lobby-stream-list .fx-room-roles-wrap > .fx-v34-radio-list-link,
.page #lobby-stream-list .fx-room-roles-wrap > .fx-v32-panel-back {
 margin:0!important;padding:9px 15px!important;min-height:36px!important;
 box-sizing:border-box!important;
}
.page #lobby-stream-list .fx-room-roles-wrap > :is(.fx-v34-radio-list-link,.fx-v32-panel-back){
 margin-top:14px!important;
}
.page #lobby-stream-list .fx-status-actions .fx-v34-radio-list-link {
 background:#34516b!important;color:#fff!important;border-color:#7a9db8!important;
}
.page #lobby-stream-list .fx-status-actions .fx-v34-radio-list-link:hover{background:#466d8a!important}
@media(max-width:650px){
 html[data-fx-site-theme="dark"] body .page #lobby-stream-list #fxMixerSettingsModal .fx-ms-mode-grid{grid-template-columns:1fr!important}
 .page #lobby-stream-list .fx-status-wrap .fx-status-actions>a{max-width:100%!important}
}
