/* OFC-DJ-UI-040A · 31/10/2026.
   Controles do DJ no Moonlight público; não cria controles de reprodução no painel.
   ROLLBACK: remover este CSS e os controles/JS 040A, restaurando UI040. */
.ml-public-dj-controls{
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
  max-width:1120px;margin:0 auto 7px;padding:8px 10px;
  border:1px solid rgba(126,196,218,.32);border-radius:13px;
  background:linear-gradient(95deg,rgba(8,23,39,.82),rgba(24,16,38,.75));
}
.ml-public-dj-controls button,.ml-public-dj-import{
  font:700 .76rem/1.25 inherit;letter-spacing:.02em;color:#e3f7ff;
  padding:9px 12px;border:1px solid #527b9d;background:#18324a;border-radius:9px;
  cursor:pointer;text-decoration:none;white-space:nowrap;
}
.ml-public-dj-controls button:hover,.ml-public-dj-import:hover{background:#264660}
.ml-public-dj-controls button[aria-pressed="true"]{border-color:#82d6c4;background:#224e57}
.ml-public-dj-controls button:focus-visible,.ml-public-dj-import:focus-visible,.ml-public-volume input:focus-visible{outline:3px solid #b6f8ff;outline-offset:2px}
.ml-public-dj-controls #ml-dj-track-count,.ml-public-volume{font-size:.72rem;color:#d3ecf3}
.ml-public-volume{display:flex;align-items:center;gap:6px}
.ml-public-volume input{width:92px;accent-color:#87cfe5}
.ml-public-dj-feedback{font-size:.74rem;line-height:1.35;text-align:center;color:#a5cede;margin:1px 0 10px}
#ml-stage:not([hidden]){isolation:isolate}
@media(max-width:640px){
 .ml-public-dj-controls{gap:6px;padding:8px 6px}
 .ml-public-dj-controls button,.ml-public-dj-import{padding:8px 9px;font-size:.7rem}
 .ml-public-dj-controls #ml-dj-track-count{width:100%;text-align:center}
}