/* ============================================================
   XINGUZINHO - MODAL NOVA PENDÊNCIA V5
   ============================================================ */

.xinguzinho-pendencia-modal-dark {
  background: #0f192b !important;
  color: #e8eef9 !important;

  border: 1px solid rgba(148,163,184,.20) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.50) !important;

  scrollbar-color: #52647d #0f192b;
}


/* Cabeçalho */
.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark {
  background: #101a2d !important;
  color: #f8fafc !important;

  border-bottom:
    1px solid rgba(148,163,184,.18) !important;
}

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark h1,

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark h2,

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark h3,

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark strong {
  color: #f8fafc !important;
}

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark small,

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-header-dark p {
  color: #9fb0c8 !important;
}


/* Labels */
.xinguzinho-pendencia-modal-dark label,
.xinguzinho-pendencia-modal-dark .field-label,
.xinguzinho-pendencia-modal-dark .form-label,
.xinguzinho-pendencia-modal-dark .xinguzinho-pendencia-label-dark {
  color: #d9e4f5 !important;
}


/* Textos auxiliares */
.xinguzinho-pendencia-modal-dark small {
  color: #8fa5c5 !important;
}


/* Inputs / selects / textarea */
.xinguzinho-pendencia-modal-dark input,
.xinguzinho-pendencia-modal-dark select,
.xinguzinho-pendencia-modal-dark textarea {
  background: #17243a !important;
  color: #f8fafc !important;

  border:
    1px solid #334865 !important;

  box-shadow: none !important;
}

.xinguzinho-pendencia-modal-dark select option {
  background: #17243a !important;
  color: #f8fafc !important;
}

.xinguzinho-pendencia-modal-dark input::placeholder,
.xinguzinho-pendencia-modal-dark textarea::placeholder {
  color: #8da2c1 !important;
  opacity: 1 !important;
}

.xinguzinho-pendencia-modal-dark input:focus,
.xinguzinho-pendencia-modal-dark select:focus,
.xinguzinho-pendencia-modal-dark textarea:focus {
  border-color: #3b82f6 !important;

  box-shadow:
    0 0 0 3px
    rgba(59,130,246,.18) !important;

  outline: none !important;
}

.xinguzinho-pendencia-modal-dark input[type="date"],
.xinguzinho-pendencia-modal-dark input[type="time"] {
  color-scheme: dark;
}


/* Dias da semana */
.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-dia {
  color: #e8eef9 !important;
}

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-dia input {
  accent-color: #1680e5;
}


/* Divisores */
.xinguzinho-pendencia-modal-dark hr {
  border: 0 !important;

  border-top:
    1px solid rgba(148,163,184,.16) !important;
}


/* Botão fechar */
.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-fechar {
  background: #18263b !important;
  color: #dce7f7 !important;

  border:
    1px solid rgba(148,163,184,.20) !important;
}


/* Cancelar */
.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-cancelar {
  background: #17243a !important;
  color: #dce7f7 !important;

  border:
    1px solid #344864 !important;
}

.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-cancelar:hover {
  background: #21314b !important;
}


/* Criar pendência */
.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-criar {
  background: #0b6dcc !important;
  color: #ffffff !important;

  border:
    1px solid #1680e5 !important;

  font-weight: 800 !important;
}


/* Quando faltar campo obrigatório, continua apagado */
.xinguzinho-pendencia-modal-dark
.xinguzinho-pendencia-criar:disabled {
  opacity: .50 !important;
  cursor: not-allowed !important;
}


/* Áreas internas */
.xinguzinho-pendencia-modal-dark form,
.xinguzinho-pendencia-modal-dark section,
.xinguzinho-pendencia-modal-dark fieldset {
  background: transparent !important;
  color: inherit !important;
}