/* KATA Time Picker — two columns, one value. */
.k-tp{position:relative;font-family:var(--k-font);color:var(--k-ink)}
.k-tp .wrap-in{position:relative}
.k-tp-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:7px;background:none;color:var(--k-ink-3);display:flex;align-items:center;justify-content:center;cursor:pointer}
.k-tp-btn:hover{background:var(--k-bg-soft);color:var(--k-ink)}
.k-tp-panel{position:absolute;inset-inline-start:0;top:calc(100% + 8px);z-index:50;background:var(--k-bg);border:1px solid var(--k-line);border-radius:14px;box-shadow:0 20px 44px -14px rgba(16,24,40,.22);padding:10px;display:flex;gap:6px}
.k-tp-panel[hidden]{display:none}
.k-tp-col{display:flex;flex-direction:column;gap:2px;max-height:196px;overflow:auto;width:64px;padding-inline-end:2px}
.k-tp-col .hd{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--k-ink-3);text-align:center;padding:3px 0 5px;position:sticky;top:0;background:var(--k-bg)}
.k-tp-opt{padding:7px 0;border:0;border-radius:8px;background:none;font-family:inherit;font-size:13.5px;color:var(--k-ink-2);cursor:pointer;text-align:center}
.k-tp-opt:hover{background:var(--k-bg-soft);color:var(--k-ink)}
.k-tp-opt.sel{background:var(--k-ink);color:var(--k-bg);font-weight:600}