/* ============================================================
   XINGUZINHO_PENDENCIAS_THEME_FIX_V1
   Corrige as cores do modal "Nova pendência"
   ============================================================ */

/* overlay */
#modalNovaPendencia,
.modal-nova-pendencia,
.pendencia-modal {
  color: #e5eefc !important;
}

/* caixa principal do modal */
#modalNovaPendencia .modal-content,
#modalNovaPendencia .modal-card,
#modalNovaPendencia .modal-box,
.modal-nova-pendencia .modal-content,
.modal-nova-pendencia .modal-card,
.modal-nova-pendencia .modal-box,
.pendencia-modal .modal-content,
.pendencia-modal .modal-card,
.pendencia-modal .modal-box {
  background: #0b1324 !important;
  color: #e5eefc !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
}

/* fallback: caso o modal seja um card direto */
#modalNovaPendencia > div,
.modal-nova-pendencia > div,
.pendencia-modal > div {
  background: #0b1324 !important;
  color: #e5eefc !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

/* cabeçalho */
#modalNovaPendencia h1,
#modalNovaPendencia h2,
#modalNovaPendencia h3,
#modalNovaPendencia h4,
.modal-nova-pendencia h1,
.modal-nova-pendencia h2,
.modal-nova-pendencia h3,
.modal-nova-pendencia h4,
.pendencia-modal h1,
.pendencia-modal h2,
.pendencia-modal h3,
.pendencia-modal h4 {
  color: #f8fbff !important;
}

#modalNovaPendencia small,
#modalNovaPendencia .subtitulo,
#modalNovaPendencia p,
.modal-nova-pendencia small,
.modal-nova-pendencia .subtitulo,
.modal-nova-pendencia p,
.pendencia-modal small,
.pendencia-modal .subtitulo,
.pendencia-modal p {
  color: #9fb0ca !important;
}

/* labels */
#modalNovaPendencia label,
#modalNovaPendencia .campo-label,
.modal-nova-pendencia label,
.modal-nova-pendencia .campo-label,
.pendencia-modal label,
.pendencia-modal .campo-label {
  color: #dbe7ff !important;
  font-weight: 700 !important;
}

/* inputs / selects / textarea */
#modalNovaPendencia input,
#modalNovaPendencia select,
#modalNovaPendencia textarea,
.modal-nova-pendencia input,
.modal-nova-pendencia select,
.modal-nova-pendencia textarea,
.pendencia-modal input,
.pendencia-modal select,
.pendencia-modal textarea {
  background: #0f1c31 !important;
  color: #f8fafc !important;
  border: 1px solid #27426a !important;
  box-shadow: none !important;
}

#modalNovaPendencia input::placeholder,
#modalNovaPendencia textarea::placeholder,
.modal-nova-pendencia input::placeholder,
.modal-nova-pendencia textarea::placeholder,
.pendencia-modal input::placeholder,
.pendencia-modal textarea::placeholder {
  color: #8ea5cb !important;
}

#modalNovaPendencia input:focus,
#modalNovaPendencia select:focus,
#modalNovaPendencia textarea:focus,
.modal-nova-pendencia input:focus,
.modal-nova-pendencia select:focus,
.modal-nova-pendencia textarea:focus,
.pendencia-modal input:focus,
.pendencia-modal select:focus,
.pendencia-modal textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18) !important;
  outline: none !important;
}

/* aviso do modelo aplicado */
#modalNovaPendencia .alert,
#modalNovaPendencia .info,
#modalNovaPendencia .mensagem-sucesso,
.modal-nova-pendencia .alert,
.modal-nova-pendencia .info,
.modal-nova-pendencia .mensagem-sucesso,
.pendencia-modal .alert,
.pendencia-modal .info,
.pendencia-modal .mensagem-sucesso {
  background: rgba(22, 163, 74, 0.12) !important;
  color: #b7f7c7 !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
  border-radius: 10px !important;
}

/* grupo de dias da semana */
#modalNovaPendencia .dias-semana button,
#modalNovaPendencia .dias-semana label,
.modal-nova-pendencia .dias-semana button,
.modal-nova-pendencia .dias-semana label,
.pendencia-modal .dias-semana button,
.pendencia-modal .dias-semana label {
  background: #111c31 !important;
  color: #dbe7ff !important;
  border: 1px solid #29415e !important;
  border-radius: 12px !important;
}

#modalNovaPendencia .dias-semana input:checked + label,
#modalNovaPendencia .dias-semana button.ativo,
.modal-nova-pendencia .dias-semana input:checked + label,
.modal-nova-pendencia .dias-semana button.ativo,
.pendencia-modal .dias-semana input:checked + label,
.pendencia-modal .dias-semana button.ativo {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

/* divisor / rodapé */
#modalNovaPendencia hr,
.modal-nova-pendencia hr,
.pendencia-modal hr {
  border: none !important;
  border-top: 1px solid rgba(148, 163, 184, 0.15) !important;
}

/* botão fechar (X) */
#modalNovaPendencia .btn-fechar,
#modalNovaPendencia .modal-close,
.modal-nova-pendencia .btn-fechar,
.modal-nova-pendencia .modal-close,
.pendencia-modal .btn-fechar,
.pendencia-modal .modal-close {
  background: rgba(255,255,255,0.08) !important;
  color: #e5eefc !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
}

/* botões gerais do rodapé */
#modalNovaPendencia button,
.modal-nova-pendencia button,
.pendencia-modal button {
  border-radius: 12px !important;
}

/* botão secundário / cancelar / o botão branco do print */
#modalNovaPendencia .btn-secundario,
#modalNovaPendencia .btn-cancelar,
#modalNovaPendencia button[type="button"],
.modal-nova-pendencia .btn-secundario,
.modal-nova-pendencia .btn-cancelar,
.modal-nova-pendencia button[type="button"],
.pendencia-modal .btn-secundario,
.pendencia-modal .btn-cancelar,
.pendencia-modal button[type="button"] {
  background: #162338 !important;
  color: #e5eefc !important;
  border: 1px solid #304765 !important;
}

/* botão principal */
#modalNovaPendencia .btn-primario,
#modalNovaPendencia .btn-salvar,
#modalNovaPendencia .btn-criar,
#modalNovaPendencia button[type="submit"],
.modal-nova-pendencia .btn-primario,
.modal-nova-pendencia .btn-salvar,
.modal-nova-pendencia .btn-criar,
.modal-nova-pendencia button[type="submit"],
.pendencia-modal .btn-primario,
.pendencia-modal .btn-salvar,
.pendencia-modal .btn-criar,
.pendencia-modal button[type="submit"] {
  background: #1565c0 !important;
  color: #ffffff !important;
  border: 1px solid #1d74d4 !important;
}

/* hover */
#modalNovaPendencia button:hover,
.modal-nova-pendencia button:hover,
.pendencia-modal button:hover {
  filter: brightness(1.06);
}