/* melhorias.css — o botão "Melhorias, Theus" e a folha dele (melhorias.js). Na paleta da casa: #9a74ec, #2a1f66, #efe6ff, #c3a6ff. */
.melhorias-botao{position:fixed;z-index:40;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;padding:7px 14px;border-radius:999px;border:1px solid rgba(195,166,255,.55);
  background:rgba(42,31,102,.82);color:#efe6ff;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 4px 16px rgba(20,12,50,.35)}
.melhorias-botao:hover{background:rgba(154,116,236,.92)}
.melhorias-botao:focus-visible{outline:2px solid #c3a6ff;outline-offset:3px}
/* no Admin: à direita do trilho (84 px), longe do terminal da direita */
.melhorias-botao.melhorias-admin{left:96px}
/* na sala: acima da linha de conversa de baixo */
/* com tela aberta (o palco anda para a esquerda) ou janela de até 1100 px (o palco chega ao canto), o botão sobe para cima do palco em vez de ficar por cima da fala (05/10) */
:root{--melhorias-base:76px}
body.com-telas{--melhorias-base:calc(var(--palco-h,128px) + 30px)}
@media (max-width:1100px){:root{--melhorias-base:calc(var(--palco-h,128px) + 30px)}}
.melhorias-botao.melhorias-sala{bottom:calc(var(--melhorias-base) + env(safe-area-inset-bottom,0px))}
.melhorias-folha{position:fixed;z-index:41;left:12px;bottom:calc(56px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;
  padding:14px;border-radius:14px;border:1px solid rgba(195,166,255,.5);background:rgba(26,19,64,.94);color:#efe6ff;font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(10,6,30,.5)}
.melhorias-folha.melhorias-admin{left:96px}
.melhorias-folha.melhorias-sala{bottom:calc(var(--melhorias-base) + 44px + env(safe-area-inset-bottom,0px))}
.melhorias-folha[hidden]{display:none}
.melhorias-cabeca{display:flex;align-items:center;justify-content:space-between;gap:8px}
.melhorias-cabeca strong{font-size:15px;color:#c3a6ff}
.melhorias-fechar{border:0;background:transparent;color:#efe6ff;font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}
.melhorias-fechar:focus-visible,.melhorias-folha button:focus-visible,.melhorias-folha textarea:focus-visible{outline:2px solid #c3a6ff;outline-offset:2px}
.melhorias-sub{margin:4px 0 10px;color:#c3a6ff;font-size:12.5px}
.melhorias-folha textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:96px;padding:8px 10px;border-radius:10px;border:1px solid rgba(195,166,255,.45);
  background:rgba(239,230,255,.06);color:#efe6ff;font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.melhorias-folha textarea::placeholder{color:rgba(239,230,255,.55)}
.melhorias-acoes{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.melhorias-estado{margin:0;font-size:12.5px;color:#c3a6ff;min-height:1em}
.melhorias-folha[data-estado="erro"] .melhorias-estado{color:#ffb4c0}
.melhorias-enviar,.melhorias-ver,.melhorias-feita{border:1px solid rgba(195,166,255,.6);background:#9a74ec;color:#fff;border-radius:999px;padding:6px 16px;font:600 13px system-ui,sans-serif;cursor:pointer}
.melhorias-enviar[disabled]{opacity:.6;cursor:wait}
.melhorias-ver{margin-top:12px;background:transparent;color:#efe6ff}
.melhorias-feita{padding:4px 12px;font-size:12px;margin-top:4px}
.melhorias-lista{margin-top:10px;display:grid;gap:8px}
.melhorias-lista[hidden]{display:none}
.melhorias-nota{padding:8px 10px;border-radius:10px;background:rgba(239,230,255,.06);border:1px solid rgba(195,166,255,.25)}
.melhorias-nota[data-estado="feita"]{opacity:.6}
.melhorias-nota header{font-size:12px;color:#c3a6ff}
.melhorias-nota p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.melhorias-selo{display:inline-block;margin-top:4px;font-size:11.5px;color:#c3a6ff}
.melhorias-vazio{margin:0;color:#c3a6ff;font-size:13px}
@media (max-width:640px){
  .melhorias-botao.melhorias-admin,.melhorias-folha.melhorias-admin{left:12px}
}
/* sala no celular (conversa em fio): o botão mora no topo, à esquerda, pequeno; a folha abre logo abaixo do topo (melhorias.js) */
.melhorias-botao.no-topo{position:static;flex:0 1 auto;min-width:0;margin:0 auto 0 0;padding:7px 12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none;background:rgba(42,31,102,.7)}
@media (max-width:760px){
  .melhorias-folha.melhorias-sala{left:8px;top:60px;bottom:auto;width:calc(100vw - 16px);max-height:min(72vh,560px)}
}
@media (prefers-reduced-motion:no-preference){.melhorias-botao{transition:background .15s}}