/* 07-a11y.css — 키보드 포커스 표시
   원본 index.html 3434~3485줄. 파일 순서 = 캐스케이드 순서이므로 이름 앞 번호를 바꾸지 말 것. */
/* ============================================================
   키보드 포커스 표시

   클릭 가능한 요소 중 포커스 표시가 있는 건 입력창뿐이었고, 탭·알약·칩·달력 칸은
   키보드로 이동해도 지금 어디에 있는지 알 수 없었다.

   · `:focus-visible` 만 쓴다 — 마우스 클릭에는 링이 뜨지 않고 키보드 이동에만 뜬다.
   · 이 파일이 캐스케이드 맨 끝이라, 같은 특이도의 기존 `outline:none` 을 순서로 이긴다.
   ============================================================ */
.btn:focus-visible,
.tab-btn:focus-visible,
.pipeline-tab-btn:focus-visible,
.mini-tab:focus-visible,
.prod-pill:focus-visible,
/* 전달사항이 새 이름(.cl-*)으로 바뀌었다.
   초점 표시가 새 화면에서도 그대로 붙도록 이름만 갈아끼운다. 규칙은 건드리지 않는다.
   ⭐ 230차(C-097) — 줄이 카드로 바뀌며 .cl-ck(완료 체크박스)가 .cl-done-btn 으로,
   그리고 카드 자체(.cl-nitem)·댓글 버튼(.cl-cmbtn)·완료 항목 카드(.cl-done-card)가
   새로 키보드로 조작 가능해져 여기 추가됐다.
   ⭐ 232차(C-099) — 첨부·고정·고치기·지우기(.cl-x/.cl-pin)가 아이콘+글자 버튼(.cl-btn2)
   하나로 합쳐지며 이름이 바뀌었다. */
.cl-chip:focus-visible,
.cl-done-btn:focus-visible,
.cl-cmbtn:focus-visible,
.cl-nitem:focus-visible,
.cl-done-card:focus-visible,
.cl-btn2:focus-visible,
.cl-nav:focus-visible,
.cl-d:focus-visible,
.cl-pick-x:focus-visible,
.pill:focus-visible,

.cust-link:focus-visible,
.chart-more-link:focus-visible,
.user-chip:focus-visible,
.u-out:focus-visible,
.tree-hd:focus-visible,
.collapse-toggle:focus-visible,
.fold-hint:focus-visible,
#statSpeedToggle:focus-visible,
#fcPipeMetric:focus-visible,
th.sortable:focus-visible,
tr.rp-row:focus-visible,
.download-menu-item:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(76,100,166,.16);
}
/* 표 안 행·헤더는 바깥쪽 링이 잘려 보이므로 안쪽으로 */
th.sortable:focus-visible, tr.rp-row:focus-visible{ outline-offset:-2px; }
tr.rp-row:focus-visible td{ background:#eef2f9; }
/* 키보드로 조작 가능하게 만든 요소는 커서도 손 모양으로 */
.pill, .cl-nitem, .cl-done-card, th.sortable, tr.rp-row, .collapse-toggle, .fold-hint{ cursor:pointer; }