/* 실적 칸과 `표시할 칸 고르기`.
   `table.css` 에서 나눈 이유는 바뀌는 계기다: 저기는 표의 뼈대, 여기는 **2026-08-06 에
   붙은 두 가지**(실적 표기·칸 감추기)다. 둘은 같이 손대고 나머지 표와는 따로 손댄다. */

/* ── 감춘 칸 ──────────────────────────────────────────────────────── */

/* 행을 다시 그리지 않고 이 클래스 하나로 감춘다(`js/colvis.js`). `th`·`td` 양쪽에 붙는다. */
.screen-table .is-col-off { display: none; }

/* ── 실적 칸 ──────────────────────────────────────────────────────── */

.screen-table td.col-earn { white-space: nowrap; font-variant-numeric: tabular-nums; }

/* **칸만 강조한다(행이 아니다).** 행 강조는 장중 신고가 돌파가 이미 쓰고 있어서
   (`live.css` 의 `is-live-high`) 겹치면 두 사실이 한 표시로 뭉개진다. */
.screen-table td.col-earn.is-imminent {
  background: var(--warn-bg); font-weight: 700;
  /* 색만으로 말하지 않는다 — 색각 이상이나 흑백 출력에서 강조가 통째로 사라진다. */
  box-shadow: inset 2px 0 0 var(--err);
}

/* "모름"은 회색이다. 임박과 **같은 색을 쓰지 않는다** — 조회 실패는 경고가 아니라 판정
   밖이고, 한때 표의 8분의 1이 그 상태였다(2026-08-06 13.3% → 2026-08-07 0%). 경고색으로
   칠하면 상류가 며칠 밀리는 날 표가 통째로 붉어지고 진짜 임박이 그 안에 묻힌다.
   밑줄 점선은 "툴팁에 이유가 있다"는 이 표의 공통 표기다. */
.screen-table td.col-earn.is-missing {
  color: var(--muted);
  text-decoration: underline dotted var(--muted); text-underline-offset: 3px; cursor: help;
}

/* ── 표시할 칸 고르기 ─────────────────────────────────────────────── */

.colpick { margin: 0 0 10px; font-size: 13px; }
/* 여는 손잡이(`<summary>`)는 `buttons.css` 의 `.btn-action` 이다(D-076) — 내보내기 버튼과
   같은 모양. 여기는 펼쳤을 때 목록과의 간격뿐. */
.colpick[open] > summary { margin-bottom: 8px; }

.colpick-list {
  display: flex; flex-wrap: wrap; gap: 4px 16px;
  margin: 0; padding: 0; list-style: none;
}
.colpick-label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.colpick-item.is-locked .colpick-label { color: var(--muted); cursor: not-allowed; }
.colpick-note { margin: 8px 0 0; color: var(--muted); font-size: 12px; }