/* Música ambiente: botão no topo do escritório (nota musical) com o volume e o "silenciar" de cada pessoa. */
.amb { position: relative; }
.amb-botao { display: inline-flex; align-items: center; gap: 7px; height: 38px; min-width: 38px; justify-content: center; padding: 0 10px; border: 1px solid var(--linha); border-radius: 12px; background: var(--painel); color: var(--tinta); font-weight: 600; cursor: pointer; }
.amb-botao svg { width: 18px; height: 18px; color: var(--acento); }
.amb-botao:hover { background: var(--acento-suave); }
.amb-botao.mudo svg { color: var(--suave); }
.amb-botao.bloqueado { border-color: var(--acento); background: var(--acento); color: var(--no-acento); padding: 0 13px; }
.amb-botao.bloqueado svg { color: currentColor; }
.amb-botao:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }

.amb-painel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; width: 270px; padding: 14px 16px; border: 1px solid var(--linha); border-radius: 16px; background: var(--painel); color: var(--tinta); box-shadow: 0 18px 44px -12px rgba(31, 27, 45, .3); }
.amb-titulo { margin: 0; font: 500 11px/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; color: var(--suave); }
.amb-agora { margin: 8px 0 12px; font-size: 13.5px; }
.amb-vol { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 10px; font-size: 13px; color: var(--suave); }
.amb-vol span { grid-column: 1 / -1; }
.amb-vol input { width: 100%; accent-color: var(--acento); }
.amb-vol output { font: 500 12px/1 var(--mono); color: var(--tinta); min-width: 4ch; text-align: right; }
.amb-mudo { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13.5px; cursor: pointer; }
.amb-mudo input { accent-color: var(--acento); width: 16px; height: 16px; }
.amb-nota { margin: 10px 0 0; font-size: 12px; color: var(--suave); }

@media (max-width: 560px) {
  .amb-botao.bloqueado span { display: none; }
  .amb-painel { position: fixed; left: 16px; right: 16px; top: 64px; width: auto; }
}
