/* ========================================================================
   05-avisos-e-extras.css — AVISOS, RODAPÉ, CADASTRO E LOGO
   ------------------------------------------------------------------------
   Mensagem flutuante (toast), caixas vazias, link de convite, rodapé,
   tela de cadastro/entrar, aviso de configuração e tamanho do logo.
   ======================================================================== */

/* ---- Toast: mensagem que aparece embaixo da tela por 2s (função toast() em js/03-utilidades.js). ---- */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--blue-deep);color:#fff;padding:11px 22px;border-radius:999px;font-size:13.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s;z-index:50;}
.toast.show{opacity:1;}

/* ---- Caixa tracejada mostrada quando uma lista está vazia. ---- */
.empty{border:2px dashed var(--line);border-radius:18px;padding:30px;text-align:center;color:#8AA0B4;font-size:13.5px;background:#fff;}

/* ---- Link de convite, selo verde (.ig-badge) e botões "Sair"/"Excluir conta" da barra superior. ---- */
.invite-link-row{display:flex;gap:8px;align-items:center;}
.invite-link-row input{font-family:'Nunito',sans-serif;font-size:12.5px;}
.ig-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ig-gradient);color:#fff;font-weight:800;font-size:11.5px;padding:5px 12px;border-radius:20px;}
.who-actions{margin-left:10px;font-size:12px;font-weight:800;color:var(--blue-2);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;}

/* ---- Rodapé do site. ---- */
.site-footer{margin-top:44px;padding-top:18px;border-top:2px dashed var(--line);font-size:12px;color:#8AA0B4;line-height:1.6;}
.site-footer b{color:var(--blue-2);}

/* ---- Tela de Cadastro / Entrar e aviso "Configure o banco de dados". ---- */
.onboard-wrap{max-width:560px;margin:20px auto 0;}
.onboard-card{text-align:center;}
.onboard-card .ig-badge{font-size:12.5px;padding:6px 16px;margin-bottom:14px;}
.setup-banner{background:#FFF4E5;border:2px solid var(--orange);border-radius:16px;padding:16px 20px;margin-bottom:20px;font-size:13px;line-height:1.6;color:var(--blue-deep);}
.setup-banner code{background:#fff;padding:2px 6px;border-radius:6px;font-size:12px;}
.auth-toggle{display:flex;gap:8px;margin-bottom:6px;}
.auth-toggle button{flex:1;padding:8px;border-radius:12px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:13px;color:var(--blue-2);}
.auth-toggle button.on{background:var(--ig-gradient);color:#fff;border-color:transparent;}


/* ---- Tamanho do logo no cabeçalho. ---- */
.logo-mark{height:42px;width:auto;display:block;}