/* FlatcastX V3.3.0 - public lobby appearance only; admin and radio theme canvas excluded. */
/* Header bitmap holds logo/cat/equalizer only. Live slogan & welcome remain HTML. */
.page .top-hero{background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;isolation:isolate}
html[data-fx-site-theme="dark"] .page .top-hero{background-image:var(--fx-v33-dark-header,url('/assets/images/flatcastx_header_dark_v33.png'))!important}
/* Dark header: leave the working light-theme text geometry unchanged. */
html[data-fx-site-theme="dark"] .page .top-hero .hero-center-slogan{max-width:38%;min-width:0!important;left:50%!important;white-space:normal}
html[data-fx-site-theme="dark"] .page .top-hero .hero-welcome-text{max-width:23%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){html[data-fx-site-theme="dark"] .page .top-hero .hero-center-slogan{max-width:36%;left:51%!important}html[data-fx-site-theme="dark"] .page .top-hero .hero-welcome-text{max-width:23%;right:8px!important}}
/* Remove distracting white strokes on the themed icon tiles; keep their colors and selected checkmark. */
html[data-fx-site-theme="dark"] .page #lobby-stream-list .icon-choice,
html[data-fx-site-theme="dark"] .page .stream-side-cell .room-icon,
html[data-fx-site-theme="dark"] .page #lobby-stream-list .room-icon{
 border:1px solid #44617e!important;box-shadow:0 2px 5px rgba(0,0,0,.32),inset 0 1px 2px rgba(255,255,255,.12)!important;
}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .icon-choice.selected{border:2px solid #ffda44!important;box-shadow:0 0 0 2px #d3a500,0 3px 9px rgba(0,0,0,.35)!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .icon-choice.selected:after{border:2px solid #243d54!important;box-shadow:0 1px 6px rgba(0,0,0,.35)!important}
/* Radio list: true, continuous table surface, no separated per-cell white blocks. */
html[data-fx-site-theme="dark"] body .page #lobby-stream-list .fx-admin-reference-wrap{background:#1a3048!important;border:1px solid #486d8d!important;border-radius:10px!important;overflow-x:auto!important;overflow-y:visible!important;padding-bottom:0!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table{width:100%!important;min-width:690px!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;background:#223d57!important;box-shadow:none!important;margin:0!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(1){width:22%!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(2){width:13%!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(3){width:10%!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(4){width:16%!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(5){width:12%!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(6){width:27%!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table thead th{background:#174466!important;border:0!important;border-right:1px solid #416887!important;border-bottom:1px solid #6286a1!important;border-radius:0!important;color:#fff!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table tbody.fx-admin-room-group{border:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-admin-reference-data td,
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-admin-reference-tools td,
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-room-toolbar-row td{
 background:#263f59!important;color:#ecf6ff!important;border:0!important;border-right:1px solid #416382!important;border-bottom:1px solid #4b708e!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;
}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-admin-reference-data:hover td{background:#304e69!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-admin-reference-data td:last-child{border-right:0!important}
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table .fx-room-name :is(b,i),
html[data-fx-site-theme="dark"] body .page #lobby-stream-list table.fx-admin-reference-table .fx-mini-muted{color:#ebf6ff!important}
/* Same unbroken table rhythm in the light theme; preserve its native colors. */
html[data-fx-site-theme="light"] body .page #lobby-stream-list .fx-admin-reference-wrap{border:1px solid #b8d0e3!important;border-radius:9px!important;overflow-x:auto!important;padding-bottom:0!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table{width:100%!important;min-width:690px!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;background:#fff!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(1){width:22%!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(2){width:13%!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(3){width:10%!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(4){width:16%!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(5){width:12%!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table col:nth-child(6){width:27%!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table thead th{border-radius:0!important;border-right:1px solid #c1d7e9!important;border-bottom:1px solid #adc9df!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table tbody.fx-admin-room-group{border:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-admin-reference-data td,
html[data-fx-site-theme="light"] body .page #lobby-stream-list table.fx-admin-reference-table tr.fx-admin-reference-tools td{border:0!important;border-right:1px solid #d7e5ef!important;border-bottom:1px solid #d7e5ef!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}

/* Give dense form elements one consistent dark panel. Do not alter selected radio mode cards or save button colors. */
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-room-roles-wrap{background:#203750!important;color:#eaf5ff!important;border:1px solid #597895!important;box-shadow:none!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-room-roles-wrap .info{background:#2d4b68!important;color:#ebf5ff!important;border-left:4px solid #4ab5ff!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-room-roles-wrap :is(.muted,.online-hint){color:#cee5f9!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-room-roles-wrap :is(table,td){background:#253f5b!important;color:#f1f9ff!important;border-color:#577793!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-room-roles-wrap th{background:#194463!important;color:#fff!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-room-roles-wrap select{background:#142d47!important;color:#f0f7ff!important;border:1px solid #638ba9!important}
/* Detailed view and optional bottom action link; graph bars and semantic status untouched. */
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-status-wrap{background:#203750!important;color:#ebf7ff!important;border-color:#547795!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-status-card{background:#294761!important;color:#eaf5ff!important;border-color:#5c819e!important}
html[data-fx-site-theme="dark"] .page #lobby-stream-list .fx-status-wrap :is(.fx-status-chart-sub,.fx-status-time){color:#d0e5f8!important}
.page #lobby-stream-list .fx-v32-panel-back{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;min-height:34px;margin:12px 0 0;border:1px solid #688eaa;border-radius:8px;background:#244966;color:#f7fbff;text-decoration:none;font:800 13px Arial,Helvetica,sans-serif;cursor:pointer}
.page #lobby-stream-list .fx-v32-panel-back:hover{background:#1874a8;color:#fff}
html[data-fx-site-theme="light"] .page #lobby-stream-list .fx-v32-panel-back{background:#e7f2fa;color:#12496f;border-color:#9fbcd3}