/* ET-HOST unified radio player: one structure for all tenant chats, desktop and mobile. */
html body.chat-page .room-player-dock{flex:0 1 720px!important;width:min(100%,720px)!important;max-width:720px!important;min-width:0!important;margin-left:auto!important;overflow:visible!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy){
 display:grid!important;box-sizing:border-box!important;align-items:center!important;align-content:center!important;
 grid-template-columns:66px 42px minmax(0,1fr) auto 106px!important;
 grid-template-rows:58px 18px!important;gap:0 10px!important;
 height:94px!important;min-height:94px!important;max-height:94px!important;
 padding:8px 13px!important;overflow:hidden!important;
 border-radius:17px!important;background:#22282f!important;
 border:1px solid rgba(188,220,238,.2)!important;box-shadow:0 5px 16px rgba(0,0,0,.19)!important;
 color:#f4f9fd!important;position:relative!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.radio-onair-host{
 display:flex!important;position:static!important;transform:none!important;inset:auto!important;
 flex-direction:column!important;align-items:center!important;justify-content:center!important;
 grid-column:1!important;grid-row:1 / 3!important;
 width:66px!important;min-width:0!important;max-width:66px!important;height:74px!important;max-height:74px!important;
 padding:0!important;margin:0!important;overflow:hidden!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.radio-onair-host[hidden]{display:none!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-avatar{
 position:static!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;
 width:42px!important;height:42px!important;min-width:42px!important;max-height:42px!important;
 margin:0 auto!important;border-radius:11px!important;overflow:hidden!important
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-meta{display:flex!important;flex-direction:column!important;align-items:center!important;max-width:66px!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-meta :is(b,em){display:block!important;max-width:66px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important;line-height:1.15!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-play{
 display:grid!important;place-items:center!important;position:static!important;inset:auto!important;
 grid-column:2!important;grid-row:1!important;
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 margin:0!important;border-radius:11px!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-body{
 display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;
 grid-column:3!important;grid-row:1!important;min-width:0!important;min-height:0!important;height:auto!important;
 max-height:58px!important;overflow:hidden!important;margin:0!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .eth-player-mainline{display:flex!important;min-width:0!important;gap:6px!important;align-items:center!important;flex-direction:row!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-now-playing.eth-player-title{
 display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;
 font-size:.82rem!important;line-height:1.32!important;font-weight:800!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;-webkit-line-clamp:unset!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .eth-player-hidden-meta{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important;font-size:.65rem!important;white-space:nowrap!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-player-station{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-player-listeners:not([hidden]){display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;font-size:.67rem!important;white-space:nowrap!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-player-state{font-size:.62rem!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-actions{
 display:flex!important;grid-column:4!important;grid-row:1!important;
 align-items:center!important;justify-content:center!important;min-width:0!important;max-width:115px!important;
 margin:0!important;overflow:hidden!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-actions:empty{display:none!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-volume{
 display:flex!important;grid-column:5!important;grid-row:1!important;
 align-items:center!important;gap:6px!important;
 width:106px!important;max-width:106px!important;min-width:0!important;height:40px!important;min-height:40px!important;
 padding:4px 8px!important;margin:0!important;overflow:hidden!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-volume input[type=range]{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-external{
 display:grid!important;grid-column:5!important;grid-row:1!important;place-items:center!important;
 justify-self:end!important;width:38px!important;height:38px!important
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden]){
 grid-template-columns:42px minmax(0,1fr) auto 106px!important
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-play{grid-column:1!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-body{grid-column:2!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-actions{grid-column:3!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-volume,
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-external{grid-column:4!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)::after{content:none!important;display:none!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-wave{
 display:flex!important;grid-column:3!important;grid-row:2!important;align-items:center!important;justify-content:flex-start!important;
 width:100px!important;height:15px!important;max-width:100%!important;min-width:0!important;
 gap:3px!important;overflow:hidden!important;pointer-events:none!important;
}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-wave{grid-column:2!important}
html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-wave i{
 display:block!important;flex:0 0 3px!important;width:3px!important;height:10px!important;
 background:#67d5ff!important;border-radius:3px!important;transform-origin:center!important;
 animation:ethBarPulse 870ms ease-in-out infinite alternate!important;
 animation-delay:calc(var(--bar-index) * -107ms)!important;
}
@keyframes ethBarPulse{0%{transform:scaleY(.3);opacity:.55}50%{transform:scaleY(1.3);opacity:1}100%{transform:scaleY(.45);opacity:.77}}
@media(max-width:900px){
 html body.chat-page .room-player-dock{flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin-left:0!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy){grid-template-columns:50px 40px minmax(0,1fr) 96px!important;grid-template-rows:54px 18px!important;height:90px!important;min-height:90px!important;max-height:90px!important;gap:0 7px!important;padding:8px 10px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.radio-onair-host{width:50px!important;max-width:50px!important;height:72px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-avatar{width:35px!important;height:35px!important;min-width:35px!important;flex-basis:35px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-meta{max-width:50px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-play{width:38px!important;height:38px!important;min-width:38px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-body{grid-column:3!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-volume{grid-column:4!important;width:96px!important;max-width:96px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-actions{grid-column:3!important;grid-row:2!important;justify-self:end!important;max-width:85px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-wave{grid-column:3!important;grid-row:2!important;width:80px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-external{grid-column:4!important}
}
@media(max-width:520px){
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy){grid-template-columns:42px 38px minmax(0,1fr) 38px!important;grid-template-rows:44px 23px 35px!important;height:122px!important;min-height:122px!important;max-height:122px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.radio-onair-host{grid-column:1!important;grid-row:1/3!important;width:42px!important;max-width:42px!important;height:68px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy) .radio-onair-avatar{width:33px!important;height:33px!important;min-width:33px!important;flex-basis:33px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-play{grid-column:2!important;grid-row:1!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-body{grid-column:3!important;grid-row:1!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-wave{grid-column:3!important;grid-row:2!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-actions{grid-column:4!important;grid-row:2!important;align-self:center!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-volume{grid-column:1/-1!important;grid-row:3!important;width:100%!important;max-width:none!important;height:32px!important;min-height:32px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-external{grid-column:4!important;grid-row:1!important;width:34px!important;height:34px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden]){grid-template-columns:38px minmax(0,1fr) 38px!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-play{grid-column:1!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-body{grid-column:2!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-wave{grid-column:2!important}
 html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy):has(>.radio-onair-host[hidden])>.eth-player-actions{grid-column:3!important}
}
@media(prefers-reduced-motion:reduce){html body.chat-page .room-player-dock>.eth-radio-v2:not(#ethost-player-legacy)>.eth-player-wave i{animation:none!important;transform:scaleY(.7)!important}}

/* Radio player surface: respect each tenant's Styleeditor colour and opacity.
   Loaded after app.css and tenant inline CSS, across desktop and mobile. */
html body.chat-page .room-player-dock > .radio-player.radio-player-modern.eth-radio-v2:not(#ethost-player-legacy) {
  background-color: rgba(var(--tenant-player-rgb,30,35,41),var(--tenant-player-alpha,1)) !important;
  background-image: none !important;
}