/* Complemento exclusivo do player. O balao, avatar, fontes e cores principais
   continuam definidos pelo CSS original do chat. */
.quiz-chat-message .sfq-music-clip{
  display:flex;align-items:center;gap:7px;box-sizing:border-box;
  width:min(100%,282px);min-width:0;min-height:39px;
  margin:7px 0 1px;padding:5px 8px;
  border:1px solid rgba(131,174,233,.34);border-radius:9px;
  background:rgba(6,19,43,.48);
  color:#b5e5ff;
}
.quiz-chat-message .sfq-music-play{
  flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;
  border:1px solid rgba(143,158,242,.75);border-radius:50%;
  background:linear-gradient(135deg,#204e90,#56378f);
  color:#fff;font-size:12px;line-height:1;cursor:pointer;
}
.quiz-chat-message .sfq-music-play:disabled{opacity:.55;cursor:default}
.quiz-chat-message .sfq-music-detail{
  flex:0 1 88px;min-width:0;font:700 9px/1.2 system-ui,Arial,sans-serif;
  letter-spacing:.02em;color:#b5e5ff;
}
.quiz-chat-message .sfq-music-track{
  flex:1 1 40px;min-width:18px;height:5px;border-radius:10px;
  background:rgba(174,196,238,.2);overflow:hidden;
}
.quiz-chat-message .sfq-music-fill{
  display:block;height:100%;width:0%;background:linear-gradient(90deg,#3cc9f0,#b889fc);
  border-radius:inherit;
}
.quiz-chat-message .sfq-music-seconds{
  flex:0 0 auto;font:800 10px/1.1 system-ui,Arial,sans-serif;color:#ffd85a;
}
.quiz-chat-message .sfq-music-closed{opacity:.68}
.quiz-chat-message .sfq-attempts{margin:6px 0 2px;font:700 11px/1.35 system-ui,Arial,sans-serif;color:#ffda77}
.quiz-chat-message .quiz-question-reply:disabled{opacity:.65;cursor:default}
@media(max-width:400px){
  .quiz-chat-message .sfq-music-clip{gap:5px;padding:5px 6px}
  .quiz-chat-message .sfq-music-detail{font-size:8px;flex-basis:80px}
}
/* Formulário do TESTE reservado ao administrador. Não altera as mensagens normais. */
.sfq-admin-test .quiz-msg-kicker{color:#ffda77}
.sfq-admin-test .sfq-test-countdown{font-size:11px;color:#a8b8d3;margin-top:6px}
.sfq-admin-test .sfq-test-form{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.sfq-admin-test .sfq-test-form[hidden]{display:none}
.sfq-admin-test .sfq-test-form input{
  min-width:135px;max-width:290px;flex:1 1 155px;box-sizing:border-box;
  background:#112a43;border:1px solid #456385;border-radius:8px;
  padding:8px 9px;color:#fff;font:12px system-ui,Arial,sans-serif;
}
.sfq-admin-test .sfq-test-form button{
  background:linear-gradient(135deg,#168fb4,#5846b6);color:#fff;
  border:0;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:700;
}
.sfq-admin-test .sfq-test-form button:disabled{opacity:.6;cursor:wait}
.sfq-admin-test .sfq-test-result{font-size:11px;margin-top:7px;color:#d4e8f8}
.sfq-admin-test .sfq-test-reveal{font-size:11px;margin-top:4px;color:#ffda77}
.sfq-test-warning{margin:12px 5px;color:#ffcc81;font-size:12px}