/* 레이아웃 v2 (2026-11-03): 왼쪽은 에드 대화 전용, 지역·땅·변전소 정보는 지도 위 카드로. panel.js 가 body.v2 를 붙이면 켜짐.
   본 화면(index.html·app.js)은 그대로 두고 CSS 로만 자리를 옮긴다. 끄려면 index.html 에서 layout.css·panel.js 두 줄을 빼면 됨 */

/* 지도 도구: 위성·지적도·배전선로·변전소만 (2026-11-03 사용자 결정) */
body.v2 #tGrid, body.v2 #tColor, body.v2 #tRing, body.v2 #tDist, body.v2 #tArea, body.v2 .tFold ~ hr { display: none !important; }

@media (min-width: 821px) {
  body.v2.simple .app, body.v2.simple .app.adClosed { grid-template-columns: 400px 1fr; }
  body.v2 .col { padding: 0; }
  body.v2 .stage, body.v2 .col.fresh .stage { justify-content: flex-start; padding: 16px 20px 8px; gap: 0; }
  body.v2 .brand { padding: 2px 2px 12px; border-bottom: 1px solid var(--edge); margin-bottom: 12px; }
  body.v2 .brand .edName { display: inline; color: var(--fg3); font-weight: 500; }

  /* 대화는 심플 모드에서도 보이게 */
  body.v2.simple #aiSec { display: flex !important; margin-top: 0; padding-top: 0; border-top: 0; }
  body.v2.simple #aiChips, body.v2.simple #aiNote { display: block !important; }
  body.v2 .aiMsg.user { background: #F7F8F9; color: var(--fg); border: 1px solid var(--edge); border-radius: 14px 14px 4px 14px; }
  @media (prefers-color-scheme: dark) { body.v2 .aiMsg.user { background: #1B1F23; } }

  /* 에드 답 카드·칩 */
  body.v2 .v2verd { display: grid; grid-template-columns: 44px 1fr; gap: 8px 10px; border: 1px solid var(--edge); border-radius: 12px; padding: 12px 14px; background: #F7F8F9; margin: 6px 0 8px; }
  @media (prefers-color-scheme: dark) { body.v2 .v2verd { background: #1B1F23; } }
  body.v2 .v2verd span { font-size: 12px; color: var(--fg3); padding-top: 2px; }
  body.v2 .v2verd p { margin: 0; font-size: 14px; line-height: 1.55; }
  body.v2 .v2verd b.bad { color: var(--bad); } body.v2 .v2verd b.ok { color: var(--accent); }
  body.v2 .v2chip { display: inline; padding: 0 7px; border-radius: 999px; font: inherit; font-size: 13px; font-weight: 600; border: 1px solid var(--edge); background: var(--bg); color: var(--fg); cursor: pointer; line-height: 1.6; }
  body.v2 .v2chip:hover { border-color: var(--accent); } body.v2 .v2chip.on { background: var(--accent); color: #fff; border-color: var(--accent); }
  body.v2 .v2chip.line::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); margin-right: 5px; vertical-align: 1px; }
  body.v2 .v2chip.sub::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 2px; background: var(--fg3); margin-right: 5px; vertical-align: 0; }
  body.v2 .v2src { display: block; font-size: 12px; color: var(--fg3); margin-top: 6px; }
  body.v2 .v2file { display: flex; flex-direction: column; gap: 2px; margin: 8px 0; padding: 10px 14px; border: 1px solid var(--accent); border-radius: 12px; background: var(--bg); color: var(--fg); text-decoration: none; }
  body.v2 .v2file:hover { background: #F0FAF6; } @media (prefers-color-scheme: dark) { body.v2 .v2file:hover { background: #163327; } }
  body.v2 .v2file b { color: var(--accent); font-size: 14px; } body.v2 .v2file small { color: var(--fg3); font-size: 12px; word-break: break-all; }

  /* 빈 상태 안내 (panel.js 가 넣음) */
  body.v2 .v2Hello { display: flex; flex-direction: column; gap: 10px; padding: 8px 0 16px; }
  body.v2 .v2Hello h2 { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: -.02em; }
  body.v2 .v2Hello p { margin: 0; font-size: 14px; color: var(--fg2); line-height: 1.55; }
  body.v2 .v2Hello .ex { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
  body.v2 .v2Hello .ex button { text-align: left; font-size: 14px; padding: 10px 12px; border: 1px solid var(--edge); border-radius: 12px; background: var(--bg); cursor: pointer; color: var(--fg); }
  body.v2 .v2Hello .ex button:hover { border-color: var(--accent); }
  body.v2 .v2Hello .ex button small { display: block; color: var(--fg3); font-size: 12px; margin-top: 2px; }
  body.v2 .v2Hello.off { display: none; }

  /* 지역 카드(#browse)·땅 카드(#detail)를 지도 위 오른쪽으로. 도구 메뉴(약 230px) 아래 */
  body.v2 #browse, body.v2 #detail {
    position: fixed; right: 16px; top: 236px; width: 380px; max-height: calc(100vh - 256px); overflow-y: auto; z-index: 900;
    background: var(--bg); border: 1px solid var(--edge); border-radius: 14px; box-shadow: 0 8px 28px rgba(0,0,0,.12); padding: 14px 16px 16px; }
  body.v2 #browse.v2Empty { display: none !important; }
  body.v2 #browse .region { font-size: 16px; font-weight: 700; }
  body.v2 #browse .say, body.v2 #browse .guide, body.v2 #hist, body.v2 #riList { display: none !important; }
  body.v2 #browse .duo { margin-top: 8px; }
  body.v2 #browse.v2NoRegion .region, body.v2 #browse.v2NoRegion .duo, body.v2 #browse.v2NoRegion #watchBtn { display: none !important; }
  body.v2 .subInfo { margin-top: 10px; border: 0; padding: 0; }
  body.v2 .subInfo .nearHead b { font-size: 16px; }
  body.v2 #detail .back { margin-bottom: 6px; }
  body.v2 #detail .pTitle { font-size: 26px; }
  body.v2 .near { margin-top: 10px; }
  body.v2 .eqDl { padding: 8px 10px; }

  /* 지도 위 안내 문구(hint)가 카드에 가리지 않게 */
  body.v2 #hint { top: 64px; }
}