/* task_gantt.css — 상세 태스크 칸 [표 | 간트] (10-12 밤 · task_gantt.js · 새 파일) */
.tg-pill { display: inline-flex; align-items: stretch; border: 1px solid var(--line, #24242e); border-radius: 999px;
  overflow: hidden; vertical-align: middle; flex: none; }
.tg-seg { border: 0; background: transparent; color: var(--muted, #98958d); padding: 0 .75rem; height: 26px;
  min-width: 44px; font-size: .8rem; cursor: pointer; }
.tg-seg + .tg-seg { border-left: 1px solid var(--line, #24242e); }
.tg-seg:hover { color: var(--fg, #f5f2eb); background: rgba(127,127,127,.12); }
.tg-seg.on { background: var(--accent, #6366f1); color: var(--on-accent, #fff); font-weight: 700; }
.tg-gantt { margin-top: .25rem; min-width: 0; }
.tg-gantt .gantt-host { max-width: 100%; }
.tg-name { display: inline-flex; align-items: center; gap: .35rem; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tg-name .dot { width: 8px; height: 8px; border-radius: 50%; flex: none; display: inline-block; }
.tg-hint { margin: .35rem 0 0; font-size: .75rem; }