/* 05-responsive.css — FHD(높이 1200px 이하) 자동 컴팩트
   원본 index.html 1694~1746줄. 파일 순서 = 캐스케이드 순서이므로 이름 앞 번호를 바꾸지 말 것. */
  /* FHD 컴팩트 모드 — 세로 1200px 미만(회의용 FHD 모니터)에서 고정 요소를 줄여 표 영역을 확보.
     QHD(1440px)에서는 기존 그대로, FHD(1080px 안팎)에서는 카드 높이/여백/일부 폰트를 축소해
     표가 지나치게 압축되는 문제를 완화한다. */
  @media (max-height: 1200px){
    header{ padding:5px 16px; }
    header h1{ font-size:var(--fs-5); }
    header .sub{ font-size:var(--fs-3); margin-top:0; }
    .btn{ padding:6px 12px; font-size:var(--fs-4); }
    .tab-btn{ padding:7px 6px; font-size:var(--fs-4); }
    aside{ padding:9px 10px; }
    .filter-block{ margin-bottom:8px; }
    .filter-block label{ margin-bottom:4px; font-size:var(--fs-3); }
    .pill{ padding:3px 7px; font-size:var(--fs-3); }
    .pill-group .pill{ padding:3px 8px; }
    select{ padding:6px 8px; font-size:var(--fs-4); }
    main{ padding:8px 12px; }
    #dashboard{ gap:var(--sp-3); }
    .dash-kpi{ gap:var(--sp-3); }
    .dash-kpi .card{ height:132px; }
    .dash-kpi .kpi-card.kpi-highlight{ padding:12px 14px; }
    /* FHD 에서는 KPI 숫자를 한 단 낮춘다(--fs-9 38px → --fs-8 26px). */
    .dash-kpi .kpi-card .value{ font-size:var(--fs-8); }
    .dash-kpi .kpi-card.kpi-week{ padding:12px 14px; }
    .dash-kpi .card{ min-height:150px; }
    .dash-kpi .kpi-card .comment-box{ font-size:var(--fs-2); line-height:1.45; margin-top:6px; padding-top:6px; }
    .dash-mid{ gap:var(--sp-3); }
    .dash-bottom .card{ padding:9px 16px; }
    .dash-bottom #monthlyTableWrap{ max-height:29vh; margin-top:8px; }
    .card{ padding:12px 14px; }
    .card h3{ font-size:var(--fs-5); margin-bottom:8px; }
    .card h3 .title-with-icon{ padding:3px 10px; }
    .weekly-grid{ gap:var(--sp-3); }
    .presenter-head{ padding:12px 16px; gap:var(--sp-4); }
    .presenter-head .ph-name{ font-size:var(--fs-7); }
    .presenter-head .ph-sub{ font-size:var(--fs-3); }
    .presenter-head .ph-achieve-num{ font-size:34px; }
    .presenter-head .ph-cell-value{ font-size:var(--fs-6); }
    .presenter-head .ph-cell{ padding:7px 10px; }
    .presenter-btn{ padding:6px 9px; font-size:var(--fs-5); }
    .weekly-card h3{ margin-bottom:6px; }
    table{ font-size:var(--fs-4); }
    thead th{ padding:6px 5px; font-size:var(--fs-3); }
    tbody td{ padding:5px 5px; }
    table.cross-table{ font-size:var(--fs-3); }
    table.cross-table td, table.cross-table th{ padding:6px 6px; }
    .stage-pill{ padding:2px 7px; font-size:var(--fs-3); }
    .kpi-card .label{ font-size:var(--fs-4); margin-bottom:5px; }
    .note{ font-size:var(--fs-2); margin-top:4px; }
    .pipeline-tab-btn{ padding:5px 12px; font-size:var(--fs-4); }
    .weekly-grid table.review-table > tbody.scroll-y,
    .weekly-grid table.pipeline-table > tbody.scroll-y{ height:192px; min-height:192px; max-height:192px; }
  }