/* artist_view.css — 아티스트 탭 한 사람 화면: 사람 카드 + 태스크 표 + 간트 (2.226.0 · 새 파일) */
.av-card { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: .7rem .9rem; margin: 0 0 .7rem;
  border: 1px solid var(--line, #d9dce1); border-radius: 10px; background: var(--panel, #fff); }
.av-card .av-avatar { width: 52px; height: 52px; font-size: 1.2rem; flex: none; }
.av-card .av-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.av-who { display: flex; flex-direction: column; gap: .1rem; min-width: 120px; }
.av-name { font-size: 1.1rem; }
.av-nums { display: flex; gap: .4rem; flex-wrap: wrap; }
.av-num { display: flex; flex-direction: column; align-items: center; min-width: 58px; padding: .2rem .45rem;
  border-radius: 8px; background: var(--chip, #f1f3f5); }
.av-num b { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.av-num span { font-size: .72rem; color: var(--muted, #6b7280); }
.av-num.late { background: #fdecea; }
.av-num.late b { color: #c62828; }
.av-progress { display: flex; align-items: center; gap: .5rem; flex: 0 1 260px; min-width: 160px; }
.av-bar { flex: 1; height: 10px; border-radius: 999px; background: var(--chip, #eceff3); overflow: hidden; }
.av-bar i { display: block; height: 100%; background: var(--st-done, #2e7d32); border-radius: 999px; }
.av-pct { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 3ch; text-align: right; }
.av-split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, 1fr); gap: .8rem; align-items: start; }
.av-table { min-width: 0; overflow-x: auto; }
.av-right { min-width: 0; position: sticky; top: .5rem; }
.av-gantt { min-width: 0; }
.av-gantt .hint { margin-top: .3rem; }
td.av-late { color: #c62828; font-weight: 600; }
#artist-filters select { max-width: 220px; }
@media (max-width: 1100px) { .av-split { grid-template-columns: 1fr; } .av-right { position: static; } }