/* v0.6.3 - Demo countdown dihantar terus ke Player */
.remote-demo-panel{margin-bottom:18px;border:1px solid rgba(10,76,61,.14);background:linear-gradient(145deg,#fff,#f4faf7)}
.remote-demo-form{display:grid;grid-template-columns:1.25fr 1.15fr .8fr .8fr auto;gap:12px;align-items:end}
.remote-demo-form label{min-width:0}.remote-demo-sound{min-height:46px;margin:0;padding:0 10px;white-space:nowrap}
.remote-demo-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.remote-demo-actions button{min-height:44px}
.remote-demo-quick{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(10,76,61,.1)}
.remote-demo-quick>span{font-size:12px;font-weight:900;color:#42665b;margin-right:4px}.remote-demo-quick button{padding:8px 10px;font-size:12px}
.remote-demo-status{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(10,76,61,.06);color:#345b50;font-size:12px}
.demo-action-grid .demo-friday-run{grid-column:span 2}.countdown-demo-stage[data-mode="khutbah"]{background:radial-gradient(circle at 50% 20%,rgba(217,180,91,.24),transparent 30%),linear-gradient(145deg,#03100d,#143d32 56%,#020806)}
.countdown-demo-stage[data-mode="khutbah"] .countdown-demo-content h2{font-size:clamp(26px,4.3vw,68px)}
@media(max-width:1180px){.remote-demo-form{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-demo-sound{min-height:auto;padding:8px 0}.remote-demo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.remote-demo-form,.remote-demo-actions{grid-template-columns:1fr}.remote-demo-actions button{width:100%}.remote-demo-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.remote-demo-quick>span{grid-column:1/-1}.remote-demo-quick button{width:100%}.demo-action-grid .demo-friday-run{grid-column:auto}}

.remote-player-sound-tests{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(5,minmax(120px,.7fr));gap:8px;align-items:center;margin-top:14px;padding:14px;border:1px solid rgba(10,76,61,.13);border-radius:14px;background:linear-gradient(135deg,#eef8f4,#fff)}.remote-player-sound-tests div{display:grid;gap:3px}.remote-player-sound-tests strong{color:#174b3d}.remote-player-sound-tests small{color:#678078;line-height:1.35}.remote-player-sound-tests button{min-height:42px;padding:8px 10px}@media(max-width:1180px){.remote-player-sound-tests{grid-template-columns:repeat(3,minmax(0,1fr))}.remote-player-sound-tests div{grid-column:1/-1}}@media(max-width:650px){.remote-player-sound-tests{grid-template-columns:1fr 1fr}.remote-player-sound-tests div,.remote-player-sound-tests .primary{grid-column:1/-1}}