/* features/conflict-popup — 근접경보 3D 재현 팝업 (2026-10-01)
   ⚠ z-index는 경보 창(#alertPopover)·지도 컨트롤보다 위여야 한다 — index.html 안의 최댓값이 3000이다.
   v2: 자리·크기는 JS가 left/top/width/height로 준다(끌기·모서리 크기 조절). 폰(≤760px)은 전체 화면. */
.cpop-back{position:fixed; inset:0; z-index:4000; background:rgba(2,6,23,.45)}
.cpop-back.cpop-busy{cursor:move; user-select:none}
.cpop{position:absolute; display:flex; flex-direction:column; overflow:hidden;
  border-radius:10px; background:var(--bg-surface-elevated,#fff); color:var(--text-primary,#0f172a);
  border:1px solid var(--border-medium,#cbd5e1); box-shadow:0 18px 50px rgba(0,0,0,.35)}
.cpop-hd{flex:none; display:flex; align-items:center; gap:10px; height:34px; padding:0 6px 0 12px;
  border-bottom:1px solid var(--border-subtle,#e2e8f0); font-size:var(--fs-md,12px);
  cursor:move; user-select:none; touch-action:none}
.cpop-hint{font-size:var(--fs-xs,10px); color:var(--text-tertiary,#64748b); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis}
.cpop-sp{flex:1}
.cpop-tab{font-size:var(--fs-sm,11px); color:var(--accent-cyan,#0284c7); text-decoration:none; white-space:nowrap; cursor:pointer}
.cpop-tab:hover{text-decoration:underline}
.cpop-x{flex:none; width:26px; height:26px; padding:0; border:0; border-radius:6px; background:transparent; cursor:pointer;
  font-size:18px; line-height:26px; text-align:center; color:var(--text-secondary,#475569)}
.cpop-x:hover{background:var(--bg-hover,#f1f5f9)}
.cpop-fr{flex:1 1 auto; width:100%; min-height:0; border:0; display:block; background:var(--bg-space,#eef2f6)}
/* 크기 조절 손잡이 — iframe 위에 얹는다(iframe 안으로는 이벤트가 안 온다) */
.cpop-rs{position:absolute; right:0; bottom:0; width:18px; height:18px; z-index:2; cursor:nwse-resize; touch-action:none;
  background:linear-gradient(135deg, transparent 0 55%, var(--text-tertiary,#94a3b8) 55% 62%, transparent 62% 72%,
    var(--text-tertiary,#94a3b8) 72% 79%, transparent 79%)}
/* 행의 「3D」 단추 — ah-compact가 글자(.ah-lb)를 감추므로 아이콘 칸에 글자를 넣는다
   ⚠ 선택자를 한 단 높인다 — alert-history.css(뒤에 실림)의 .ah-compact .ah-btns button{width:26px}을 이겨야 한다 */
.ah-root .ah-btns button.cpop-btn{width:auto; padding:0 7px; font-weight:800; letter-spacing:.02em}
/* 관리자 표시 알약 (2026-10-01) — 랜딩 「관리자 모드」(.tb-beta)와 같은 주황. 글자 #7c2d12 on #fdba74 명도비 5.6:1 */
.ah-root .ah-btns button.cpop-btn{display:inline-flex; align-items:center; gap:5px}
.cpop-adm{display:inline-block; padding:1px 5px; border-radius:999px; background:#fdba74; color:#7c2d12;
  font-size:9.5px; font-weight:800; line-height:1.4; letter-spacing:0; white-space:nowrap}
@media (max-width:760px){
  .cpop{left:0 !important; top:0 !important; width:100vw !important; height:100dvh !important; border-radius:0; border:0}
  .cpop-hd{cursor:default}
  .cpop-hint, .cpop-rs{display:none}
}