.time-picker { display:flex; align-items:center; gap:0.35rem; flex-wrap:wrap; }
.tp-seg { display:flex; flex-direction:column; align-items:center; gap:0; }
.tp-seg-row { display:flex; align-items:center; gap:0.2rem; }
.tp-seg button {
    width:24px !important; height:24px !important;
    background:var(--color-card); border:1px solid var(--color-muted);
    border-radius:4px; cursor:pointer; font-size:0.9rem; font-weight:700; color:var(--color-text);
    display:flex; align-items:center; justify-content:center; padding:0; flex-shrink:0;
}
.tp-seg button:hover { background:var(--color-primary); color:#fff; border-color:var(--color-primary); }
.tp-seg .tp-seg-row input {
    width:28px !important; padding:0.15rem 0 !important;
    text-align:center; background:var(--color-card);
    border:1px solid var(--color-muted); border-radius:4px;
    color:var(--color-text); font-size:0.9rem; font-weight:600;
    font-family:monospace; box-sizing:border-box;
}
.tp-seg .tp-label { font-size:0.58rem; color:var(--color-muted); text-transform:uppercase; letter-spacing:0.03em; line-height:1.2; }