.dialogo-alerta-geral,
.dialogo-gerenciar-alertas-gerais {
  box-sizing: border-box;
  color: #e8ecec;
  background: #101f25;
  border: 1px solid #9b762d;
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .45), 0 0 0 1px rgba(201, 160, 75, .08) inset;
  font-family: Arial, Helvetica, sans-serif;
}
.dialogo-alerta-geral::backdrop,
.dialogo-gerenciar-alertas-gerais::backdrop { background: rgba(8, 15, 20, .72); }
.dialogo-alerta-geral {
  width: min(760px, calc(100vw - 32px));
  max-height: 90dvh;
  overflow-y: auto;
  margin: auto;
  padding: 0;
}
.cabecalho-alerta-geral-popup {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 22px 24px 18px;
  border-bottom: 1px solid rgba(201, 160, 75, .28);
  background: linear-gradient(180deg, rgba(170, 126, 42, .14), rgba(170, 126, 42, .03));
}
.icone-alerta-geral {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid #c9a04b;
  border-radius: 50%;
  color: #f0c86c;
  font-weight: 800;
  font-size: 1.25rem;
}
.cabecalho-alerta-geral-popup span,
.topo-gerenciar-alertas span { color: #c9a04b; font-size: .76rem; font-weight: 800; letter-spacing: .12em; }
.cabecalho-alerta-geral-popup h2,
.topo-gerenciar-alertas h2 { margin: 4px 0 0; color: #f1dfb7; font-size: 1.28rem; }
.meta-alerta-geral-popup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 14px 24px 0;
  color: #9eb1b4;
  font-size: .83rem;
}
.mensagem-alerta-geral-popup {
  margin: 18px 24px;
  padding: 17px 18px;
  color: #eef4f4;
  line-height: 1.55;
  background: #0c191e;
  border: 1px solid rgba(201, 160, 75, .24);
  border-radius: 10px;
  white-space: normal;
}
.campo-resposta-alerta-geral { display: block; margin: 0 24px 8px; }
.campo-resposta-alerta-geral span { display: block; margin-bottom: 8px; color: #d8c496; font-weight: 700; }
.campo-resposta-alerta-geral textarea,
.form-novo-alerta-geral input,
.form-novo-alerta-geral textarea,
.form-novo-alerta-geral select {
  box-sizing: border-box;
  width: 100%;
  padding: 11px 12px;
  color: #f2f7f7;
  background: #0c191e;
  border: 1px solid #36545a;
  border-radius: 8px;
  font: inherit;
}
.campo-resposta-alerta-geral textarea:focus,
.form-novo-alerta-geral input:focus,
.form-novo-alerta-geral textarea:focus,
.form-novo-alerta-geral select:focus { outline: 1px solid #c9a04b; border-color: #c9a04b; }
.acoes-alerta-geral-popup {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px 22px;
}
.botao-alerta-principal,
.botao-alerta-secundario,
.topo-gerenciar-alertas button,
.abas-gerenciar-alertas button,
.topo-card-alerta-geral button {
  padding: 10px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
}
.botao-alerta-principal { color: #16120b; background: #c9a04b; border: 1px solid #e5c678; }
.botao-alerta-secundario,
.topo-gerenciar-alertas button,
.abas-gerenciar-alertas button,
.topo-card-alerta-geral button { color: #e5cf9d; background: #15272d; border: 1px solid #7d622d; }
.botao-alerta-principal:disabled,
.botao-alerta-secundario:disabled { opacity: .55; cursor: wait; }
.status-alerta-geral-popup,
.status-alerta-geral-painel { min-height: 20px; color: #efc66f; font-size: .88rem; }
.status-alerta-geral-popup { padding: 0 24px; }
.status-alerta-geral-painel.erro { color: #ff9b94; }
.status-alerta-geral-painel.sucesso { color: #8de3bd; }

.dialogo-gerenciar-alertas-gerais {
  width: min(980px, calc(100vw - 28px));
  max-height: 92dvh;
  overflow-y: auto;
  margin: auto;
  padding: 0;
}
.topo-gerenciar-alertas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(201, 160, 75, .22);
}
.abas-gerenciar-alertas { display: flex; gap: 8px; padding: 14px 22px 0; }
.abas-gerenciar-alertas button.ativa { color: #16120b; background: #c9a04b; border-color: #d9ba72; }
#conteudoGerenciarAlertasGerais { padding: 20px 22px 24px; }
.grade-alerta-geral-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.grade-alerta-geral-form label > span,
.filiais-alerta-geral > span { display: block; margin-bottom: 7px; color: #becbcc; font-size: .84rem; font-weight: 700; }
.campo-alerta-largo { grid-column: 1 / -1; }
.filiais-alerta-geral > div { display: flex; flex-wrap: wrap; gap: 8px; }
.filiais-alerta-geral label,
.check-alerta-geral {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  background: #12242a;
  border: 1px solid #29434a;
  border-radius: 8px;
}
.filiais-alerta-geral input,
.check-alerta-geral input { width: auto; }
.rodape-alerta-geral-form { display: flex; justify-content: flex-end; margin-top: 16px; }
.lista-alertas-gerais-publicados { display: grid; gap: 12px; }
.card-alerta-geral-publicado {
  padding: 15px 16px;
  border: 1px solid #385057;
  border-left: 4px solid #c9a04b;
  border-radius: 10px;
  background: #102126;
}
.card-alerta-geral-publicado.inativo { opacity: .72; border-left-color: #687a7e; }
.topo-card-alerta-geral { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.topo-card-alerta-geral span { color: #c9a04b; font-size: .72rem; font-weight: 800; }
.topo-card-alerta-geral h3 { margin: 4px 0; color: #e7eeee; }
.card-alerta-geral-publicado > p { margin: 10px 0; color: #c7d2d3; }
.meta-card-alerta-geral { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #91a7aa; font-size: .8rem; }
.card-alerta-geral-publicado details { margin-top: 12px; }
.card-alerta-geral-publicado summary { cursor: pointer; color: #dac384; font-weight: 700; }
.destinatarios-alerta-geral { display: grid; gap: 7px; margin-top: 10px; }
.linha-destinatario-alerta { padding: 9px 10px; background: #0c191e; border: 1px solid #284047; border-radius: 8px; }
.linha-destinatario-alerta strong,
.linha-destinatario-alerta span { display: block; }
.linha-destinatario-alerta span { margin-top: 3px; color: #8fa4a7; font-size: .78rem; }
.linha-destinatario-alerta p { margin: 7px 0 0; color: #d6dddd; }
.linha-destinatario-alerta.respondido { border-left: 3px solid #6fbf99; }
.linha-destinatario-alerta.pendente { border-left: 3px solid #c9a04b; }

@media (max-width: 700px) {
  .dialogo-alerta-geral { width: calc(100vw - 18px); }
  .cabecalho-alerta-geral-popup { padding: 18px 16px 14px; }
  .meta-alerta-geral-popup { padding: 12px 16px 0; }
  .mensagem-alerta-geral-popup { margin: 14px 16px; }
  .campo-resposta-alerta-geral { margin: 0 16px 8px; }
  .acoes-alerta-geral-popup { padding: 14px 16px 18px; }
  .acoes-alerta-geral-popup button { flex: 1; }
  .grade-alerta-geral-form { grid-template-columns: 1fr; }
  .campo-alerta-largo { grid-column: auto; }
  .topo-gerenciar-alertas { align-items: flex-start; }
  .topo-card-alerta-geral { flex-direction: column; }
}