/* Tintim por Tintim · ajustes do app de verdade (por cima do visual do protótipo) */
.boot{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:10px;background:#FBF1E7;color:#5b4a3d;font:600 16px/1.4 Figtree,system-ui,sans-serif}
.boot-dot{width:12px;height:12px;border-radius:50%;background:#E2573B;animation:bootp 1s ease-in-out infinite}
@keyframes bootp{50%{transform:scale(1.6);opacity:.5}}
/* barrinha de "carregando" no topo */
.loadbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(90deg,transparent,#E2573B,#1E9C8E,transparent);background-size:50% 100%;background-repeat:no-repeat}
body.busy .loadbar{opacity:1;animation:loadmove 1s linear infinite}
@keyframes loadmove{from{background-position:-50% 0}to{background-position:150% 0}}
body.busy{cursor:progress}
/* mensagem ainda indo para o servidor */
.msg.sending{opacity:.65}
/* fila de envio guardada (sem internet) */
body.queued #netbar{display:flex}
/* código do suporte (aplicativo autenticador) */
.mfa-qr{display:flex;justify-content:center;margin:6px 0 10px}
.mfa-qr img{width:180px;height:180px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.mfa-secret{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;word-break:break-all}
/* coordenação: botão "Nova sala" ao lado da porta */
.ch-door-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.ch-newroom{align-self:center}
.inv-ok a{color:inherit;text-decoration:underline}
.c-table td.nw{white-space:nowrap}
.c-table td.nw .ce-confirm{display:inline-flex;gap:6px;align-items:center;margin-left:6px;font-size:.85em}
@media (prefers-reduced-motion: reduce){ .boot-dot, body.busy .loadbar{animation:none} }
/* barra do topo: nome comprido não passa por baixo do botão "Sair" */
.mb-in{min-width:0}
.mb-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* lista de quem pode buscar (coordenação) */
.pk-edit{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.pk-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pk-row .txt{min-width:0;flex:1 1 120px}