/* Stage 06 UAT08: persistent navigation viewport and compact player. */
#mad-navigation-shell[hidden],#mad-mini-player[hidden]{display:none!important}
#mad-navigation-shell{position:fixed;inset:0;z-index:20000;background:#08080b}
#mad-navigation-frame{display:block;border:0;width:100%;height:calc(100% - 78px);background:#08080b}
#mad-mini-player{position:fixed;z-index:20001;left:0;right:0;bottom:0;min-height:78px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;background:linear-gradient(110deg,#11141d,#242139 55%,#132b34);border-top:1px solid #454253;color:white;font:13px Arial,Helvetica,sans-serif;box-shadow:0 -5px 24px #0007}
#mad-mini-player .mad-mini-art{width:50px;height:50px;object-fit:contain;border-radius:6px;background:#050505;flex:none}
#mad-mini-player .mad-mini-info{min-width:0;flex:1;max-width:450px;display:flex;flex-direction:column;gap:4px}
#mad-mini-player .mad-mini-info strong{font-size:11px;letter-spacing:1px;color:white}
#mad-mini-player #mad-mini-onair{color:#ff625f;margin-left:5px}
#mad-mini-player #mad-mini-track{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:bold}
#mad-mini-player #mad-mini-status{font-size:11px;color:#c5ced9}
#mad-mini-player button{border:0;border-radius:24px;background:#328fbf;color:white;padding:9px 13px;cursor:pointer;white-space:nowrap;font:13px Arial,Helvetica,sans-serif}
#mad-mini-player #mad-mini-play.mad-is-playing{background:#ff249c}
#mad-mini-player #mad-mini-mute{background:#34465a}
#mad-mini-player .mad-mini-volume-label{font-size:12px}
#mad-mini-player #mad-mini-volume{width:80px;accent-color:#58bfd0}
html.mad-shell-open,html.mad-shell-open body{overflow:hidden!important}
@media(max-width:560px){#mad-navigation-frame{height:calc(100% - 94px)}#mad-mini-player{min-height:94px;padding:8px;gap:7px;flex-wrap:wrap;justify-content:center}#mad-mini-player .mad-mini-art{width:38px;height:38px}#mad-mini-player .mad-mini-info{flex:1 1 calc(100% - 50px);max-width:none}#mad-mini-player #mad-mini-track{font-size:12px}#mad-mini-player button{font-size:12px;padding:7px 9px}#mad-mini-player #mad-mini-volume{width:65px}}

/* UAT10: homepage iframe uses the full viewport, with the compact player hidden. */
html.mad-shell-home #mad-navigation-frame{height:100%}
/* Direct internal page loads show a stopped compact player without covering footer content. */
html:not(.mad-shell-open) body:has(#mad-mini-player:not([hidden])){padding-bottom:94px}