/* N4: avisos do armazenamento na nuvem (site publicado). Ficam acima do botão Sair e nunca somem sozinhos: "NÃO salvo" precisa de uma ação. */
.nuvem__avisos {
  position: fixed; left: 12px; right: 12px; bottom: 56px; z-index: 70; display: grid; gap: 8px; max-width: 760px; margin: 0 auto; pointer-events: none;
}
.nuvem__avisos:empty { display: none; }
.nuvem__aviso {
  pointer-events: auto; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding: 10px 14px; font-size: 14px;
  border: 1.5px solid; border-radius: var(--raio-medio); box-shadow: var(--sombra-forte);
}
.nuvem__aviso p { margin: 0; flex: 1 1 260px; }
.nuvem__aviso--erro { background: var(--vermelho-claro); color: var(--vermelho); border-color: #e59aa6; }
.nuvem__aviso--aviso { background: var(--amarelo-claro); color: var(--amarelo); border-color: #f0d58a; }
.nuvem__aviso--info { background: var(--turquesa-claro); color: var(--petroleo); border-color: #9fded6; }
.nuvem__aviso button { flex: 0 0 auto; }
.nuvem__confirma { width: 100%; min-height: 42px; margin: 0 0 4px; padding: 6px 12px; font: inherit; border: 1.5px solid var(--borda-forte); border-radius: var(--raio-medio); }
/* Selo "Seus dados" no topo (fundo escuro): salvo / salvando / NÃO salvo */
.selo--aviso { background: rgba(245, 184, 61, .2); color: #ffe7a8; border: 1px solid rgba(245, 184, 61, .6); }
.selo--erro { background: rgba(255, 99, 120, .22); color: #ffd3da; border: 1px solid rgba(255, 150, 165, .7); font-weight: 700; }
@media print { .nuvem__avisos { display: none; } }