/* Canoa Mirim — dark theme overrides for Mantine inputs */

/* All input labels visible on dark background */
[id^="canoa-"] .mantine-InputWrapper-label,
[id^="canoa-"] label.mantine-Text-root,
[id^="canoa-"] .mantine-DateInput-label,
[id^="canoa-"] .mantine-NumberInput-label {
    color: #e2e8f0 !important;
    font-weight: 500 !important;
}

/* Input fields themselves */
[id^="canoa-"] .mantine-Input-input,
[id^="canoa-"] .mantine-DateInput-input,
[id^="canoa-"] .mantine-NumberInput-input,
[id^="canoa-"] input[type="text"],
[id^="canoa-"] input[type="number"] {
    background-color: rgba(35, 40, 53, 0.6) !important;
    color: #e2e8f0 !important;
    border-color: #2d3148 !important;
}

/* Placeholder text */
[id^="canoa-"] input::placeholder {
    color: #64748b !important;
}

/* Pattern-matched inputs inside ruler accordion panels */
.mantine-NumberInput-root .mantine-InputWrapper-label {
    color: #e2e8f0 !important;
}
.mantine-NumberInput-root .mantine-NumberInput-input {
    background-color: rgba(35, 40, 53, 0.6) !important;
    color: #e2e8f0 !important;
    border-color: #2d3148 !important;
}

/* Datepicker popover (calendar) when opened from canoa filters */
.mantine-DatePicker-day,
.mantine-DatePicker-monthCell,
.mantine-DatePicker-pickerControl {
    color: #e2e8f0 !important;
}
.mantine-DatePicker-day[data-selected="true"] {
    background-color: #16a34a !important;
    color: #ffffff !important;
}
.mantine-DatePicker-day[data-in-range="true"] {
    background-color: rgba(34, 197, 94, 0.2) !important;
}
.mantine-DatePicker-calendarHeaderControl,
.mantine-DatePicker-calendarHeaderLevel {
    color: #e2e8f0 !important;
}