/*
 * MODO-PALCO: aparência só desta ferramenta
 * Este arquivo só é carregado nas páginas dela. Cores, botões e
 * peças gerais vêm de assets/css (o "design" do site).
 */
body.palco-aberto { overflow: hidden; }
.palco-barra { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--linha); }
.palco-titulo { flex: 1; margin: 0; font-family: var(--serifa); font-size: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.palco-acesa { font-size: .75rem; color: var(--noite); background: var(--ambar); border-radius: 999px; padding: 2px 10px; }
.palco-controles { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; padding: 8px 12px; border-bottom: 1px solid var(--linha); }
.palco-controles .grupo { display: flex; align-items: center; gap: 4px; }
.pb-texto { padding: 0 12px; }
.pv { min-width: 4.5em; text-align: center; font-family: var(--mono); font-weight: 700; color: var(--ambar); }
.palco-conteudo { flex: 1; overflow-y: auto; padding: 20px 16px 50vh; -webkit-overflow-scrolling: touch; }
.palco-gaveta { max-height: 46vh; overflow-y: auto; padding: 12px; border-bottom: 1px solid var(--linha); background: var(--noite); }
.palco-gaveta .cartoes-acordes { max-width: 900px; margin: 0 auto; }
.palco-fim { display: flex; justify-content: space-between; gap: 8px; max-width: 900px; margin: 32px auto 0; }
.palco-dica { font-size: .8rem; color: var(--suave); text-align: center; margin: 18px 0 0; }