/* =============================================================================
   운영 관리센터 · 작업위치 도면 관리 (2026-11-21)   js/ops-wpmap-ui.js
   - 범위: .wpmo(운영 관리센터 '작업위치 도면' 구역) 안에서만. 다른 화면에는 영향 없음. 화면 전용(인쇄 대상 아님).
   ========================================================================== */
@media screen {
.wpmo .wpmo-note{margin:10px 0 0;font-weight:500;line-height:1.55;}
.wpmo .field{margin:0 0 12px;}
.wpmo .field input[type=text]{display:block;width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border:1px solid var(--ap-hair,#d2d2d7);border-radius:var(--ap-r-md,12px);background:#fff;font:inherit;}
.wpmo .field input[type=text]:focus{outline:none;border-color:var(--ap-blue-focus,#0071e3);box-shadow:0 0 0 3px rgba(0,113,227,.2);}
.wpmo .field input[type=file]{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px dashed var(--ap-hair,#b8b8be);border-radius:var(--ap-r-md,12px);background:var(--ap-parch,#f5f5f7);font:inherit;}
.wpmo .field label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;}
.wpmo-cur,.wpmo-prev{margin:12px 0 0;border:1px solid var(--line,#e3e3e8);border-radius:var(--ap-r-md,12px);overflow:hidden;background:#f2f2f4;line-height:0;}
.wpmo-cur img,.wpmo-prev img{display:block;width:100%;max-height:420px;object-fit:contain;background:#f2f2f4;}
.wpmo-info{margin:10px 0;font-size:13.5px;line-height:1.55;color:var(--ap-ink-80,#333);word-break:break-all;}
.wpmo-chk{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;}
.wpmo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px;}
.wpmo-card{display:flex;gap:14px;align-items:flex-start;padding:12px;border:1px solid var(--line,#e3e3e8);border-radius:var(--ap-r-lg,16px);background:#fff;}
.wpmo-card.on{border-color:var(--ap-blue,#0066cc);box-shadow:0 0 0 2px rgba(0,102,204,.12);}
.wpmo-th{flex:0 0 200px;display:block;line-height:0;border-radius:var(--ap-r-md,12px);overflow:hidden;background:#f2f2f4;border:1px solid var(--line,#e3e3e8);}
.wpmo-th img{display:block;width:100%;height:150px;object-fit:cover;}
.wpmo-bd{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;}
.wpmo-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;}
.wpmo-top b{font-size:16px;}
.wpmo-pins{color:var(--ap-ink-80,#333);}
.wpmo-card .ops-actions{margin:4px 0 0;}
.wpmo-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wpmo-t{width:100%;border-collapse:collapse;font-size:14px;}
.wpmo-t th,.wpmo-t td{padding:9px 10px;border-top:1px solid var(--ap-divider,#ececf0);text-align:left;vertical-align:top;}
.wpmo-t thead th{border-top:0;font-size:12.5px;color:var(--ap-ink-60,#6e6e73);font-weight:600;}
.wpmo-t tr.cur td{background:#f7faff;}
.wpmo-pv{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;}   /* 모달 폭(720px)이 넉넉하지 않아 지도 위 · 목록 아래 */
.wpmo-pv-map{width:100%;box-sizing:border-box;min-width:0;min-height:260px;border:1px solid var(--line,#e3e3e8);border-radius:var(--ap-r-md,12px);overflow:hidden;}
.wpmo-pv-list{min-width:0;max-height:min(34vh,320px);overflow-y:auto;}
.wpmo-pv-list h5{margin:10px 0 6px;font-size:14px;}
.wpmo-pv-list h5:first-child{margin-top:0;}
.wpmo-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.wpmo-pr{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:8px 10px;border:1px solid var(--line,#e3e3e8);border-radius:var(--ap-r-md,10px);background:#fff;font:inherit;font-size:13.5px;cursor:pointer;}
.wpmo-pr:hover{background:var(--ap-parch,#f5f5f7);}
.wpmo-pr.on{border-color:var(--ap-blue,#0066cc);background:#eef4fd;}
.wpmo-pr:focus-visible{outline:2px solid var(--ap-blue-focus,#0071e3);outline-offset:2px;}
@media (max-width:760px){
  .wpmo-card{flex-direction:column;}
  .wpmo-th{flex:0 0 auto;width:100%;}
  .wpmo-th img{height:auto;max-height:220px;}
  .wpmo-pv-list{max-height:none;}
}
}