.screen { display: none; }
.screen.active { display: flex; animation: fade .35s ease; }
@keyframes fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.bg-grid {
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 40px 40px;
}
@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-6px)} 75%{transform:translateX(6px)} }
.shake { animation: shake .3s ease 2; }

/* Abas do painel (Minhas Pastas / Comunicação Interna / Informes) */
.aba-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  flex: 1 0 auto; white-space: nowrap; padding: .625rem 1rem; border-radius: .5rem;
  font-size: .875rem; font-weight: 600; color: var(--texto-suave); transition: background-color .15s, color .15s;
}
.aba-btn:hover { background: var(--superficie-2); color: var(--titulo); }
.aba-btn[aria-selected="true"] { background: var(--btn); color: var(--btn-texto); }
.aba-btn:focus-visible { outline: 2px solid rgb(var(--c-500)); outline-offset: 2px; }
.aba-painel { animation: fade .3s ease; }

/* Cards de destinatário da Comunicação Interna */
.destino-card {
  display: flex; align-items: center; gap: .75rem; width: 100%; text-align: left;
  padding: .625rem .75rem; border: 1px solid var(--borda); border-radius: .75rem; background: var(--superficie);
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}
.destino-card:hover:not(:disabled) { border-color: rgb(var(--c-500)); }
.destino-card[aria-checked="true"] { border-color: var(--btn); background: var(--superficie-2); box-shadow: 0 0 0 1px var(--btn); }
.destino-card:disabled { opacity: .55; cursor: not-allowed; }
.destino-card:focus-visible { outline: 2px solid rgb(var(--c-500)); outline-offset: 2px; }
.destino-check {
  display: none; margin-left: auto; flex-shrink: 0; width: 1.25rem; height: 1.25rem;
  border-radius: 9999px; background: var(--btn); color: var(--btn-texto); place-items: center;
}
.destino-card[aria-checked="true"] .destino-check { display: grid; }

/* Cards escondidos pela busca de colaborador */
.destino-card.hidden { display: none; }

/* Janela "Publicar Novo Informe" */
.modal:not(.hidden) { display: flex; animation: fade .2s ease; }

/* Avisos flutuantes (toast) */
.toast {
  pointer-events: auto; display: flex; align-items: center; gap: .6rem; max-width: 24rem;
  padding: .75rem 1rem; border-radius: .75rem; font-size: .875rem; font-weight: 600;
  background: var(--superficie); color: var(--texto); border: 1px solid var(--borda);
  box-shadow: 0 12px 32px rgb(0 0 0 / .18); animation: toast-entra .25s ease;
  transition: opacity .3s, transform .3s;
}
.toast-sucesso { border-left: 4px solid #10b981; }
.toast-erro    { border-left: 4px solid #ef4444; }
.toast-icone { flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 9999px; display: grid; place-items: center; font-weight: 800; color: #fff; }
.toast-sucesso .toast-icone { background: #10b981; }
.toast-erro .toast-icone    { background: #ef4444; }
.toast.saindo { opacity: 0; transform: translateY(-6px); }
@keyframes toast-entra { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }