/* task_move.css — 미니 필터 알약(history_filter.js) + 옮기기·복사 창(task_move.js) · 링고 10-12 · 새 파일 */

/* ── 미니 필터 [전체 | 히스토리 | 버전] ── */
.vh-pills { display: inline-flex; align-items: center; gap: 0; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; flex: none; }
.vh-pill { border: 0; background: transparent; color: var(--muted); padding: .12rem .55rem; font-size: .78rem; line-height: 1.4; cursor: pointer; border-radius: 0; }
.vh-pill + .vh-pill { border-left: 1px solid var(--line); }
.vh-pill:hover { color: var(--fg); background: color-mix(in srgb, var(--accent) 8%, transparent); }
.vh-pill.on { color: var(--fg); background: color-mix(in srgb, var(--accent) 22%, transparent); font-weight: 600; }

/* ── 히스토리 줄(표 안) ── */
tr.vh-ev td { vertical-align: top; }
tr.vh-ev .vh-ico { width: 1.6rem; color: var(--muted); }
tr.vh-ev .vh-ico .ic { width: .95rem; height: .95rem; }
tr.vh-ev .vh-main { white-space: normal; }
tr.vh-ev .vh-main > * { margin-right: .4rem; }
tr.vh-ev .vh-what { font-weight: 600; }
tr.vh-ev .vh-step { font-size: .78rem; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; padding: 0 .3rem; }
tr.vh-ev .vh-text { color: var(--fg); overflow-wrap: anywhere; }
tr.vh-ev .vh-when { white-space: nowrap; }
tr.vh-ev.k-talk { cursor: pointer; }
tr.vh-ev.picked { background: color-mix(in srgb, var(--accent) 16%, transparent); }
tr.vh-ev.v-approved .vh-what { color: var(--ok, #3fb37f); }
tr.vh-ev.v-rejected .vh-what { color: var(--bad, #e5534b); }

/* ── 옮기기·복사 창 ── */
.tm-card.ask-card { width: min(58rem, calc(100vw - 2.4rem)); max-height: calc(100vh - 3rem); overflow: auto; }
.tm-row { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin: .4rem 0 .6rem; }
.tm-row .tm-mode .vh-pill { font-size: .88rem; padding: .2rem .8rem; }
.tm-cols { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
@media (max-width: 760px) { .tm-cols { grid-template-columns: 1fr; } }
.tm-col h4 { margin: .2rem 0 .35rem; font-size: .86rem; color: var(--muted); }
.tm-items, .tm-targets { max-height: 18rem; overflow: auto; border: 1px solid var(--line); border-radius: 8px; padding: .35rem; }
.tm-group-h { display: flex; align-items: center; gap: .4rem; margin: .3rem 0 .15rem; font-size: .84rem; }
.tm-item { display: flex; align-items: center; gap: .45rem; padding: .18rem .25rem; border-radius: 6px; cursor: pointer; font-size: .84rem; }
.tm-item:hover { background: color-mix(in srgb, var(--accent) 8%, transparent); }
.tm-item .tm-file, .tm-item .tm-body { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-item .tm-vnum { font-variant-numeric: tabular-nums; }
.tm-q { width: 100%; margin-bottom: .35rem; }
.tm-tgroup { font-size: .78rem; color: var(--muted); margin: .35rem 0 .15rem; }
.tm-tgroup:empty { display: none; }
.tm-tlist { display: flex; flex-direction: column; gap: .15rem; }
.tm-target { display: flex; align-items: center; gap: .45rem; text-align: left; background: transparent; border: 1px solid transparent; border-radius: 6px; padding: .22rem .4rem; cursor: pointer; color: var(--fg); font-size: .84rem; }
.tm-target:hover { border-color: var(--line); }
.tm-target.on { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
.tm-target .tm-dot { width: .55rem; height: .55rem; border-radius: 50%; flex: none; }
.tm-target .tm-tcode { color: var(--muted); }
.tm-plan { margin: .7rem 0 0; }
.tm-nums { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .3rem; }
.tm-num { border: 1px solid var(--line); border-radius: 6px; padding: 0 .35rem; font-size: .8rem; font-variant-numeric: tabular-nums; }
.tm-log { margin-top: .6rem; font-size: .82rem; }
.tm-logrow { display: flex; align-items: center; gap: .6rem; padding: .15rem 0; }
.tm-logrow.undone { opacity: .55; }