/* ============================================================================
   datepicker-theme.css — cola entre o vanillajs-datepicker e os tokens do tema.

   O <filtro-data> (js/components/filtro-data.js, copia fiel do D2PdvSmart)
   abre o calendario com a biblioteca vanillajs-datepicker, cujo CSS oficial
   (css/vendor/datepicker-bs5.min.css) foi escrito para o Bootstrap 5: cores
   claras FIXAS (#fff, #f8f9fa, #0d6efd) e botoes que contam com a classe .btn
   do Bootstrap para ganhar tamanho. Aqui nao ha Bootstrap e o fundo pode ser
   escuro (temas do gopascal), entao sem este arquivo o calendario abre branco,
   com os botoes "<", ">", "Hoje" e "Limpar" sem forma nenhuma.

   Carregue SEMPRE depois do datepicker-bs5.min.css.
   ============================================================================ */

.datepicker { z-index: 1400; }          /* acima do .crud-overlay (1200) */

.datepicker-picker,
.datepicker-dropdown .datepicker-picker {
  background: var(--card-bg);
  color: var(--text);
  border: 1px solid var(--card-border);
  box-shadow: var(--shadow-lg, 0 10px 25px -5px rgba(0, 0, 0, .25));
}

.datepicker-title,
.datepicker-footer { background: color-mix(in srgb, var(--text) 4%, transparent); }

.datepicker-header .datepicker-controls .btn,
.datepicker-footer .datepicker-controls .btn,
.datepicker-controls .btn {
  border: 1px solid transparent;
  border-radius: var(--radius, .5rem);
  background: transparent;
  color: var(--text);
  padding: .35rem .6rem;
  font: inherit;
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
}
.datepicker-controls .btn:hover,
.datepicker-controls .btn:focus {
  background: var(--primary-soft, rgba(0, 0, 0, .06));
  border-color: var(--card-border);
  color: var(--text);
  box-shadow: none;
}
.datepicker-controls .btn:disabled {
  background: transparent;
  border-color: transparent;
  color: var(--text-muted);
}

.datepicker-view .dow,
.datepicker-view .week { color: var(--text-muted); }

.datepicker-cell { color: var(--text); border-radius: var(--radius, .5rem); }
.datepicker-cell:not(.disabled):hover { background: var(--primary-soft, rgba(0, 0, 0, .06)); }
.datepicker-cell.disabled,
.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) { color: var(--text-muted); }

.datepicker-cell.focused:not(.selected) { background: var(--primary-soft, rgba(0, 0, 0, .08)); }
.datepicker-cell.today:not(.selected) {
  background: transparent;
  color: var(--primary);
  font-weight: 800;
  box-shadow: inset 0 0 0 1px var(--primary);
}
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.range-start,
.datepicker-cell.range-end {
  background: var(--primary);
  color: var(--primary-contrast, #fff);
  font-weight: 700;
}
.datepicker-cell.range { background: var(--primary-soft, rgba(0, 0, 0, .08)); }

/* O input do filtro e readonly (a data so entra pelo calendario): o cursor
   de texto padrao daria a entender que da para digitar. */
.filtro-range-part { cursor: pointer; }