.time24-field { min-width: 0; }
.time24-field > label[for] { display: flex; align-items: baseline; gap: 6px; margin-bottom: 6px; }
.time24-field small { color: #b8c1df; font-size: .75em; font-weight: 500; }
.time24-control { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px; width: 100%; }
.time24-control select { box-sizing: border-box; min-width: 0; width: 100%; min-height: 44px; margin: 0; padding: 8px; border: 1px solid #535d87; border-radius: 8px; background: #f7f8ff; color: #171c42; font: inherit; font-weight: 650; }
.time24-control select:focus-visible { outline: 3px solid #8bffe0; outline-offset: 2px; }
.time24-control select:disabled { opacity: .6; }