.date-selector {
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.input-date {
    /* ФОРСИРУЕМ ТЕМНУЮ ТЕМУ ДЛЯ СИСТЕМНОГО ОКНА КАЛЕНДАРЯ */
    color-scheme: dark; 
    
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ffffff !important;
    background-color: #1a1a1a !important;
    padding: 8px 12px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    
    text-align: center; /* Центрируем дату */
    
    /* Убираем стандартное оформление, чтобы лучше работал клик */
    appearance: none;
    -webkit-appearance: listbox;
}
.input-date::-webkit-date-and-time-value {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px; /* Обязательно задаем высоту текста */
    text-align: center;
}

.input-date:hover {
    border-color: #555;
}

.input-date:focus {
    border-color: #ff4444; 
}

/* Иконка календаря */
.input-date::-webkit-calendar-picker-indicator {
    filter: invert(0) brightness(100); /* Инвертируем в белый и максимизируем яркость */
    opacity: 1; /* Убираем прозрачность для максимальной четкости */
    cursor: pointer;
    margin-left: 5px;
}