/* 비밀번호 재설정 모달 — 공통 (bootstrap 비의존, CSP unsafe-inline 0) */
#pwResetModal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1080; overflow-y: auto; background: rgba(0,0,0,.5); }
#pwResetModal.is-open { display: block; }
#pwResetModal .modal-dialog { max-width: 500px; margin: 48px auto; }
#pwResetModal .modal-content { border: none; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.2); }
#pwResetModal .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px 16px; border-bottom: none; }
#pwResetModal .modal-title { font-size: 18px; font-weight: bold; color: #00609B; }
#pwResetModal .modal-header .close { padding: 0; margin: 0; font-size: 24px; line-height: 1; color: #999; opacity: 1; background: none; border: none; cursor: pointer; }
#pwResetModal .modal-body { padding: 0 24px 20px; }
#pwResetModal .form-group { display: flex; align-items: center; margin-bottom: 16px; }
#pwResetModal .form-group:last-of-type { margin-bottom: 0; }
#pwResetModal .auth-code-group { display: none; }
#pwResetModal .auth-code-group.is-show { display: flex; }
#pwResetModal .form-group label { flex: 0 0 120px; margin: 0 12px 0 0; font-size: 14px; font-weight: bold; color: #333; }
#pwResetModal .form-field { flex: 1; min-width: 0; }
#pwResetModal .form-control { width: 100%; height: 44px; padding: 0 14px; font-size: 14px; color: #333; background: #fff; border: 1px solid #ddd; border-radius: 6px; }
#pwResetModal .input-group { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; }
#pwResetModal .input-group > .form-control { width: 1%; flex: 1 1 auto; min-width: 0; }
#pwResetModal .input-group-append { display: flex; flex: 0 0 auto; flex-shrink: 0; }
#pwResetModal .form-control:focus { border-color: #00609B; box-shadow: none; outline: none; }
#pwResetModal .form-control[readonly] { background: #f5f5f5; color: #666; }
#pwResetModal .input-group .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#pwResetModal .input-group-append .btn-auth { flex-shrink: 0; min-width: 110px; height: 44px; padding: 0 12px; font-size: 13px; font-weight: normal; color: #004d7a; background: #fff; border: 1px solid #ddd; border-left: none; border-radius: 0 6px 6px 0; white-space: nowrap; cursor: pointer; }
#pwResetModal .input-group-append .btn-auth:hover { background: #f8f8f8; color: #333; }
#pwResetModal .input-group-append .btn-auth:disabled { color: #aaa; cursor: default; }
#pwResetModal .modal-footer { padding: 0 24px 24px; border-top: none; }
#pwResetModal .modal-footer .btn-confirm { width: 100%; height: 48px; font-size: 16px; font-weight: bold; color: #fff; background: #00609B; border: none; border-radius: 6px; cursor: pointer; }
#pwResetModal .modal-footer .btn-confirm:hover { background: #004d7a; color: #fff; }
#pwResetModal .pw-reset-info { font-size: 14px; color: #888; }
@media (max-width: 768px) {
    #pwResetModal .modal-dialog { margin: 16px; }
    #pwResetModal .modal-header { padding: 16px 20px 12px; }
    #pwResetModal .modal-body { padding: 0 20px 16px; }
    #pwResetModal .modal-footer { padding: 0 20px 20px; }
    #pwResetModal .form-group { flex-direction: column; align-items: stretch; }
    #pwResetModal .form-group label { flex: none; width: 100%; margin: 0 0 8px 0; }
    #pwResetModal .input-group-append .btn-auth { min-width: 96px; padding: 0 8px; font-size: 12px; }
}