@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;700&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #080D18; font-family: 'DM Sans', 'Segoe UI', sans-serif; color: #E8EFF8; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #080D18; }
::-webkit-scrollbar-thumb { background: #1C2C44; border-radius: 3px; }

/* Dropdown escuro */
.dash-dropdown-dark .Select-control {
    background: #0C1827 !important;
    border: 1px solid #1C2C44 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.dash-dropdown-dark .Select-value-label { color: #E8EFF8 !important; }
.dash-dropdown-dark .Select-placeholder  { color: #5A7395 !important; }
.dash-dropdown-dark .Select-arrow        { border-top-color: #5A7395 !important; }
.dash-dropdown-dark .Select-menu-outer {
    background: #0C1827 !important;
    border: 1px solid #1C2C44 !important;
    border-radius: 7px !important;
    z-index: 9999 !important;
}
.dash-dropdown-dark .Select-option        { background: #0C1827 !important; color: #E8EFF8 !important; }
.dash-dropdown-dark .Select-option:hover  { background: #1A2E48 !important; }
.dash-dropdown-dark .Select-option.is-selected { background: #1A3A58 !important; color: #00D4AA !important; }
.dash-dropdown-dark .Select-input input   { color: #E8EFF8 !important; background: transparent !important; }

/* DatePicker */
.DateInput_input {
    background: #0C1827 !important;
    color: #E8EFF8 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    border: none !important;
}
.DateRangePickerInput {
    background: #0C1827 !important;
    border: 1px solid #1C2C44 !important;
    border-radius: 7px !important;
}
.DateRangePickerInput_arrow_svg { fill: #5A7395 !important; }
.CalendarDay__selected, .CalendarDay__selected:hover {
    background: #00D4AA !important;
    border-color: #00D4AA !important;
    color: #000 !important;
}
.DayPicker, .CalendarMonthGrid, .CalendarMonth { background: #0C1827 !important; }
.CalendarDay { color: #E8EFF8 !important; background: transparent !important; }
.CalendarDay:hover { background: #1A2E48 !important; }
.DayPickerNavigation_button { border-color: #1C2C44 !important; }
.DayPickerNavigation_svg__horizontal { fill: #5A7395 !important; }
.CalendarMonth_caption { color: #E8EFF8 !important; }
.DayPicker_weekHeader_li small { color: #5A7395 !important; }

/* ── Login ── */
body { background: #080D18; margin: 0; }
input::placeholder { color: #5A7395 !important; opacity: 1; }
input[type=email]:focus, input[type=text]:focus {
    border-color: #00D4AA !important;
    box-shadow: 0 0 0 3px rgba(0,212,170,0.15) !important;
}