/* ============================================================
 * Flatpickr — Tema global Chalan360 (light + dark)
 *
 * Antes este archivo tenia SOLO colores oscuros hardcodeados (sin
 * [data-bs-theme]), por lo que el calendario se quedaba en tema oscuro
 * sin importar el tema activo de la app. Sigue el mismo patron ya usado
 * en tom-select.css: el bloque base es el modo claro (default real de
 * la app) y [data-bs-theme=dark] lo overridea para el oscuro.
 * ============================================================ */

/* ─── Estructura/tamanos (igual en ambos temas) ─────────────────────── */
.flatpickr-calendar {
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    padding: 8px !important;
    width: 280px !important;
}
.flatpickr-calendar.open { z-index: 2000 !important; }
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after { display: none !important; }
.flatpickr-months { padding: 4px 0 8px; }
.flatpickr-months .flatpickr-month { background: transparent !important; height: 36px !important; }
.flatpickr-current-month { padding-top: 4px !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: transparent !important;
    font-weight: 600 !important; font-size: 0.95rem !important;
    appearance: none !important; -webkit-appearance: none !important;
    border: none !important; padding: 2px 4px !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    border-radius: 6px;
}
.flatpickr-current-month input.cur-year {
    font-weight: 600 !important;
    font-size: 0.95rem !important; background: transparent !important;
    border: none !important; padding: 2px 4px !important;
}
.flatpickr-current-month input.cur-year::-webkit-inner-spin-button,
.flatpickr-current-month input.cur-year::-webkit-outer-spin-button {
    -webkit-appearance: none !important; margin: 0 !important; display: none !important;
}
.flatpickr-current-month input.cur-year[type="number"] { -moz-appearance: textfield !important; }
.numInputWrapper span { display: none !important; }
.numInputWrapper:hover { background: transparent !important; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    padding: 6px !important;
    border-radius: 8px !important; transition: all 150ms ease;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg { width: 14px !important; height: 14px !important; }
.flatpickr-weekdays { background: transparent !important; padding: 0 !important; }
span.flatpickr-weekday {
    font-weight: 600 !important;
    font-size: 0.7rem !important; text-transform: uppercase; letter-spacing: 0.05em;
}
.dayContainer { padding: 0 !important; min-width: 260px !important; max-width: 260px !important; }
.flatpickr-day {
    border-radius: 8px !important;
    border: 2px solid transparent !important; font-weight: 400 !important;
    font-size: 0.85rem !important; height: 36px !important;
    line-height: 32px !important; max-width: 36px !important;
    transition: all 150ms ease !important;
}
.flatpickr-day.today:not(.selected),
.flatpickr-day.selected { font-weight: 600 !important; }
input.flatpickr-input[readonly] { cursor: pointer !important; }

/* ─── Colores — modo claro (default) ────────────────────────────────── */
.flatpickr-calendar {
    background: var(--tblr-bg-surface, #fff) !important;
    border: 1px solid var(--tblr-border-color, #e5e7eb) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months { color: var(--tblr-body-color, #1f2937) !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(247, 103, 7, 0.10) !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months option {
    background: var(--tblr-bg-surface, #fff) !important; color: var(--tblr-body-color, #1f2937) !important;
}
.flatpickr-current-month input.cur-year { color: var(--tblr-body-color, #1f2937) !important; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { fill: rgba(var(--tblr-body-color-rgb), 0.45) !important; }
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover { fill: #c2410c !important; background: rgba(247, 103, 7, 0.10) !important; }
span.flatpickr-weekday { color: rgba(var(--tblr-body-color-rgb), 0.5) !important; }
.flatpickr-day { color: var(--tblr-body-color, #1f2937) !important; }
.flatpickr-day:hover { background: rgba(247, 103, 7, 0.10) !important; border-color: transparent !important; }
.flatpickr-day.today:not(.selected) {
    border-color: #f76707 !important; background: transparent !important; color: #f76707 !important;
}
.flatpickr-day.selected {
    background: #f76707 !important; border-color: #f76707 !important; color: #fff !important;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: rgba(var(--tblr-body-color-rgb), 0.3) !important; }
.flatpickr-day.flatpickr-disabled { color: rgba(var(--tblr-body-color-rgb), 0.15) !important; }
.flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover { background: rgba(0, 0, 0, 0.04) !important; }

/* ─── Colores — modo oscuro ──────────────────────────────────────────── */
[data-bs-theme=dark] .flatpickr-calendar {
    background: #1e1e1e !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}
[data-bs-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months { color: #e2e2e9 !important; }
[data-bs-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(255, 183, 77, 0.1) !important; }
[data-bs-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months option {
    background: #1e1e1e !important; color: #e2e2e9 !important;
}
[data-bs-theme=dark] .flatpickr-current-month input.cur-year { color: #e2e2e9 !important; }
[data-bs-theme=dark] .flatpickr-months .flatpickr-prev-month,
[data-bs-theme=dark] .flatpickr-months .flatpickr-next-month { fill: #e2e2e9 !important; }
[data-bs-theme=dark] .flatpickr-months .flatpickr-prev-month:hover,
[data-bs-theme=dark] .flatpickr-months .flatpickr-next-month:hover { fill: #ffb74d !important; background: rgba(255, 183, 77, 0.1) !important; }
[data-bs-theme=dark] span.flatpickr-weekday { color: rgba(226, 226, 233, 0.45) !important; }
[data-bs-theme=dark] .flatpickr-day { color: #e2e2e9 !important; }
[data-bs-theme=dark] .flatpickr-day:hover { background: rgba(255, 183, 77, 0.12) !important; border-color: transparent !important; }
[data-bs-theme=dark] .flatpickr-day.today:not(.selected) {
    border-color: #ffb74d !important; background: transparent !important; color: #ffb74d !important;
}
[data-bs-theme=dark] .flatpickr-day.selected {
    background: #ffb74d !important; border-color: #ffb74d !important; color: #1a1a1a !important;
}
[data-bs-theme=dark] .flatpickr-day.prevMonthDay, [data-bs-theme=dark] .flatpickr-day.nextMonthDay { color: rgba(226, 226, 233, 0.25) !important; }
[data-bs-theme=dark] .flatpickr-day.flatpickr-disabled { color: rgba(226, 226, 233, 0.15) !important; }
[data-bs-theme=dark] .flatpickr-day.prevMonthDay:hover, [data-bs-theme=dark] .flatpickr-day.nextMonthDay:hover { background: rgba(255, 255, 255, 0.04) !important; }