.zpro-login-status {
    display: block;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.zpro-login-status[hidden] {
    display: none;
}

.zpro-login-status.is-loading {
    border-color: rgba(13, 110, 253, 0.22);
    background: rgba(13, 110, 253, 0.08);
    color: #084298;
}

.zpro-login-status.is-error {
    border-color: rgba(220, 53, 69, 0.24);
    background: rgba(220, 53, 69, 0.08);
    color: #842029;
}

.zpro-login-status.is-success {
    border-color: rgba(25, 135, 84, 0.24);
    background: rgba(25, 135, 84, 0.08);
    color: #0f5132;
}

#account-from .form-control.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.12);
}

#account-from #click-submit[aria-busy="true"] {
    cursor: wait;
    opacity: 0.86;
}

#account-from #captcha-img[aria-busy="true"] {
    cursor: wait;
    opacity: 0.55;
}

[data-bs-theme="dark"] .zpro-login-status.is-loading {
    border-color: rgba(110, 168, 254, 0.3);
    background: rgba(13, 110, 253, 0.16);
    color: #9ec5fe;
}

[data-bs-theme="dark"] .zpro-login-status.is-error {
    border-color: rgba(234, 134, 143, 0.32);
    background: rgba(220, 53, 69, 0.16);
    color: #f1aeb5;
}

[data-bs-theme="dark"] .zpro-login-status.is-success {
    border-color: rgba(117, 183, 152, 0.3);
    background: rgba(25, 135, 84, 0.16);
    color: #a3cfbb;
}