/* minimal elastic adjustments */
#ss-inline-schedule.ss-row{
  margin:6px 0; padding:6px;
  display:flex; gap:.5rem; align-items:center;
}
#ss-inline-schedule .ss-label{ font-weight:600; }

/* 👇 СТИЛИ ДЛЯ ПОЛЯ ВВОДА ДАТЫ — АДАПТАЦИЯ ПОД ТЁМНУЮ ТЕМУ */
#ss-when {
    background-color: #fff !important;     /* Тёмный фон (как в elastic) */
    color: #495057 !important;               /* Светлый текст */
    border: 1px solid #495057 !important;    /* Серая рамка */
    border-radius: 4px !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

html.dark-mode #ss-when {
    background-color: #212529 !important;     /* Тёмный фон (как в elastic) */
    color: #e9ecef !important;               /* Светлый текст */
    border: 1px solid #495057 !important;    /* Серая рамка */
    border-radius: 4px !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 👇 Подсветка при фокусе */
#ss-when:focus {
    outline: none !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

/* 👇 Иконки календаря/часов (в Chrome/Edge) — тоже темные */
#ss-when::-webkit-datetime-edit-fields-wrapper,
#ss-when::-webkit-datetime-edit-text,
#ss-when::-webkit-datetime-edit-month-field,
#ss-when::-webkit-datetime-edit-day-field,
#ss-when::-webkit-datetime-edit-year-field {
    color: #e9ecef !important;
    background-color: transparent !important;
}

#ss-when::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(0.8); /* Меняем иконку календаря на белую/светлую */
    cursor: pointer;
}

#ss-when::-webkit-clear-button {
    color: #adb5bd !important;
}
