/* t1249 (t1087): scrollable time pickers on Plan your event (built by script.js; without JS the plain time field shows) */
.tp{display:flex;align-items:center;gap:.1rem;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.45rem .6rem;border:1px solid #CFC7BA;border-radius:9px;background:#fff;color:var(--ink,#1d2b33);font-size:1rem;font-variant-numeric:tabular-nums;cursor:text}
.tp.tp-focus{border-color:var(--teal-dark,#163a47);box-shadow:0 0 0 3px rgba(22,58,71,.15)}
.tp-seg{display:inline-block;min-width:2.2ch;padding:.2rem .3rem;border-radius:6px;text-align:center;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;line-height:1.4}
.tp-seg:hover{background:#F3EFE8}
.tp-seg:focus{outline:none;background:var(--teal-dark,#163a47);color:#fff}
.tp-seg:focus-visible{outline:3px solid var(--gold,#c9a227);outline-offset:1px}
.tp-ap{min-width:2.8ch;margin-left:.25rem}
.tp-sep{padding:0 .05rem}