.time-picker {
  display: grid;
  grid-template-columns: minmax(78px, 1fr) auto minmax(78px, 1fr);
  align-items: center;
  gap: 8px;
}

.time-picker select {
  min-height: 46px;
  border: 1px solid var(--bq-border);
  border-radius: 10px;
  background: #fff;
  color: var(--bq-ink);
  padding: 0 12px;
  font: 700 15px Inter, "Segoe UI", Arial, sans-serif;
  text-align: center;
  cursor: pointer;
}

.time-picker > span {
  color: var(--bq-green-600);
  font-size: 20px;
  font-weight: 800;
}

.time-picker > small {
  grid-column: 1 / -1;
  color: var(--bq-subtle);
  font-size: 10px;
  margin-top: -3px;
}

.time-picker select:focus {
  border-color: #f97316;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.13);
  outline: none;
}