/* QA-D11: Compact player by default, expandable without altering playback services. */
.audio-player-bar.sehaj-compact {display:flex;flex-direction:column;align-items:stretch;gap:0;padding:5px 10px calc(7px + env(safe-area-inset-bottom));}
.audio-player-bar #playerInfo {display:flex;align-items:center;width:100%;gap:5px;min-width:0;}
.audio-player-bar #playerInfo .player-text {min-width:0;flex:1 1 0%;min-height:44px;display:flex;align-items:center;}
.audio-player-bar #playerTitle {min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 0;text-decoration:none;}
.audio-player-bar #compactPlayerPlayPause,.audio-player-bar #compactPlayerExpand {display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;width:44px;min-height:44px;padding:4px;font-size:21px;}
.audio-player-bar #playerInfo #stopClosePlayerBtn {display:inline-flex;align-items:center;justify-content:center;flex:0 0 74px;min-width:74px;width:74px;max-width:74px;min-height:44px;margin:0;padding:4px;font-size:11px;line-height:1.1;white-space:normal;text-align:center;}
.audio-player-bar.sehaj-compact .player-controls-extra,
.audio-player-bar.sehaj-compact #mediaPlayerContainer,
.audio-player-bar.sehaj-compact #queueOfflinePlayerNotice {display:none !important;}
.audio-player-bar:not(.sehaj-compact) #compactPlayerExpand {background:#466b9a;}
.audio-player-bar #compactPlayerProgress {display:block;width:100%;height:3px;background:#64748b;overflow:hidden;border-radius:3px;margin-top:2px;pointer-events:none;}
.audio-player-bar #compactPlayerProgressFill {height:100%;width:0%;background:#93c5fd;transition:width .15s linear;}
.audio-player-bar:not(.sehaj-compact) #compactPlayerProgress {display:none;}
@media(max-width:380px) {
 .audio-player-bar #compactPlayerPlayPause,.audio-player-bar #compactPlayerExpand {min-width:44px;flex-basis:44px;}
 .audio-player-bar #playerInfo #stopClosePlayerBtn {flex-basis:67px;min-width:67px;width:67px;max-width:67px;}
}

/* QA-D11 desktop/mobile fix: explicit expanded layout, not dependent on old responsive flex rules. */
.audio-player-bar.sehaj-expanded {display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:7px !important;padding:8px 12px calc(8px + env(safe-area-inset-bottom)) !important;}
.audio-player-bar.sehaj-expanded .player-controls-extra {display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;width:100% !important;gap:6px !important;}
.audio-player-bar.sehaj-expanded #mediaPlayerContainer {display:flex !important;width:100% !important;max-width:100% !important;min-width:0 !important;}
.audio-player-bar.sehaj-expanded #compactPlayerProgress {display:none !important;}
@media(max-width:768px) {
  .audio-player-bar.sehaj-expanded .player-controls-extra {display:grid !important;grid-template-columns:1.15fr .85fr .85fr .95fr .8fr 1.4fr !important;gap:4px !important;}
}