/* 회원탈퇴(/withdraw). 공용 틀(central-quasar.css)의 인증 카드 클래스를 그대로 쓰고, 탈퇴에만 필요한 것만 더한다. */

.qz-withdraw [hidden] {
    display: none !important;
}

.qz-withdraw .wd-notice {
    margin-top: 4px;
    padding: 16px 18px;
    border: 1px solid var(--qz-line);
    border-radius: 10px;
    background: var(--qz-bg-deep);
    font-size: 13px;
    line-height: 20px;
    color: var(--qz-text);
}

.qz-withdraw .wd-notice > b {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
}

.qz-withdraw .wd-notice ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.qz-withdraw .wd-notice li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.qz-withdraw .wd-notice li > i {
    flex: 0 0 18px;
    margin-top: 1px;
    font-size: 18px;
    color: var(--qz-accent);
}

.qz-withdraw .wd-notice li > span > b {
    display: block;
    color: #fff;
    font-weight: 700;
}

.qz-withdraw .wd-notice a {
    color: var(--qz-accent);
    text-decoration: underline;
}

/* 안내 상자 바로 아래 단계 제목이 붙어 보이지 않게 띄운다. */
.qz-withdraw .public-form-message + .qz-step-head,
.qz-withdraw .qz-verify-panel + .public-form-message + .qz-step-head {
    margin-top: 22px;
}

.qz-withdraw .wd-tabs {
    margin-top: 12px;
    /* 좁은 화면에서 두 번째 탭이 화면 밖으로 밀리지 않게 줄바꿈을 허용한다. */
    flex-wrap: wrap;
    overflow-x: visible;
}

/* 되돌릴 수 없는 동작이라 확인 버튼은 강조색(주황)이 아니라 경고색으로 구분한다. */
.qz-site .qz-withdraw .qz-auth-submit.wd-danger {
    background: #d64545;
    color: #fff;
}

.qz-site .qz-withdraw .qz-auth-submit.wd-danger:hover {
    background: #e25a5a;
}

.qz-site .qz-withdraw .qz-auth-submit.wd-danger[disabled] {
    background: #5b3a3a;
    color: #cfa9a9;
}

.qz-withdraw .qz-field-help {
    display: block;
    margin-top: 12px;
}

.qz-withdraw .wd-account {
    cursor: pointer;
}

.qz-withdraw .wd-account input[type="radio"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #d64545;
}

.qz-withdraw .wd-account:has(input:checked) {
    border-color: #d64545;
    background: rgba(214, 69, 69, .08);
}

.qz-withdraw .wd-account .qz-account-state {
    margin-left: auto;
}

.qz-withdraw .wd-help a {
    color: inherit;
}

.qz-withdraw .wd-help a:hover {
    color: var(--qz-accent);
}