/* 정보공개서 화면 3판 — jumpo-disclosure-v3.php 가 정보공개서 글에서만 불러온다 (2026-10-01)
   🔴 인라인 <style> 금지(버퍼 가드 함정) · 범위는 .franchise-dashboard.jdv3-on 안만 */

/* 새 칸 공통 */
.franchise-dashboard.jdv3-on .jdv3-sub{font-size:.8rem;font-weight:500;color:var(--color-text-muted,#64748b)}
.franchise-dashboard.jdv3-on .jdv3-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.franchise-dashboard.jdv3-on .jdv3-chip{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--color-accent-bg,#f0f5fa);color:#071f3d}
.franchise-dashboard.jdv3-on .jdv3-explain{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f3f6fb;border-left:3px solid #9cb8e6;font-size:.8rem;line-height:1.65;color:#4b5a70}
.franchise-dashboard.jdv3-on .jdv3-explain b{color:#071f3d;margin-right:4px}
.franchise-dashboard.jdv3-on .jdv3-zero{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#f6f8fb;font-size:.82rem;line-height:1.6;color:#64748b}
.franchise-dashboard.jdv3-on .jdv3-h3{margin:16px 0 6px;font-size:.95rem;font-weight:800;color:#071f3d}
.franchise-dashboard.jdv3-on .jdv3-table{min-width:0}
/* 테마(Astra)가 table 에 주는 아래 여백 1.5em 이 스크롤 상자 안에서 빈 줄로 보였다 */
.franchise-dashboard.jdv3-on .minimal-table{margin:0!important}
.franchise-dashboard.jdv3-on .jdv3-table td,.franchise-dashboard.jdv3-on .jdv3-table th{white-space:nowrap;font-variant-numeric:tabular-nums}
.franchise-dashboard.jdv3-on .jdv3-up{color:#0f8a5f!important}
.franchise-dashboard.jdv3-on .jdv3-down{color:#c2410c!important}
.franchise-dashboard.jdv3-on .jdv3-kv{width:100%;border-collapse:collapse;font-size:.92rem}
.franchise-dashboard.jdv3-on .jdv3-kv th{width:42%;text-align:left;font-weight:600;color:#64748b;padding:9px 6px;border-top:1px solid #e2e8f0;vertical-align:top}
.franchise-dashboard.jdv3-on .jdv3-kv td{text-align:right;font-weight:700;color:#071f3d;padding:9px 6px;border-top:1px solid #e2e8f0}
.franchise-dashboard.jdv3-on .jdv3-kv tr:first-child th,.franchise-dashboard.jdv3-on .jdv3-kv tr:first-child td{border-top:none}
.franchise-dashboard.jdv3-on .jdv3-more{margin-top:8px}
.franchise-dashboard.jdv3-on .jdv3-more summary{cursor:pointer;font-size:.82rem;font-weight:600;color:#64748b;padding:4px 2px}

/* 지역 표 — 전국 줄 · 공시 안 함 · 점포 없는 지역 */
.franchise-dashboard.jdv3-on tr.jdv3-total td{background:#f4f8ff;font-weight:800}
.franchise-dashboard.jdv3-on .jdv3-nd{color:#98a5b6;font-weight:500;font-size:.85em}
.franchise-dashboard.jdv3-on tr.jdv3-empty td{color:#b4bfcd!important;font-weight:500!important}

/* 한글은 낱말 단위로 줄바꿈 (10-01 👤 «등록번\호 · 없\음» 처럼 낱말 중간에서 끊김) */
.franchise-dashboard.jdv3-on .jdv3-kv th,
.franchise-dashboard.jdv3-on .jdv3-kv td,
.franchise-dashboard.jdv3-on .jdv3-explain,
.franchise-dashboard.jdv3-on .minimal-table th,
.franchise-dashboard.jdv3-on .minimal-table td{word-break:keep-all;overflow-wrap:anywhere}
/* 등록 정보 표 — 테마(Astra)가 칸마다 세로줄을 그어 상자처럼 보였다 → 가로줄만 */
.franchise-dashboard.jdv3-on .jdv3-kv,
.franchise-dashboard.jdv3-on .jdv3-kv th,
.franchise-dashboard.jdv3-on .jdv3-kv td{border-left:0;border-right:0;border-bottom:0}
.franchise-dashboard.jdv3-on .jdv3-kv th{white-space:nowrap;width:auto;padding-right:14px}

/* 「○○ 창업 비용 및 가맹 현황」 표(옛 봇 · 왼쪽 칸이 줄 머리) — 10-01 👤 «휴대폰에서 왼쪽 칸이 잘림 · 태블릿부터 깨짐» */
.franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) th[scope="row"]{width:36%;text-align:left;vertical-align:middle;line-height:1.5}
.franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) td{line-height:1.55}
@media (max-width:1024px){
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) th[scope="row"],
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) td{white-space:normal!important}
}
/* 휴대폰 — 줄 머리를 위, 값을 아래로 쌓는다(두 칸으로 나누면 값 칸이 너무 좁다) */
@media (max-width:600px){
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]),
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) tbody,
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) tr{display:block!important;width:100%!important}
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) tr{padding:10px 12px!important;border-top:1px solid #e2e8f0}
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) tr:first-child{border-top:0}
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) th[scope="row"],
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) td{display:block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important}
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) th[scope="row"]{font-size:.78rem!important;font-weight:600;color:#64748b;margin-bottom:3px}
  body .franchise-dashboard.jdv3-on .minimal-table:has(th[scope="row"]) td{font-size:.92rem!important;font-weight:700;color:#071f3d}
}

/* 휴대폰 — 양옆 여백 64px → 22px (표 245px → 약 331px) */
@media (max-width:600px){
  body .franchise-dashboard.jdv3-on .dashboard-container{padding-left:8px!important;padding-right:8px!important;gap:1rem!important}
  body .franchise-dashboard.jdv3-on .card:not([style*="padding:0"]){padding:18px 14px!important;border-radius:14px!important}
  body .franchise-dashboard.jdv3-on .card-header{margin-bottom:.9rem!important;padding-bottom:.7rem!important}
  body .franchise-dashboard.jdv3-on .card-header h2{font-size:1.12rem!important;line-height:1.4!important}
  body .franchise-dashboard.jdv3-on .minimal-table{min-width:0!important}
  body .franchise-dashboard.jdv3-on .minimal-table th,
  body .franchise-dashboard.jdv3-on .minimal-table td{padding:.55rem .4rem!important;font-size:.8rem!important;word-break:keep-all}
  body .franchise-dashboard.jdv3-on .minimal-table th:first-child,
  body .franchise-dashboard.jdv3-on .minimal-table td:first-child{white-space:nowrap!important}
}