.supply-dialog{box-sizing:border-box;width:460px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);border:1px solid #ccd7d2;border-radius:8px;padding:28px 24px;color:#243a32;background:#fff;font:15px/1.6 "Malgun Gothic",sans-serif;overflow:auto;letter-spacing:0}
.supply-dialog::backdrop{background:rgba(0,0,0,.45)}
.supply-dialog h2{font-size:19px;margin:0 28px 24px 0;line-height:1.5}
.supply-dialog label{display:block;margin:16px 0}
.supply-dialog input,.supply-dialog select{box-sizing:border-box;display:block;min-width:0;width:100%;height:44px;padding:8px;border:1px solid #bccdc4;border-radius:4px;font:inherit;background:#fff;color:#243a32}
.supply-dialog .phone-parts{display:grid;grid-template-columns:76px 8px minmax(60px,1fr) 8px minmax(60px,1fr);align-items:center;gap:6px}
.supply-dialog button{cursor:pointer;font:inherit;min-height:40px;padding:8px 12px;border:1px solid #9bb8aa;border-radius:4px;background:#fff;color:#214f3d}
.supply-dialog .supply-primary{display:block;width:100%;background:#087b62;color:#fff;border-color:#087b62;margin:20px 0 12px}
.supply-dialog .supply-close{position:absolute;right:10px;top:8px;font-size:24px;padding:0;width:36px;border:0;background:transparent}
.supply-dialog [hidden]{display:none!important}
#phone-error{color:#b02f35;overflow-wrap:anywhere}#supplyPhoneStatus{display:inline-block;margin:8px;overflow-wrap:anywhere}
.restock-dialog{width:760px;padding:42px 8px 8px}.restock-dialog iframe{width:100%;height:720px;max-height:calc(100dvh - 90px);border:0;display:block}
@media(max-width:480px){.supply-dialog{padding:24px 16px}.supply-dialog .phone-parts{gap:4px;grid-template-columns:70px 6px minmax(50px,1fr) 6px minmax(50px,1fr)}.restock-dialog{padding:42px 4px 4px}}
/* 개발 안내 띠. 서버가 개발용 인증번호를 함께 줄 때만 나타난다.
   운영에서는 그 값이 오지 않아 이 띠도 뜨지 않는다. (2026-09-08) */
.supply-dialog .supply-dev-notice{margin:0 28px 16px 0;padding:10px 12px;border:1px solid #e2c98a;border-radius:6px;background:#fdf7e6;color:#6b5412;font-size:13px;line-height:1.6}
.supply-dialog .supply-dev-notice.shown{border-color:#c9a227;background:#fbeec2;font-weight:700;transition:background .4s ease,border-color .4s ease}

/* 2026-09-14: 인증번호 단계의 읽기 전용 칸(신청자명·휴대폰) */
.supply-dialog input[readonly]{background:#f3f4f3;color:#333;border-color:#d9dcd9}
/* 2026-09-14: 먼저 휴대폰 인증을 하라는 알림 팝업 */
.supply-dialog.supply-notice{width:360px;text-align:center;padding:34px 28px 22px;border:0;border-radius:12px;box-shadow:0 14px 44px rgba(0,0,0,.28)}
.supply-notice-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#e6f4ee;color:#087b62;font:bold 30px/56px "Malgun Gothic",sans-serif}
.supply-dialog.supply-notice p{margin:0 0 4px;font-size:17px;font-weight:bold;line-height:1.5;color:#243a32}
/* 2026-09-14: 인증 창 개인정보 쓰임 안내(발송 기록에 번호가 남으므로 보관 기간은 쓰지 않는다) */
.supply-dialog .supply-privacy-note{margin:-14px 0 14px;color:#5b6b63;font-size:13px;line-height:1.5}
/* 2026-09-14: 인증한 신청자명·휴대폰번호 보기 칸(읽기 전용) */
.supply-verified-view{background:#f3f4f3 !important;color:#333;border:1px solid #d9dcd9;cursor:default}