/* ============================================================
   timepicker.css — wheel-пикер времени с чипами
   ============================================================ */
.tp-backdrop{
  position:fixed; inset:0; z-index:77;
  background:var(--backdrop);
  opacity:0; pointer-events:none; transition:opacity .22s;
  touch-action:none; /* v9mvp-UI-ZOOM-MODAL-FIX */
}
.tp-backdrop.show{ opacity:1; pointer-events:auto; }

.sheet.timepick{ max-width:340px; z-index:78; }

.tp-chips{ display:flex; gap:6px; flex-wrap:wrap; justify-content:center; margin:12px 0 4px; }
.tp-chip{
  padding:9px 13px; border-radius:999px;
  background:var(--surface-control); border:1px solid var(--line);
  font-size:13px; font-weight:600; color:var(--text-primary);
  transition:border-color .15s, transform .12s;
}
.tp-chip:active{ transform:scale(.94); border-color:var(--accent); }

.tp-wheels{ display:flex; align-items:center; justify-content:center; gap:8px; margin:12px 0; }
.tp-wheel{
  height:120px; width:80px; overflow-y:auto;
  scroll-snap-type:y mandatory;
  background:var(--surface-inset); border:1px solid var(--line-control); border-radius:12px;
  padding:40px 0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.tp-wheel::-webkit-scrollbar{ display:none; }
.tp-item{
  height:40px; display:flex; align-items:center; justify-content:center;
  font-size:16px; color:var(--text-muted); scroll-snap-align:center;
}
.tp-item.sel{ color:var(--accent-light); font-weight:700; font-size:18px; }

.tp-colon{ font-size:20px; color:var(--text-muted); }

.tp-input{ display:flex; align-items:center; justify-content:center; gap:6px; margin:4px 0 8px; }
.tp-input input{
  width:64px; background:var(--surface-inset); border:1px solid var(--line-control); border-radius:10px;
  color:var(--text-primary); padding:10px; font-size:16px; text-align:center;
}
.tp-input input:focus{ outline:none; border-color:var(--accent); }

.tp-actions{ display:flex; margin-top:8px; }
/* hidden должен побеждать display:flex */
.tp-input[hidden]{ display:none !important; }