/* Radio Station Host brand overlay v0.5.107. Presentation only. */
html[data-theme="dark"]{--bg:#222f35;--bg2:#26343b;--surface:#1a252c;--surface2:#273840;--surface3:#324e5e;--blue:#67b3df;--blue-bright:#a3d3eb;--text:#fff;--muted:#fff;--vt-heading:#fff;--spl-blue:#a3d3eb;--select:#478db8;--chrome:#1a252c;--chrome2:#273840;--panel:#1a252c;--white:#1a252c;--line:#43565f;--line-dark:#607985;--border:#43565f;--panel-head-bg:#273840;--input-bg:#26343b;--vt-surface:#1a252c;--vt-field:#26343b;--vt-stroke:#43565f;--vt-hover:#324e5e;--shadow:0 6px 20px #0003}
html[data-theme="dark"] :is(.app-header,.brand-row,.menu-strip){background:#182127;border-color:#43565f}
html[data-theme="dark"] #app .mobile-workspace-nav{background:#222f35}
html[data-theme="dark"] .app-legal{background:#141e24;border-color:#43565f}
html[data-theme="dark"] :is(.spl-panel,.spl-window,.modal-card,.site-dialog-card,.vt-settings-dialog,.login-window){border-radius:6px}
html[data-theme="dark"] .window-title{border-radius:5px 5px 0 0}
html[data-theme="dark"] .login-brand{background:transparent;border:0;padding:14px 10px;max-width:390px}
html[data-theme="dark"] #app .brand-lockup .header-wordmark{width:260px!important;max-width:55vw!important;height:auto!important;aspect-ratio:2025/480;object-fit:contain}
html[data-theme="dark"] .login-brand .vt-new-logo{aspect-ratio:2025/480;height:auto}
html[data-theme="dark"] :is(.spl-btn,.log-mini-btn,.mini-media,.wave-more-btn,.window-close){border-radius:3px}
html[data-theme="dark"] .spl-btn.primary,html[data-theme="dark"] .spl-btn.primary:not(:disabled),html[data-theme="dark"] .billing-user-actions .spl-btn.team-login{color:#13232d;background:#67b3df;border-color:#67b3df;box-shadow:none}
html[data-theme="dark"] .spl-btn.primary:hover:not(:disabled),html[data-theme="dark"] .billing-user-actions .spl-btn.team-login:hover:not(:disabled){color:#13232d;background:#a0d7f4;border-color:#a0d7f4;box-shadow:none}
html[data-theme="dark"] .spl-btn.primary:active:not(:disabled){background:#67b3df}
html[data-theme="dark"] .menu-btn{color:#fff}
html[data-theme="dark"] .menu-btn:hover:not(:disabled),html[data-theme="dark"] .menu-btn.active{background:#273840;border-color:#43565f;color:#fff}
html[data-theme="dark"] #app :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]){border-radius:3px;border-color:#607985}
@media(max-width:1050px){html[data-theme="dark"] #app .brand-lockup .header-wordmark{width:220px!important;max-width:55vw!important}}
@media(max-width:560px){html[data-theme="dark"] #app .brand-lockup .header-wordmark{width:190px!important;max-width:55vw!important}}

/* RSH header alignment fix 1.0: preserve existing application behavior. */
html[data-theme="dark"] #app .brand-row {
 height:auto; min-height:74px; align-items:center; flex-wrap:wrap;
 gap:10px 20px; padding:8px 12px;
}
html[data-theme="dark"] #app .brand-lockup {
 display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px;
 min-width:0; max-width:100%;
}
html[data-theme="dark"] #app .brand-lockup .header-wordmark {
 display:block; width:260px!important; height:auto!important;
 max-width:min(55vw,260px)!important; flex:0 0 auto;
}
html[data-theme="dark"] #app .brand-lockup .brand-descriptor {
 line-height:1.4; white-space:normal;
}
html[data-theme="dark"] #app .brand-lockup .app-version {
 align-self:center; flex:0 0 auto; line-height:1.4;
}
html[data-theme="dark"] #app .station-tools {max-width:100%;flex-wrap:wrap;}
@media(max-width:1050px) {
 html[data-theme="dark"] #app .brand-lockup .header-wordmark {width:220px!important;}
}
@media(max-width:560px) {
 html[data-theme="dark"] #app .brand-row {min-height:0;gap:8px;padding:8px 12px;}
 html[data-theme="dark"] #app .brand-lockup .header-wordmark {width:190px!important;}
 html[data-theme="dark"] #app .brand-lockup .brand-descriptor {display:none;}
}