.makebox-cert-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999;padding:12px;box-sizing:border-box}
/* hidden 속성이 display:flex 에 덮이지 않도록 결합선택자로 우선순위 확보 (버튼 클릭 전 자동표시 방지) */
.makebox-cert-modal[hidden]{display:none}
/* 모바일 반응형: 화면폭에 맞춰 카드 폭 가변, 길면 카드 내부 스크롤 */
.makebox-cert-card{background:#fff;padding:20px;border-radius:8px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-sizing:border-box}
.makebox-cert-card h3{margin:0 0 12px}
.makebox-cert-card input{width:100%;margin:6px 0;padding:10px;box-sizing:border-box}
.makebox-cert-card button{margin:4px 4px 4px 0;padding:10px 14px;cursor:pointer}
#mbx-otp-row input{width:auto;display:inline-block}
.mbx-contact{font-size:14px;color:#333;margin:4px 0}
.mbx-msg{color:#b32d2e;min-height:1.2em;font-size:13px}
/* 미리보기: 컨테이너(카드) 폭에 맞춰 축소 — 절대 넘치지 않음(반응형) */
#mbx-preview{margin:8px 0}
#mbx-preview canvas,#mbx-preview img{max-width:100%;height:auto;display:block;margin:0 auto;border:1px solid #eee}
/* 출력 버튼: 좁은 화면에서 줄바꿈 */
#mbx-actions{display:flex;flex-wrap:wrap;gap:4px}
.makebox-cert-btn{margin-top:8px}
/* 이름 billing 불일치 soft 경고 */
.mbx-warn{color:#b32d2e;background:#fff3f3;border:1px solid #f3c0c0;border-radius:4px;padding:6px 8px;font-size:13px;margin:4px 0}
/* 발급 전 확인창 */
#mbx-step-confirm h4{margin:4px 0 10px;font-size:15px}
.mbx-confirm{list-style:none;padding:0;margin:0 0 10px;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden}
.mbx-confirm li{display:flex;gap:8px;padding:8px 10px;font-size:14px;border-top:1px solid #f0f0f0}
.mbx-confirm li:first-child{border-top:0}
.mbx-confirm li>span{flex:0 0 70px;color:#777}
.mbx-confirm li>b{flex:1;color:#1a1a1a;word-break:break-all}
.mbx-confirm-note{font-size:12px;color:#888;margin:0 0 10px}
#mbx-confirm-yes{background:#2271b1;color:#fff;border:0;border-radius:4px}
.mbx-btn-sub{background:#f0f0f0;border:0;border-radius:4px}