/* XINGUZINHO_PROVIDENCIA_CSS_V11 */

.prov-body {
  padding:18px;
}

.prov-grid {
  display:grid;
  grid-template-columns:
    repeat(2,minmax(220px,1fr));
  gap:14px;
  align-items:start;
}

.prov-grid.busca {
  grid-template-columns:
    minmax(260px,1fr)
    auto;
  align-items:end;
}

.prov-grid label {
  display:flex;
  flex-direction:column;
  gap:7px;
}

.prov-grid .full {
  grid-column:1 / -1;
}

.prov-grid input,
.prov-grid select,
.prov-grid textarea {
  width:100%;
}

.prov-help {
  opacity:.65;
  line-height:1.35;
}

.prov-colaborador {
  display:grid;
  grid-template-columns:
    repeat(3,minmax(180px,1fr));
  gap:10px;
  margin-top:16px;
}

.prov-colaborador > div,
.prov-resumo {
  border:
    1px solid
    rgba(148,163,184,.28);
  border-radius:12px;
  padding:12px;
}

.prov-colaborador small,
.prov-colaborador strong,
.prov-resumo strong,
.prov-resumo span {
  display:block;
}

.prov-colaborador small {
  opacity:.72;
  margin-bottom:4px;
}

.prov-separador {
  height:1px;
  background:
    rgba(148,163,184,.22);
  margin:18px 0;
}

.prov-aviso {
  margin-top:14px;
  border-radius:12px;
  padding:11px 12px;
  background:
    rgba(245,158,11,.12);
  border:
    1px solid
    rgba(245,158,11,.35);
}

.prov-obs-auto {
  margin-top:14px;
  border-radius:12px;
  padding:11px 12px;
  background:
    rgba(239,68,68,.10);
  border:
    1px solid
    rgba(239,68,68,.32);
}

.prov-resumo {
  margin-top:14px;
}

.prov-resumo span {
  margin-top:5px;
  opacity:.78;
}

.prov-actions {
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}

@media (max-width:900px) {
  .prov-grid,
  .prov-grid.busca,
  .prov-colaborador {
    grid-template-columns:1fr;
  }
}

/* ============================================================
   XINGUZINHO_CORRECAO_CORES_SELECTS_V1
   Corrige contraste dos selects no tema claro e mantém
   compatibilidade com tema escuro.
   ============================================================ */

:root {
  --xg-select-bg: #ffffff;
  --xg-select-text: #0f172a;
  --xg-select-border: #cbd5e1;
  --xg-select-placeholder: #475569;
  --xg-select-focus: rgba(37, 99, 235, 0.18);
  --xg-option-bg: #ffffff;
  --xg-option-text: #0f172a;
}

body.dark,
body.dark-theme,
body.tema-escuro,
body[data-theme="dark"] {
  --xg-select-bg: #12213a;
  --xg-select-text: #f8fafc;
  --xg-select-border: rgba(148, 163, 184, 0.28);
  --xg-select-placeholder: #cbd5e1;
  --xg-select-focus: rgba(96, 165, 250, 0.22);
  --xg-option-bg: #12213a;
  --xg-option-text: #f8fafc;
}

/* Providência */
.providencia-container select,
.providencia-container input,
.providencia-container textarea,
select,
input[type="text"],
input[type="search"],
input[type="date"],
textarea {
  background: var(--xg-select-bg) !important;
  color: var(--xg-select-text) !important;
  border-color: var(--xg-select-border) !important;
}

.providencia-container select::placeholder,
.providencia-container input::placeholder,
.providencia-container textarea::placeholder,
input[type="text"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
  color: var(--xg-select-placeholder) !important;
}

.providencia-container select:focus,
.providencia-container input:focus,
.providencia-container textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--xg-select-focus) !important;
  border-color: #3b82f6 !important;
}

.providencia-container select option,
select option {
  background: var(--xg-option-bg) !important;
  color: var(--xg-option-text) !important;
}