/* 공통 모달 다이얼로그 스타일 */
#sdgOverlay{position:fixed; inset:0; background:rgba(0,0,0,0.5); display:none; z-index:9998;}
#sdgModal{position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:480px; background:#fff; border-radius:12px; box-shadow:0 8px 16px rgba(0,0,0,0.12); display:none; z-index:9999;}
/* ★확인창은 화면 높이를 넘지 않는다 — 문구만 스크롤하고 버튼 줄은 늘 보인다.
   폰 글자 크기를 키우면 해지 문구(사용분·위약금·재신청·되돌릴 수 없음)가 화면보다 길어져
   가운데 고정 창의 아래쪽 [해지하기]가 화면 밖으로 밀렸고, 뒤 화면 스크롤도 잠겨 누를 길이 없었다(2026-10-31 #153).
   100% 배율에서는 max-height 에 닿지 않아 수정 전과 같다. */
#sdgModal .sdg__inner{padding:20px; box-sizing:border-box; display:flex; flex-direction:column; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px);}
#sdgModal .sdg__body{margin-bottom:16px; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
/* margin:0 — 본문이 스크롤 상자라 p 기본 여백이 본문 margin 과 더는 겹치지 않는다. 앱은 default.css 가 이미 0 이고,
   리셋이 없는 화면(매니저 연차)도 같은 간격이 되게 여기서 정한다 */
#sdgModal .sdg__message{margin:0; color:#1C1C1D; font-size:16px; font-weight:600; line-height:1.5; white-space:pre-line;}
#sdgModal .sdg__buttons{display:flex; gap:8px; justify-content:flex-end; flex-shrink:0;}
/* min-height — 고정 height 면 키운 글자가 버튼 밖으로 넘친다 */
#sdgModal .sdg__btn{min-width:84px; min-height:40px; border-radius:8px; border:1px solid #E5E5EC; background:#fff; color:#1C1C1D; font-weight:600; cursor:pointer;}
#sdgModal .sdg__btn--ok{background:#004AAD; color:#fff; border-color:#004AAD;}
#sdgModal .sdg__btn--cancel{background:#F8F8FA; color:#7E8389;}