/* ============================================================
 * Daterangepicker — Tema global Chalan360 (light + dark)
 *
 * Antes esto vivia duplicado y divergente en 3 archivos por pagina
 * (ventas.css, conciliacion.css, archivado-masivo.css) — cada uno con
 * su propio acento azul de Bootstrap y, en 2 de los 3, colores light
 * hardcodeados sin soporte de tema oscuro. Unificado aqui en un solo
 * archivo global, con el mismo lenguaje visual que tom-select.css y
 * flatpickr-theme.css (radio 12px, acento naranja/ambar, sombra suave).
 * ============================================================ */

/* ─── Estructura (igual en ambos temas) ─────────────────────────────── */
.daterangepicker {
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
}
.daterangepicker .ranges li {
    border-radius: 6px;
    margin: 1px 4px;
    padding: 6px 12px;
}
.daterangepicker .drp-buttons {
    border-top: 1px solid var(--tblr-border-color, #dce1e7);
}

/* Flechas prev/mes con CSS puro (border rotado) — el CDN las pinta con
   border-color:black fijo, invisibles sobre fondo oscuro. var() se
   encarga de ambos temas sin necesitar override [data-bs-theme=dark]. */
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--tblr-body-color, #1f2937) !important;
}

/* ─── Colores — modo claro (default) ────────────────────────────────── */
.daterangepicker {
    background: var(--tblr-bg-surface, #fff);
    color: var(--tblr-body-color, #1f2937);
    border: 1px solid var(--tblr-border-color, #e5e7eb);
}
.daterangepicker::before { border-bottom-color: var(--tblr-border-color, #e5e7eb); }
.daterangepicker::after { border-bottom-color: var(--tblr-bg-surface, #fff); }

.daterangepicker .ranges,
.daterangepicker .calendar-table { background: var(--tblr-bg-surface, #fff); border: 0; }
.daterangepicker .ranges ul { background: transparent; }
.daterangepicker .ranges li { color: var(--tblr-body-color, #1f2937); background: transparent; }
.daterangepicker .ranges li:hover { background: rgba(247, 103, 7, 0.10); color: #c2410c; }
.daterangepicker .ranges li.active { background: #f76707; color: #fff; }

.daterangepicker .calendar-table table { color: var(--tblr-body-color, #1f2937); }
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td,
.daterangepicker .month,
.daterangepicker .prev,
.daterangepicker .next,
.daterangepicker .weekday { color: var(--tblr-body-color, #1f2937) !important; }

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    color: rgba(var(--tblr-body-color-rgb), 0.35) !important;
    background: transparent !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover { background: rgba(247, 103, 7, 0.10); color: #c2410c !important; }

.daterangepicker td.active,
.daterangepicker td.active:hover { background: #f76707 !important; color: #fff !important; }

.daterangepicker td.in-range { background: rgba(247, 103, 7, 0.14); color: var(--tblr-body-color, #1f2937) !important; }

.daterangepicker .drp-buttons { background: var(--tblr-bg-surface, #fff); }
.daterangepicker .drp-selected { color: var(--tblr-body-color, #1f2937); }

.daterangepicker .drp-calendar input.input-mini,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
    color: var(--tblr-body-color, #1f2937) !important;
    background-color: var(--tblr-bg-surface, #fff) !important;
    border: 1px solid var(--tblr-border-color, #d1d5db);
}

/* ─── Colores — modo oscuro ──────────────────────────────────────────── */
[data-bs-theme=dark] .daterangepicker {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}
[data-bs-theme=dark] .daterangepicker .ranges li:hover { background: rgba(255, 183, 77, 0.12); color: #ffb74d; }
[data-bs-theme=dark] .daterangepicker .ranges li.active { background: #ffb74d; color: #1a1a1a; }
[data-bs-theme=dark] .daterangepicker td.available:hover,
[data-bs-theme=dark] .daterangepicker th.available:hover { background: rgba(255, 183, 77, 0.12); color: #ffb74d !important; }
[data-bs-theme=dark] .daterangepicker td.active,
[data-bs-theme=dark] .daterangepicker td.active:hover { background: #ffb74d !important; color: #1a1a1a !important; }
[data-bs-theme=dark] .daterangepicker td.in-range { background: rgba(255, 183, 77, 0.16); }