/* Conversas: avisos de alcance do contato, carregamento e falhas. Cores da identidade (app.css :root). */
#conversations .cv-warn{margin:8px 0 12px;padding:10px 12px;border:1px solid #e6c46f;border-left:4px solid var(--gold);border-radius:7px;background:var(--cream);color:#55421b;font-size:14px}
#conversations .cv-hint,.cv-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted)}
#conversations .cv-hint p{margin:0}
#conversations .cv-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 14px;padding:10px 12px;border:1px solid #d9a3a3;border-left:4px solid var(--wine);border-radius:7px;background:#fff6f6}
#conversations .cv-error p{margin:0;color:var(--wine)}
#conversations .cv-hint[hidden],#conversations .cv-error[hidden]{display:none}
#conversations [aria-busy=true]{opacity:.55;transition:opacity .2s}
dialog .cv-warn{margin:8px 0 12px;padding:10px 12px;border:1px solid #e6c46f;border-left:4px solid var(--gold);border-radius:7px;background:var(--cream);color:#55421b;font-size:14px}
dialog .cv-warn[hidden]{display:none}
@media (max-width:640px){#conversations .cv-hint,#conversations .cv-error{flex-direction:column;align-items:stretch}#conversations .cv-hint button,#conversations .cv-error button{width:100%}}