/* roadmap.css — 칸반 칼럼에 상태별 색 강조(상단 바 + 헤더 점). base.css 뒤 로드, 토큰만.
   개선요청 표의 상태 색 언어(chip ok/warn)와 일관 · 제안 접수→배포 완료로 '데워지는' 색 진행
   (회색 → 앰버 → 파랑 → 주황 → 진한 주황 → 강한 중립 → 초록)으로 7단계가 한눈에 읽히게 한다.
   검수 두 단계(품질·보안)에 --danger 를 쓰지 않는 이유: 그 색은 오류·파괴 동작 전용 언어라
   정상 진행 단계에 쓰면 '실패'로 오독된다. */
.kanban-col { border-top: 3px solid var(--border); }
.kanban-hl { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.kanban-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border); flex: 0 0 auto; }
.kanban-ct { color: var(--muted); font-weight: 400; flex: 0 0 auto; }

.kanban-col--open        { border-top-color: var(--muted); }
.kanban-col--reviewing   { border-top-color: var(--warning); }
.kanban-col--planned     { border-top-color: var(--link); }
.kanban-col--in_progress { border-top-color: var(--accent); }
.kanban-col--qa          { border-top-color: var(--accent-hover); }
.kanban-col--security    { border-top-color: var(--text); }
.kanban-col--done        { border-top-color: var(--success); }

.kanban-col--open        .kanban-dot { background: var(--muted); }
.kanban-col--reviewing   .kanban-dot { background: var(--warning); }
.kanban-col--planned     .kanban-dot { background: var(--link); }
.kanban-col--in_progress .kanban-dot { background: var(--accent); }
.kanban-col--qa          .kanban-dot { background: var(--accent-hover); }
.kanban-col--security    .kanban-dot { background: var(--text); }
.kanban-col--done        .kanban-dot { background: var(--success); }

/* 7단계로 늘어나 중간 폭에서 칼럼이 좁아진다 — 격자 대신 가로 스냅 스크롤로 전환한다.
   폭 구간을 601px 부터 잡는 이유(실기기 확인, 갤럭시 폴드5 펼침):
   물리 1812px 이지만 density 420(2.625x) 이라 CSS 폭은 약 690px 이다. base.css 의
   `max-width:900px` 규칙이 걸려 칼럼이 78vw 가 되는데, 5칼럼 시절엔 적당했던 이 값이
   7단계에서는 화면에 1.3칼럼만 보이게 만들어 가로 스크롤이 과도해진다.
   → 601~1200px(큰 폰 가로·폴더블 펼침·태블릿·좁은 노트북)은 고정 폭으로 2~5칼럼을 보여준다.
   600px 이하(폰 세로)는 base.css 의 78vw 를 그대로 둔다 — 폰에서는 한 칼럼씩 넘기는 게 맞다. */
@media (min-width: 601px) and (max-width: 1200px) {
  .kanban { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .kanban-col { flex: 0 0 232px; scroll-snap-align: start; }
}