/* ============================================================
   v1.3.43 — 읽기 쉬운 크기·강조 정리 (PC 밝은 화면 전용)
   2026-09-12 브라우저 실측으로 확인한 문제만 고친다.

   실측된 문제:
    1) KPI 값이 3줄로 쪼개졌다. 칸 폭 148px 중 왼쪽 56px을 아이콘이 차지해
       숫자가 쓸 수 있는 폭이 80px뿐이었다. 칸 높이는 168px로 부풀었다.
       칸은 크고 글자는 작은, 정확히 그 상태였다.
    2) 보조 글자가 11.0~11.7px 대에 몰려 있었다.
    3) 표는 행 37px에 글자 12.16px. 칸만 크고 글자는 작다.
    4) 유외상품: 패널 제목 13px < 개별 품목 제목 21px 로 계층이 뒤집혀 있었고,
       가장 중요한 '주문 필요/주의' 상태가 12.8px로 가장 작았다.

   구조·동작·권한·색 언어는 바꾸지 않는다. 크기와 강조만 손댄다.
   모바일(<960px)과 어두운 화면은 기존 규칙 그대로 둔다.
   ============================================================ */

@media (min-width:960px){

  /* ── 1. KPI 칸 — 숫자가 한 줄에 들어가게 ──────────────────────────
     아이콘을 왼쪽 세로중앙에서 오른쪽 위 배지로 옮긴다.
     그러면 왼쪽 56px이 숫자에게 돌아온다. ──────────────────────── */
  html:not([data-theme="dark"]) .v1321-kpis{
    grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important;
    gap:10px!important;
  }
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi{
    min-height:96px!important;
    padding:13px 14px 12px!important;
  }
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi::before{
    left:auto!important; right:11px!important; top:11px!important;
    width:27px!important; height:27px!important;
    font-size:13px!important; border-radius:9px!important;
    opacity:.92!important;
  }
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>span{
    font-size:.84rem!important;
    color:#2f5878!important;
    padding-right:32px!important;
  }
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{
    font-size:1.5rem!important;
    line-height:1.14!important;
    white-space:nowrap!important;
    overflow:visible!important;
    font-variant-numeric:tabular-nums!important;
    letter-spacing:-.04em!important;
    margin-top:4px!important;
  }
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>small{
    font-size:.78rem!important;
    line-height:1.4!important;
    font-weight:700!important;
  }

  /* ── 2. 기준일 알약 / 도움말 — 11px대 탈출 ───────────────────── */
  html:not([data-theme="dark"]) .v1322-basis-strip span{
    font-size:.78rem!important; padding:6px 11px!important; color:#53708c!important;
  }
  html:not([data-theme="dark"]) .v1323-chart-help{font-size:.78rem!important;color:#5f7a94!important}
  html:not([data-theme="dark"]) .v1321-card>header small{font-size:.79rem!important}
  html:not([data-theme="dark"]) .v1323-column>small,
  html:not([data-theme="dark"]) .v1323-station-column>span{font-size:.79rem!important}
  html:not([data-theme="dark"]) .v1323-column>b,
  html:not([data-theme="dark"]) .v1323-station-column>b{font-size:.84rem!important}

  /* ── 3. 표 — 글자는 키우고 행 높이는 그대로 ──────────────────── */
  html:not([data-theme="dark"]) table thead th,
  html:not([data-theme="dark"]) .data-table thead th{
    font-size:.82rem!important;
    padding:9px 12px!important;
    color:#1f4f79!important;
  }
  html:not([data-theme="dark"]) table td,
  html:not([data-theme="dark"]) table th,
  html:not([data-theme="dark"]) .data-table td,
  html:not([data-theme="dark"]) .data-table th{
    font-size:.84rem!important;
    padding:8px 12px!important;
    line-height:1.4!important;
  }
  html:not([data-theme="dark"]) .data-table td{font-variant-numeric:tabular-nums}

  /* ── 4. 유외상품 — 계층을 바로 세우고 상태를 강조한다 ────────── */
  html:not([data-theme="dark"]) .dashboard-goods-strip>.station-head h2,
  html:not([data-theme="dark"]) .goods-overview-panel>.station-head h2{
    font-size:1.16rem!important; color:#12466f!important; font-weight:900!important;
    letter-spacing:-.02em!important; margin:0 0 3px!important;
  }
  html:not([data-theme="dark"]) .dashboard-goods-strip>.station-head small,
  html:not([data-theme="dark"]) .goods-overview-panel>.station-head small{
    font-size:.79rem!important; color:#647f99!important;
  }
  html:not([data-theme="dark"]) .goods-dash-grid h3{
    font-size:.97rem!important; color:#17466f!important; font-weight:900!important; margin:0 0 9px!important;
  }
  html:not([data-theme="dark"]) .goods-dash-kpis span{
    font-size:.82rem!important; padding:7px 12px!important;
    background:#f1f6fb!important; border:1px solid #dfeaf4!important; color:#4d6b87!important;
  }
  html:not([data-theme="dark"]) .goods-dash-kpis b{
    font-size:1rem!important; color:#12466f!important; font-weight:900!important; margin-left:3px!important;
  }
  html:not([data-theme="dark"]) .goods-dash-row{padding:10px 12px!important;gap:10px!important}
  html:not([data-theme="dark"]) .goods-dash-row b{font-size:.92rem!important;color:#17416b!important;font-weight:850!important}
  html:not([data-theme="dark"]) .goods-dash-row small{
    font-size:.78rem!important; opacity:1!important; color:#63809b!important; font-variant-numeric:tabular-nums;
  }
  html:not([data-theme="dark"]) .goods-dash-row strong{
    font-size:.86rem!important; font-weight:900!important;
    padding:5px 11px!important; border-radius:999px!important;
    background:#eef4fa!important; color:#42607d!important; border:1px solid #dde8f2!important;
  }
  html:not([data-theme="dark"]) .goods-dash-row.problem strong{background:#ffe6e6!important;color:#b3302a!important;border-color:#f3c4c0!important}
  html:not([data-theme="dark"]) .goods-dash-row.warning strong{background:#fff2d9!important;color:#9a6206!important;border-color:#f0d9a6!important}
  html:not([data-theme="dark"]) .goods-dash-ok{font-size:.86rem!important}
  html:not([data-theme="dark"]) .goods-dash-chart small{font-size:.79rem!important;color:#5f7a94!important}
  html:not([data-theme="dark"]) .goods-overview-row h2{
    font-size:1.02rem!important; color:#17416b!important; font-weight:850!important; margin:0 0 2px!important;
  }
  html:not([data-theme="dark"]) .goods-overview-row small{font-size:.79rem!important;color:#64809b!important;font-weight:750!important}
  html:not([data-theme="dark"]) .goods-overview-row.problem small{color:#b3302a!important;font-weight:900!important}
  html:not([data-theme="dark"]) .goods-overview-row.warning small{color:#9a6206!important;font-weight:900!important}
  html:not([data-theme="dark"]) .goods-overview-values{
    font-size:.84rem!important; gap:7px 20px!important; font-variant-numeric:tabular-nums;
  }
  html:not([data-theme="dark"]) .goods-overview-values b{color:#12466f!important;font-weight:900!important}
  html:not([data-theme="dark"]) .goods-overview-row{
    padding:11px 13px!important; border:1px solid #e4edf5!important; border-radius:11px!important; background:#fdfeff!important;
  }

  /* ── 5. 공통 보조 글자 바닥 올리기 ──────────────────────────── */
  html:not([data-theme="dark"]) .form-card p,
  html:not([data-theme="dark"]) .form-help,
  html:not([data-theme="dark"]) .panel p{font-size:.83rem!important}
  html:not([data-theme="dark"]) .role-alert-copy strong{font-size:.88rem!important}
  html:not([data-theme="dark"]) .role-alert-copy small{font-size:.78rem!important;color:#5e7a95!important}
  html:not([data-theme="dark"]) .role-alert-time{font-size:.74rem!important}
  html:not([data-theme="dark"]) .metric span,
  html:not([data-theme="dark"]) .kpi-label,
  html:not([data-theme="dark"]) .work-stat span,
  html:not([data-theme="dark"]) .work-stat small,
  html:not([data-theme="dark"]) .cal-kpi span{font-size:.79rem!important}
  html:not([data-theme="dark"]) .metric strong,
  html:not([data-theme="dark"]) .kpi strong,
  html:not([data-theme="dark"]) .work-stat strong,
  html:not([data-theme="dark"]) .cal-kpi strong{font-size:1.28rem!important;font-variant-numeric:tabular-nums}
  html:not([data-theme="dark"]) .global-period-copy small{font-size:.8rem!important}
  html:not([data-theme="dark"]) .global-period-bar label{font-size:.79rem!important}
  html:not([data-theme="dark"]) .page-title p{font-size:.85rem!important}
  html:not([data-theme="dark"]) #topbarRoleLabel{font-size:.82rem!important}
  html:not([data-theme="dark"]) .v1321-head small{font-size:.82rem!important}

  /* ── 6. 남은 작은 글자 + 긴 값 안전장치 ────────────────────────
     KPI 값은 한 줄로 두되, 아주 긴 값이 칸 밖으로 튀지 않게 막는다.
     이전엔 글자 단위로 끊겨 "412,8 / 80,50 / 0" 처럼 쪼개졌다. ── */
  html:not([data-theme="dark"]) .v1321-head-status span{font-size:.8rem!important;color:#54718d!important}
  html:not([data-theme="dark"]) .v1321-head-status button{font-size:15px!important;line-height:1!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi{overflow:hidden!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    max-width:100%!important;
  }
}