/* 통합 스크리너 CSS — /industry-screener/(섹션 B) 와 /integrated-screener/ 공유 단일 소스.
   R59 에서 industry_screener.html 인라인 <style> 2블록을 외부화(내용 불변·바이트 동일).
   .is-section/.is-table/.is-drill 등 일반 표 스타일은 산업 스크리너 A/C/렌즈/D 도 사용하므로
   양 페이지가 이 파일을 공유한다(통합 페이지엔 A/C/렌즈 규칙 일부가 dead 이나 무해). */
  /* 통합 스크리너 — forward 스크리너 셀 스타일 이식(이 페이지에 없던 클래스만 추가) */
  #sec-integrated .is-table td{vertical-align:top}
  .fs-yoy,.fs-sub{display:block;font-size:.66rem;line-height:1.1;margin-top:1px;font-weight:400}
  .fs-sub{color:var(--text-secondary)}
  .fs-up{color:var(--color-bullish,#16a34a)}
  .fs-dn{color:var(--color-bearish,#dc2626)}
  .scr-modes{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.78rem;flex-wrap:wrap}
  .scr-modelbl{color:var(--text-secondary)}
  .scr-fbq{font-size:.6rem;color:var(--text-secondary);margin-left:1px;vertical-align:super;font-weight:400}  /* R44 대체 기준 분기 */
  .fs-mode-btn{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:6px;padding:.22rem .6rem;font-size:.76rem;cursor:pointer}
  .fs-mode-btn.active{background:var(--color-info);color:#fff;border-color:var(--color-info)}
  .th-sub{display:block;font-size:.6rem;font-weight:400;opacity:.75;margin-top:1px}
  .fs-info{cursor:pointer;color:var(--color-info);font-size:.72rem;margin-left:2px;padding:2px 3px}
  .fs-pop{position:fixed;z-index:1000;max-width:min(320px,86vw);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:8px;padding:.5rem .65rem;font-size:.72rem;line-height:1.5;box-shadow:0 4px 16px rgba(0,0,0,.28);white-space:normal;text-align:left}
  .fs-note{font-size:.72rem;margin-top:.5rem;line-height:1.5}
  .if-cons-lbl{display:flex;align-items:center;gap:.3rem;cursor:pointer}
  .if-cons-lbl input{width:auto}
  /* 드릴 → 통합 스크리너 점프(구 상위 종목 테이블 대체) */
  .drill-jump{background:none;border:none;padding:0;font:inherit;color:var(--color-info);cursor:pointer;text-align:left;text-decoration:underline dotted}
  .drill-jump:hover{text-decoration:underline}
  .drill-jump-sec{font-size:.78rem}
  .drill-sec-jump{margin:.3rem 0 .5rem}
  /* R42 FY판정 셀(라벨 강조·leaders 미러) + 🚀 주도주 배지(종목명 옆) */
  #sec-integrated .fy-cell{white-space:nowrap}
  #sec-integrated .fy-cell .fs-up,#sec-integrated .fy-cell .fs-dn{font-weight:600}
  .ldr-badge{text-decoration:none;font-size:.82rem;margin-left:1px}
  .ldr-badge:hover{opacity:.7}
  /* R50 관심도 셀 — 밴드 배경(inline style)·탭/오버 팝오버. 히트맵 셀과 동일 rgba 틴트 방식(테마 무관). */
  #sec-integrated .mi-cell{cursor:pointer;font-weight:600}
  #sec-integrated .mi-cell.muted{cursor:default;font-weight:400}
  /* R52 관심도 바그래프 팝업 — .fs-pop 기반. 요소별 가로 바(백분위 비례·주황→빨강 그라데이션).
     전부 사이트 CSS 변수(트랙·글자·테두리)라 라이트/다크 자동 대응, 바 fill 만 HSL 그라데이션. */
  .mi-pop{max-width:min(360px,92vw);min-width:min(288px,88vw);padding:.6rem .7rem;white-space:normal}
  .mi-pop-hd{font-weight:700;font-size:.78rem;margin-bottom:.5rem;color:var(--text-primary);white-space:nowrap}
  /* 3열 그리드(이름 | 바 트랙 | 원값·상위%). 7요소×3 노드를 평면 나열 — 행 간 열 정렬 유지. */
  .mi-pop-rows{display:grid;grid-template-columns:auto minmax(74px,1fr) auto;gap:.34rem .55rem;align-items:center}
  .mi-row-name{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}
  .mi-bar-track{height:.64rem;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:4px;overflow:hidden}
  .mi-bar-fill{height:100%;border-radius:3px 0 0 3px;min-width:2px}
  .mi-row-val{font-size:.72rem;color:var(--text-primary);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
  .mi-row-raw{font-weight:600}
  .mi-row-rank{color:var(--text-secondary);font-size:.66rem;margin-left:.15rem}
  .mi-row-name.mi-miss{opacity:.5}
  .mi-bar-track.mi-miss{opacity:.45}
  .mi-row-val.mi-row-dash{color:var(--text-secondary)}
  /* R38 지수 상태(차트 축) 셀 — R34 색상 체계 재사용(leaders 와 동일 클래스) */
  .idx-state{white-space:nowrap;text-align:left}
  .idx-link{text-decoration:none;color:inherit}
  .idx-link:hover .gc-aligned,.idx-link:hover .gc-426,.idx-link:hover .gc-413,.idx-link:hover .gc-none{text-decoration:underline}
  .idx-state .pos{color:var(--color-bullish,#16a34a)}
  .gc-aligned{color:var(--color-bullish,#16a34a);font-weight:600}
  .gc-426{color:var(--color-mild,#d97706);font-weight:600}
  .gc-413{color:color-mix(in srgb,var(--color-mild,#d97706) 60%,var(--text-secondary));font-weight:500}
  .gc-none{color:var(--text-secondary)}
  .gc-imm{font-size:.6rem;padding:0 3px;border-radius:5px;background:var(--color-info);color:#fff;font-weight:700}
  .idx-multi{color:var(--text-secondary);font-weight:700;cursor:help}
  /* R33 — 통합 스크리너 접기(is-scr): 기본 drill 스타일 상속, summary 약간 강조 */
  .is-scr{margin:.3rem 0 .5rem}
  .is-scr>summary{font-size:.95rem}
  .is-scr-body{padding:.6rem .3rem .3rem}
  /* R33/R35 — forward 블록: is-fwd 컬럼 토글(섹터·중분류 전역)·블록 구분선 */
  body.hide-fwd .is-fwd{display:none}
  .is-table th.is-fwd-first,.is-table td.is-fwd-first{border-left:2px solid var(--border-strong)}
  .fwd-toggle-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.2rem 0 .7rem}
  .fwd-toggle{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:6px;padding:.24rem .65rem;font-size:.76rem;cursor:pointer}
  .fwd-toggle[aria-pressed="false"]{background:var(--bg-subtle);color:var(--text-secondary)}
  .fwd-toggle-hint{font-size:.72rem}
  /* R40 업종별 보기(거래소 업종 렌즈) — gc 색상은 위 .gc-* 재사용, 실적 부호색·breakdown 만 추가 */
  #sec-kis-lens .kis-state{white-space:nowrap;text-align:left}
  #sec-kis-lens .pos{color:var(--color-bullish,#16a34a);font-weight:600}
  #sec-kis-lens .neg{color:var(--color-bearish,#dc2626);font-weight:600}
  #sec-kis-lens .gc-ev{font-size:.6rem;padding:0 4px;border-radius:5px;background:var(--color-mild,#d97706);color:#fff;font-weight:700}
  #sec-kis-lens .kis-prox-lk{font-size:.66rem}
  #sec-kis-lens .kis-cons{font-weight:600}
  #sec-kis-lens .kis-mkt{font-size:.68rem;color:var(--text-secondary)}
  #sec-kis-lens .kis-bd{text-align:left;white-space:normal;max-width:360px;line-height:1.45;font-size:.74rem}
  #sec-kis-lens .kis-lens-btn{font-size:.76rem;white-space:nowrap}

  /* ══ R53 통합 스크리너 가시성 — 종목 컬럼 고정 + 전폭 breakout(JS) + 가로 이동(휠·드래그). #int-table 에만 스코프. ══ */
  /* (1) 종목(첫 컬럼) sticky 고정 — 헤더(top+left 코너)·바디(left). 불투명 배경으로 뒤 컬럼 비침 차단. z 층위: 코너>헤더행>고정열>일반셀. */
  #int-table thead th:first-child{position:sticky;left:0;z-index:4;background:var(--bg-subtle)}
  #int-table thead th{z-index:3}
  #int-table tbody td:first-child{position:sticky;left:0;z-index:2;background:var(--bg-card)}
  /* 행 hover 시 고정 셀도 동일 hover 배경(불투명 유지) */
  #int-table tbody tr:hover td:first-child{background:var(--bg-subtle)}
  /* 떠 있음 시각화 — 항상 옅은 우측 구분선, 가로 스크롤 중(is-scrolled-x)일 때만 그림자 강조 */
  #int-table thead th:first-child,#int-table tbody td:first-child{box-shadow:1px 0 0 0 var(--border-default)}
  #scr-details .is-table-wrap.is-scrolled-x #int-table thead th:first-child,
  #scr-details .is-table-wrap.is-scrolled-x #int-table tbody td:first-child{box-shadow:2px 0 0 0 var(--border-strong),6px 0 8px -5px rgba(0,0,0,.28)}
  /* (3) 드래그 커서 — 숫자 셀엔 grab, 상호작용(링크·정렬헤더·관심도·ⓘ)엔 pointer 유지. 드래그 중엔 전역 grabbing. */
  #scr-details .is-table-wrap{cursor:grab}
  #scr-details .is-table-wrap:not(.is-dragging) a,
  #scr-details .is-table-wrap:not(.is-dragging) th.rk-sortable,
  #scr-details .is-table-wrap:not(.is-dragging) .mi-cell,
  #scr-details .is-table-wrap:not(.is-dragging) .fs-info{cursor:pointer}
  #scr-details .is-table-wrap.is-dragging{cursor:grabbing;user-select:none}
  #scr-details .is-table-wrap.is-dragging *{cursor:grabbing !important}

  /* 사이트 라이트 테마 변수 사용 — 히트맵 셀은 진한 본문 글자색 위 rgba 틴트(builder _heat).
     변수 기반이라 향후 사이트가 다크 테마(prefers-color-scheme / data-theme)를 도입하면 자동 대응. */
  .is-section{margin:1.4rem 0 2.2rem}
  .is-table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:8px;margin:.5rem 0;background:var(--bg-card)}
  .is-table{width:100%;border-collapse:collapse;font-size:.8rem;color:var(--text-primary)}
  .is-table th{text-align:right;padding:.42rem .6rem;background:var(--bg-subtle);color:var(--text-secondary);font-weight:600;white-space:nowrap;border-bottom:1px solid var(--border-strong);position:sticky;top:0}
  .is-table th:first-child{text-align:left}
  .is-table td{text-align:right;padding:.36rem .6rem;border-bottom:1px solid var(--border-default);white-space:nowrap}
  .is-table td.is-name,.is-table td:first-child{text-align:left}
  .is-table tbody tr:hover{background:var(--bg-subtle)}
  .is-table tr.is-market td{background:var(--bg-base);color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-strong)}
  .scr-credit{color:var(--color-info);font-weight:600}
  .stale-badge{display:inline-block;font-size:.62rem;background:var(--color-neutral-bg);color:var(--text-secondary);border-radius:4px;padding:0 4px;vertical-align:middle}
  .is-drill{margin:.3rem 0;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card)}
  .is-drill>summary{cursor:pointer;padding:.55rem .8rem;font-size:.92rem;user-select:none;color:var(--text-primary)}
  .is-drill>summary:hover{background:var(--bg-subtle)}
  .is-drill-body{padding:.4rem .8rem .9rem}
  .is-drill-body h4{margin:.7rem 0 .3rem;font-size:.82rem;color:var(--text-secondary)}
  .scr-ctrls{margin:.6rem 0 1rem}
  .scr-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
  .scr-inputs{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;font-size:.78rem;color:var(--text-secondary)}
  .scr-inputs input,.scr-inputs select{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:6px;padding:.2rem .35rem;font-size:.78rem}
  .scr-count{margin-top:.6rem;font-size:.82rem;color:var(--text-secondary)}
  .scr-count #int-n{font-weight:700;color:var(--color-info)}
  .facet-btn.active{background:var(--color-info);color:#fff;border-color:var(--color-info)}