/* 서브 편집 화면 이미지 칸 "본사 자산에서 고르기"(asset_take.js). 최고관리자 편집 화면에만 실린다.
   창 안의 자산 찾기 부품(asset_pick.css)은 관리 화면 값(--hva-*)을 쓰므로 여기서 같은 값을 준다. hive-ui 클래스는 붙이지 않는다(editor.css 가 단추 색을 덮는다). */
.hat-dlg{--hva-line:#e5e5ea;--hva-tx-1:#1d1d1f;--hva-tx-3:#515154;--hva-tx-4:#6e6e73;--hva-accent:#0066cc;--hva-bg-2:#f5f5f7;
  border:0;border-radius:18px;padding:0;color:#1d1d1f;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28);font:15px/1.55 "Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}
.hat-dlg[open]{position:fixed;inset:0;margin:auto;max-height:calc(100vh - 32px)} /* 사이트 공통 CSS 가 dialog 여백을 0 으로 지워 왼쪽 위에 붙던 것 */
.hat-dlg::backdrop{background:rgba(0,0,0,.42)}
.hat-dlg *{box-sizing:border-box}
.hat-h{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em;color:#1d1d1f}

/* 고르는 곳 창 */
.hat-choose{width:min(440px,calc(100vw - 32px));padding:24px}
.hat-opts{display:grid;gap:10px;margin:18px 0 16px}
.hat-dlg .hat-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:16px 18px;border:1px solid #d2d2d7;border-radius:12px;background:#fff;color:#1d1d1f;text-align:left;font:inherit;cursor:pointer}
.hat-dlg .hat-opt strong{font-size:16px;font-weight:700}
.hat-dlg .hat-opt span{font-size:13px;color:#6e6e73}
.hat-dlg .hat-opt:hover{border-color:#0066cc;background:#f5f9ff}
.hat-dlg .hat-opt:focus-visible,.hat-dlg .hat-x:focus-visible{outline:2px solid #0066cc;outline-offset:2px}
.hat-acts{display:flex;justify-content:flex-end}
.hat-dlg .hat-x{margin:0;padding:8px 16px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;color:#1d1d1f;font:600 14px/1.2 inherit;font-family:inherit;cursor:pointer}
.hat-dlg .hat-x:hover{background:#f5f5f7}

/* 본사 자산 창 */
.hat-pick{width:min(1180px,calc(100vw - 32px));height:min(860px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden}
.hat-pick:not([open]){display:none}
.hat-pick-top{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #e5e5ea}
.hat-pick-top .hat-say{flex:1;margin:0;font-size:14px;color:#0066cc;min-height:1em}
.hat-pick-body{flex:1;overflow:auto;padding:20px 24px 28px}
.hat-wait{margin:40px 0;text-align:center;color:#6e6e73}
.hat-pick.is-busy .hat-pick-body{opacity:.55;pointer-events:none}
.hat-dlg .hva-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:0 18px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;color:#1d1d1f;font:600 14px/1 inherit;font-family:inherit;cursor:pointer}
.hat-dlg .hva-btn.primary{border-color:#0066cc;background:#0066cc;color:#fff}
.hat-dlg .hva-btn.primary:disabled{opacity:.45;cursor:not-allowed}
.hat-dlg .hva-btn:focus-visible{outline:2px solid #0066cc;outline-offset:2px}
@media (max-width:767px){
  .hat-pick,.hat-pick[open]{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}
  .hat-pick-top,.hat-pick-body{padding-left:16px;padding-right:16px}
}