/* tab-gather.css — 채집 탭(목업 1b): 표 형태 4열 — 이름 | 도구 | 회당 상한 | 캘 개수 → 담기 */
/* 행 사이 여백 대신 구분선 (목업의 표 느낌) — .list 기본 gap 을 이 탭에서만 없앤다 */
.list.gl{gap:0}
/* 행마다 따로 도는 그리드라 auto·1fr 은 행마다 다르게 풀린다(헤더와 칸이 어긋난다) → 뒤 세 칸은 고정 폭 */
/* 마지막 칸 260px: 스테퍼(110) + 안내(86) + 담기(48) + 간격 16 이 넘치지 않게 (248px 이면 낚시 행이 열 밖으로 삐져나왔다) */
.rc.g{grid-template-columns:minmax(0,1fr) 88px 92px 260px;gap:10px;padding:0 14px;height:46px;
  border:0;border-bottom:1px solid var(--line);border-radius:0;cursor:default}
/* 좁은 탭 카드(손잡이로 큐를 넓히면 460px 까지 내려간다)에서는 고정 열 합(428px)이 이름 열을 0px 로 뭉개고
   가로 스크롤이 생겼다(QA) — 폭에 따라 덜 중요한 열부터 줄이고 이름 열에는 최소 폭을 남긴다 */
@container tab (width < 600px){
  /* 「회당 상한」 열(3번째)을 통째로 빼고 나머지를 줄인다 — 같은 내용이 아래 각주에 있다.
     열 폭만 0 으로 두면 칸 내용이 남아 담기 버튼과 겹친다(QA) → 셀 자체를 display:none 으로 */
  .rc.g{grid-template-columns:minmax(90px,1fr) 78px 200px;gap:8px;padding:0 10px}
  .rc.g>*:nth-child(3){display:none}
  .gact .stepper{grid-template-columns:24px 46px 24px}
  .gact .gp{display:none}
  .gact{grid-template-columns:auto auto}   /* 안내 문구를 숨기면 그 트랙도 같이 빼야 정렬이 유지된다 */
}
@container tab (max-width:470px){
  /* 도구 열(2번째)까지 뺀다 — 도구가 없으면 이름이 흐려지고 담기가 잠기므로 구분은 남는다 */
  .rc.g{grid-template-columns:minmax(72px,1fr) 176px}
  .rc.g>*:nth-child(2){display:none}
  .gact .pbtn{padding:5px 8px}
}
.rc.g:hover{background:var(--card2)}
.rc.g.hd{height:28px;padding:0 14px;border-bottom:1px solid var(--line2)}
.rc.g.hd:hover{background:var(--card)}
.rc.g .thd{text-align:right}
.rc.g .cap{font-size:12px;color:var(--sub)}
.rc.g.off .nm{color:var(--sub)}          /* 도구가 없는 항목은 이름도 흐리게 */
/* 캘 개수 → 담기: 오른쪽 정렬, 스테퍼는 행 높이(46px)에 맞춰 조금 낮게 */
/* flex 로 두면 안내 문구 길이(「예상 1회」 45px vs 「진행 셀 수 없음」 84px)만큼 스테퍼가 밀려
   행마다 39px 어긋났다(사용자 지적) → 고정 폭 3열 그리드로 문구 길이와 무관하게 정렬 */
.gact{display:grid;grid-template-columns:auto 86px auto;align-items:center;justify-content:end;gap:8px;min-width:0}
.gact .stepper{height:28px;grid-template-columns:26px 56px 26px}
.gact .gp{font-size:11px;color:var(--sub2);white-space:nowrap;text-align:center;
  overflow:hidden;text-overflow:ellipsis;min-width:0}
.gact .pbtn{padding:5px 11px;font-size:12px}
.stepper.off>*{opacity:.45}
.stepper.off .v{font-family:var(--mono);font-size:14px;display:grid;place-items:center}
/* 회당 상한 각주 — 목록 맨 아래에 붙어 스크롤해도 보인다 */
.gfoot{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--line);
  padding:7px 14px;font-size:11px;color:var(--sub2)}