/*
 * PsyBrazil Audio4 stable compatibility skin.
 * This CSS intentionally avoids external imports and old image-controller dependencies.
 */
html,body{margin:0;padding:0;overflow-x:hidden}
.audio4_html5,#audio4_html5_white{width:100%;max-width:100%;box-sizing:border-box}
.audio4_html5{position:relative;margin:0 auto;color:#fff;font-family:Inter,Arial,sans-serif}
.audio4_html5 .xaudioplaylist{display:none!important}
.audio4_html5 .pb-audio4-shell{width:min(460px,100%);margin:0 auto;padding:14px;border-radius:22px;background:linear-gradient(145deg,rgba(28,7,48,.94),rgba(4,17,30,.92));border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(255,59,189,.18),inset 0 0 32px rgba(66,246,255,.06)}
.audio4_html5 .pb-audio4-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#cdb8de;font-size:12px;font-weight:800}
.audio4_html5 .pb-audio4-badge{color:#42f6ff;text-transform:uppercase;letter-spacing:.08em}
.audio4_html5 .pb-audio4-status{color:#4dff9d;text-align:right}
.audio4_html5 .pb-audio4-canvas{width:100%;height:82px;display:block;border-radius:18px;background:rgba(0,0,0,.3);border:1px solid rgba(66,246,255,.16);margin:0 0 12px}
.audio4_html5 .AudioControls{display:grid!important;grid-template-columns:repeat(5,minmax(42px,1fr)) minmax(120px,1.3fr);gap:8px;align-items:center;margin:0 0 12px!important;padding:0!important;background:transparent!important;box-shadow:none!important;position:relative!important}
.audio4_html5 .AudioControls a{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:44px!important;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)!important;box-shadow:none!important;text-decoration:none;cursor:pointer;position:relative!important;left:auto!important;top:auto!important;color:#fff}
.audio4_html5 .AudioControls a:hover{border-color:rgba(66,246,255,.48);transform:translateY(-1px)}
.audio4_html5 .AudioPlay{background:linear-gradient(135deg,rgba(255,59,189,.92),rgba(119,68,255,.9))!important}
.audio4_html5 .AudioPrev:before{content:"⏮";font-size:18px}
.audio4_html5 .AudioNext:before{content:"⏭";font-size:18px}
.audio4_html5 .AudioPlay:before{content:"▶";font-size:18px}
.audio4_html5 .AudioPlay.AudioPause:before{content:"⏸"}
.audio4_html5 .AudioShowHidePlaylist:before{content:"☰";font-size:18px}
.audio4_html5 .VolumeButton:before{content:"🔊";font-size:17px}
.audio4_html5 .VolumeButton.VolumeButtonMuted:before{content:"🔇"}
.audio4_html5 .VolumeSliderInput{width:100%;accent-color:#42f6ff}
.audio4_html5 .radioStation,.audio4_html5 .songTitle{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;display:block!important;overflow:hidden;text-align:center;color:#fff!important;margin:0!important;padding:0!important}
.audio4_html5 .radioStation{font:800 12px/1.4 Orbitron,Inter,Arial,sans-serif;color:#42f6ff!important}
.audio4_html5 .songTitleInside{position:relative!important;white-space:nowrap;width:100%!important;font:800 15px/1.5 Inter,Arial,sans-serif;text-align:center;color:#fff}
.audio4_html5 .pb-audio4-now{display:grid;gap:2px;text-align:center;margin:8px 0 10px}
.audio4_html5 .pb-audio4-now strong{font-size:15px;color:#fff}
.audio4_html5 .pb-audio4-now small{color:#cdb8de}
.audio4_html5 .pb-audio4-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.audio4_html5 .pb-audio4-stations.is-collapsed{display:none}
.audio4_html5 .pb-audio4-station{min-height:48px;text-align:left;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.24);color:#fff;padding:8px;cursor:pointer}
.audio4_html5 .pb-audio4-station strong,.audio4_html5 .pb-audio4-station small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.audio4_html5 .pb-audio4-station small{color:#cdb8de;font-size:10px}
.audio4_html5 .pb-audio4-station.is-active{border-color:rgba(77,255,157,.58);background:rgba(77,255,157,.12)}
.audio4_html5 audio{display:none!important}
@media(max-width:560px){.audio4_html5 .AudioControls{grid-template-columns:repeat(5,minmax(38px,1fr))}.audio4_html5 .VolumeSliderInput{grid-column:1/-1}.audio4_html5 .pb-audio4-stations{grid-template-columns:1fr}}
