/**
 * time-picker.css — Team Portal lib primitive: two-dropdown time selector.
 *
 * Layout: flexbox 50/50 hours left / minutes right (block 9003 task 546).
 * Consistent styling с existing select fields (reuse .field-text-like appearance).
 *
 * Public markup contract (per time-picker.js:24-30):
 *   <div class="time-picker">
 *     <select class="time-picker__hh">...</select>
 *     <select class="time-picker__mm">...</select>
 *   </div>
 */

.time-picker {
  display: flex;
  gap: 8px;
  width: 100%;
}

.time-picker__hh,
.time-picker__mm {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid var(--line-2, #3a3a3a);
  border-radius: 6px;
  background: var(--input-bg, #0f1b2c);
  color: var(--text-primary, #e8edf5);
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
}

.time-picker__hh:focus,
.time-picker__mm:focus {
  outline: none;
  border-color: var(--accent, #3aa7e2);
}