/* =====================================================
BUSINESSBRIDGE CHINA
AUTHENTICATION PAGES
===================================================== */



/* =====================
AUTH PAGE
===================== */


.auth-page{

    margin:0;

    min-height:100vh;

    background:#f5f7fa;

    color:var(--navy);

}



.auth-main{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:50px 20px;

    box-sizing:border-box;

}



.auth-container{

    width:100%;

    max-width:480px;

}





/* =====================
AUTH CARD
===================== */


.auth-card{

    width:100%;

    padding:40px;

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:12px;

    box-sizing:border-box;

    box-shadow:0 8px 28px rgba(15,23,42,.06);

}





/* =====================
AUTH HEADER
===================== */


.auth-header{

    margin-bottom:30px;

    text-align:center;

}



.auth-logo-link{

    display:inline-block;

    margin-bottom:24px;

    text-decoration:none;

}



.auth-brand{

    font-size:20px;

    font-weight:700;

    color:var(--navy);

}



.auth-header h1{

    margin:0;

    font-size:28px;

    line-height:1.25;

    color:var(--navy);

}



.auth-header p{

    margin:10px auto 0;

    max-width:360px;

    font-size:14px;

    line-height:1.6;

    color:var(--text-gray);

}





/* =====================
AUTH FORM
===================== */


.auth-form{

    width:100%;

}



.auth-form-group{

    margin-bottom:20px;

}



.auth-form-group label{

    display:block;

    margin-bottom:8px;

    font-size:14px;

    font-weight:600;

    color:var(--navy);

}





/* =====================
AUTH INPUTS
===================== */


.auth-input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #d9dee8;

    border-radius:8px;

    background:#fff;

    color:var(--navy);

    font-family:inherit;

    font-size:14px;

    box-sizing:border-box;

    transition:border-color .2s ease,
               box-shadow .2s ease;

}



.auth-input::placeholder{

    color:#9ca3af;

    opacity:1;

}



.auth-input:focus{

    outline:none;

    border-color:var(--green);

    box-shadow:0 0 0 3px rgba(22,163,74,.08);

}





/* =====================
PASSWORD FIELD
===================== */


.auth-password-wrapper{

    position:relative;

}



.auth-password-wrapper .auth-input{

    padding-right:48px;

}



.auth-password-toggle{

    position:absolute;

    top:50%;

    right:8px;

    transform:translateY(-50%);

    width:34px;

    height:34px;

    padding:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:6px;

    background:transparent;

    color:#8b95a5;

    font-size:14px;

    cursor:pointer;

    transition:.2s ease;

}



.auth-password-toggle:hover{

    background:#f3f4f6;

    color:var(--green);

}



.auth-password-toggle:focus{

    outline:none;

}





/* =====================
FIELD ERROR
===================== */


.auth-field-error{

    display:none;

    margin-top:6px;

    font-size:12px;

    line-height:1.4;

    color:#dc2626;

}



.auth-field-error.is-visible{

    display:block;

}



.auth-input.has-error{

    border-color:#dc2626;

}



.auth-input.has-error:focus{

    border-color:#dc2626;

    box-shadow:0 0 0 3px rgba(220,38,38,.08);

}





/* =====================
GENERAL AUTH MESSAGE
===================== */


.auth-message{

    display:none;

    margin-bottom:20px;

    padding:11px 14px;

    border:1px solid transparent;

    border-radius:8px;

    font-size:13px;

    line-height:1.5;

}



.auth-message.is-visible{

    display:block;

}



.auth-message.is-error{

    background:#fef2f2;

    border-color:#fecaca;

    color:#b91c1c;

}



.auth-message.is-success{

    background:#f0fdf4;

    border-color:#bbf7d0;

    color:#15803d;

}



.auth-message.is-info{

    background:#f8fafc;

    border-color:#e2e8f0;

    color:#475569;

}





/* =====================
LOGIN OPTIONS
===================== */


.auth-options{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-top:2px;

    margin-bottom:24px;

}



.auth-checkbox{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--text-gray);

    font-size:13px;

    cursor:pointer;

}



.auth-checkbox input{

    width:16px;

    height:16px;

    margin:0;

    accent-color:var(--green);

    cursor:pointer;

}



.auth-forgot-link{

    color:var(--green);

    font-size:13px;

    font-weight:600;

    text-decoration:none;

}



.auth-forgot-link:hover{

    text-decoration:underline;

}





/* =====================
SUBMIT BUTTON
===================== */


.auth-submit-btn{

    width:100%;

    min-height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    border:none;

    font-family:inherit;

    font-size:14px;

    font-weight:600;

}



.auth-submit-loading{

    display:none;

}



.auth-submit-btn.is-loading
.auth-submit-text{

    display:none;

}



.auth-submit-btn.is-loading
.auth-submit-loading{

    display:inline-flex;

    align-items:center;

    gap:7px;

}



.auth-submit-btn:disabled{

    cursor:not-allowed;

    opacity:.7;

}





/* =====================
AUTH FOOTER
===================== */


.auth-footer{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:5px;

    margin-top:25px;

    padding-top:22px;

    border-top:1px solid #edf0f5;

    font-size:13px;

    color:var(--text-gray);

}



.auth-footer a{

    color:var(--green);

    font-weight:600;

    text-decoration:none;

}



.auth-footer a:hover{

    text-decoration:underline;

}





/* =====================
SUPPLIER ELIGIBILITY NOTE
===================== */


.auth-info-note{

    display:flex;

    align-items:flex-start;

    gap:9px;

    margin-top:20px;

    padding:12px 14px;

    border:1px solid #e2e8f0;

    border-radius:8px;

    background:#f8fafc;

}



.auth-info-note i{

    margin-top:3px;

    flex-shrink:0;

    color:var(--green);

    font-size:14px;

}



.auth-info-note p{

    margin:0;

    font-size:12px;

    line-height:1.55;

    color:var(--text-gray);

}





/* =====================
REQUIRED FIELD STAR
===================== */


.auth-form .required-star{

    margin-left:3px;

    color:#dc2626;

    font-weight:700;

}





/* =====================================================
AUTH CODE / VERIFICATION
PREPARED FOR EMAIL + 2FA
===================================================== */


.auth-code-input{

    width:100%;

    height:48px;

    padding:0 14px;

    border:1px solid #d9dee8;

    border-radius:8px;

    background:#fff;

    color:var(--navy);

    font-family:inherit;

    font-size:18px;

    font-weight:600;

    letter-spacing:6px;

    text-align:center;

    box-sizing:border-box;

}



.auth-code-input:focus{

    outline:none;

    border-color:var(--green);

    box-shadow:0 0 0 3px rgba(22,163,74,.08);

}





/* =====================
AUTH SECONDARY ACTION
===================== */


.auth-secondary-action{

    margin-top:16px;

    text-align:center;

    font-size:13px;

    color:var(--text-gray);

}



.auth-secondary-action button,
.auth-secondary-action a{

    padding:0;

    border:none;

    background:none;

    color:var(--green);

    font-family:inherit;

    font-size:13px;

    font-weight:600;

    text-decoration:none;

    cursor:pointer;

}



.auth-secondary-action button:hover,
.auth-secondary-action a:hover{

    text-decoration:underline;

}





/* =====================================================
SIGNUP SUPPORT
READY FOR NEXT PAGE
===================================================== */


.auth-card.auth-card-wide{

    padding:40px;

}



.auth-container.auth-container-wide{

    max-width:720px;

}



.auth-form-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:0 20px;

}



.auth-form-group.auth-full-width{

    grid-column:1 / -1;

}





/* =====================
READONLY FIELD
===================== */


.auth-input[readonly]{

    background:#f8fafc;

    color:#64748b;

    cursor:default;

}





/* =====================
TERMS / LONG CHECKBOX
===================== */


.auth-checkbox.auth-checkbox-long{

    align-items:flex-start;

    line-height:1.5;

}



.auth-checkbox.auth-checkbox-long input{

    margin-top:2px;

    flex-shrink:0;

}



.auth-checkbox a{

    color:var(--green);

    font-weight:600;

    text-decoration:none;

}



.auth-checkbox a:hover{

    text-decoration:underline;

}





/* =====================================================
TABLET
===================================================== */


@media(max-width:768px){


.auth-main{

    padding:35px 18px;

}



.auth-card{

    padding:32px;

}



.auth-card.auth-card-wide{

    padding:32px;

}



.auth-form-grid{

    grid-template-columns:1fr;

}



.auth-form-group.auth-full-width{

    grid-column:auto;

}


}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-main{

    align-items:flex-start;

    padding:25px 14px;

}



.auth-card{

    padding:26px 20px;

    border-radius:10px;

}



.auth-card.auth-card-wide{

    padding:26px 20px;

}



.auth-logo-link{

    margin-bottom:20px;

}



.auth-header{

    margin-bottom:25px;

}



.auth-header h1{

    font-size:24px;

}



.auth-header p{

    font-size:13px;

}



.auth-options{

    gap:12px;

}



.auth-checkbox,
.auth-forgot-link{

    font-size:12px;

}



.auth-footer{

    margin-top:22px;

    padding-top:20px;

}



.auth-info-note{

    margin-top:18px;

}


}

/* =====================================================
SUPPLIER SIGNUP - MULTI STEP
===================================================== */


/* =====================
SIGNUP NOTE
===================== */


.supplier-signup-note{

    margin-top:0;

    margin-bottom:24px;

}







/* =====================
PROGRESS
===================== */


.auth-progress{

    margin-bottom:26px;

}



.auth-progress-info{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:9px;

}



.auth-current-step{

    font-size:13px;

    font-weight:600;

    color:var(--green);

}



.auth-step-label{

    font-size:13px;

    font-weight:600;

    color:var(--navy);

    text-align:right;

}



.auth-progress-track{

    width:100%;

    height:5px;

    overflow:hidden;

    border-radius:20px;

    background:#e5e7eb;

}



.auth-progress-bar{

    width:33.333%;

    height:100%;

    border-radius:20px;

    background:var(--green);

    transition:width .3s ease;

}







/* =====================
SIGNUP STEPS
===================== */


.auth-step{

    display:none;

}



.auth-step.is-active{

    display:block;

}







/* =====================
STEP FIELDS
===================== */


.auth-step .auth-form-group{

    margin-bottom:18px;

}



.auth-step .auth-form-group:last-of-type{

    margin-bottom:0;

}







/* =====================
STEP ACTIONS
===================== */


.auth-step-actions{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-top:26px;

}



.auth-step-actions-end{

    justify-content:flex-end;

}



.auth-step-actions .btn{

    width:auto;

    min-width:100px;

    min-height:40px;

    padding:0 16px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    font-family:inherit;

    font-size:13px;

    font-weight:600;

    border-radius:7px;

}



.auth-step-actions .btn-primary{

    border:none;

}



.auth-step-actions .auth-submit-btn{

    width:auto;

    min-width:150px;

}







/* =====================
SIGNUP READONLY COUNTRY
===================== */


#supplierCountry{

    background:#f8fafc;

    color:#64748b;

    cursor:default;

}







/* =====================
SIGNUP TERMS
===================== */


#supplierSignupStep3 .auth-checkbox-long{

    align-items:flex-start;

    line-height:1.55;

}



#supplierSignupStep3 .auth-checkbox-long input{

    margin-top:2px;

    flex-shrink:0;

}



#supplierSignupStep3 .auth-checkbox-long span{

    flex:1;

}



#supplierSignupStep3 .auth-checkbox-long a{

    color:var(--green);

    font-weight:600;

    text-decoration:none;

}



#supplierSignupStep3 .auth-checkbox-long a:hover{

    text-decoration:underline;

}







/* =====================
SIGNUP FIELD ERRORS
===================== */


.auth-step .auth-field-error{

    margin-top:6px;

}







/* =====================
STEP TRANSITION
OPTIONAL VISUAL POLISH
===================== */


.auth-step.is-active{

    animation:authStepFade .2s ease;

}



@keyframes authStepFade{


from{

    opacity:0;

    transform:translateY(4px);

}


to{

    opacity:1;

    transform:translateY(0);

}


}







/* =====================================================
TABLET
===================================================== */


@media(max-width:768px){


.auth-progress{

    margin-bottom:22px;

}



.auth-step-actions{

    margin-top:22px;

}


}







/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.supplier-signup-note{

    margin-bottom:20px;

}



.auth-progress{

    margin-bottom:22px;

}



.auth-progress-info{

    gap:10px;

}



.auth-current-step,
.auth-step-label{

    font-size:12px;

}



.auth-step .auth-form-group{

    margin-bottom:16px;

}



.auth-step-actions{

    gap:10px;

    margin-top:22px;

}



.auth-step-actions .btn{

    min-width:0;

    flex:1;

}



.auth-step-actions-end .btn{

    flex:0 0 auto;

    min-width:110px;

}



.auth-step-actions .auth-submit-btn{

    min-width:0;

    flex:1;

}


}

/* =====================================================
EMAIL VERIFICATION
===================================================== */


/* =====================
VERIFICATION INFO
===================== */


.auth-verification-note{

    margin-top:0;

    margin-bottom:24px;

    align-items:center;

}



.auth-verification-note i{

    margin-top:0;

}



.auth-verification-note p{

    flex:1;

}



.auth-verification-note strong{

    color:var(--navy);

    font-weight:600;

}





/* =====================
VERIFICATION CODE
===================== */


#emailVerificationCode{

    height:52px;

    padding:0 16px;

    font-size:20px;

    font-weight:600;

    letter-spacing:8px;

    text-align:center;

}



#emailVerificationCode::placeholder{

    color:#c3c8d0;

    letter-spacing:8px;

}





/* =====================
RESEND SECTION
===================== */


.auth-resend-section{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:5px;

    margin-top:20px;

}



.auth-resend-btn{

    padding:0;

    border:none;

    background:none;

    color:var(--green);

    font-family:inherit;

    font-size:13px;

    font-weight:600;

    cursor:pointer;

}



.auth-resend-btn:hover{

    text-decoration:underline;

}



.auth-resend-btn:disabled{

    color:#9ca3af;

    cursor:default;

    text-decoration:none;

}



.auth-resend-timer{

    font-size:12px;

    color:#8b95a5;

}





/* =====================
CHANGE EMAIL BUTTON
===================== */


.auth-change-email-btn{

    padding:0;

    border:none;

    background:none;

    color:var(--green);

    font-family:inherit;

    font-size:13px;

    font-weight:600;

    cursor:pointer;

}



.auth-change-email-btn:hover{

    text-decoration:underline;

}





/* =====================
CHANGE EMAIL PANEL
===================== */


.auth-inline-panel{

    display:none;

    margin-top:20px;

    padding:18px;

    border:1px solid #e5e7eb;

    border-radius:8px;

    background:#f8fafc;

}



.auth-inline-panel.is-visible{

    display:block;

}



.auth-inline-panel .auth-form-group{

    margin-bottom:16px;

}



.auth-inline-panel .auth-form-group label{

    display:block;

    margin-bottom:8px;

    font-size:14px;

    font-weight:600;

    color:var(--navy);

}





/* =====================
CHANGE EMAIL ACTIONS
===================== */


.auth-inline-actions{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:10px;

}



.auth-inline-actions .btn{

    width:auto;

    min-width:100px;

    min-height:38px;

    padding:0 14px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-family:inherit;

    font-size:13px;

    font-weight:600;

    border-radius:7px;

}





/* =====================
VERIFICATION SUBMIT
===================== */


#emailVerificationSubmit{

    margin-top:4px;

}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-verification-note{

    margin-bottom:20px;

}



#emailVerificationCode{

    height:50px;

    font-size:18px;

    letter-spacing:6px;

}



#emailVerificationCode::placeholder{

    letter-spacing:6px;

}



.auth-inline-panel{

    padding:16px;

}



.auth-inline-actions{

    gap:8px;

}



.auth-inline-actions .btn{

    flex:1;

    min-width:0;

}


}

/* =====================================================
FORGOT PASSWORD
===================================================== */


/* =====================
PASSWORD RESET INFO NOTE
===================== */


.auth-password-reset-note{

    margin-top:0;

    margin-bottom:24px;

    align-items:flex-start;

}



.auth-password-reset-note i{

    margin-top:3px;

}



.auth-password-reset-note p{

    flex:1;

}





/* =====================
FORGOT PASSWORD FORM
===================== */


.auth-forgot-password
#forgotPasswordForm{

    margin-top:0;

}



.auth-forgot-password
#forgotPasswordSubmit{

    margin-top:4px;

}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-password-reset-note{

    margin-bottom:20px;

}


}

/* =====================================================
RESET PASSWORD
===================================================== */


/* =====================
SECURITY NOTE
===================== */


.auth-reset-password-note{

    margin-top:0;

    margin-bottom:24px;

    align-items:flex-start;

}



.auth-reset-password-note i{

    margin-top:3px;

}



.auth-reset-password-note p{

    flex:1;

}





/* =====================
RESET PASSWORD FORM
===================== */


.auth-reset-password
#resetPasswordForm{

    margin-top:0;

}



.auth-reset-password
#resetPasswordSubmit{

    margin-top:4px;

}





/* =====================
EXPIRED / INVALID TOKEN
===================== */


.auth-reset-expired{

    display:none;

    padding:20px;

    border:1px solid #fecaca;

    border-radius:8px;

    background:#fef2f2;

    text-align:center;

}



.auth-reset-expired.is-visible{

    display:block;

}



.auth-reset-expired > i{

    margin-bottom:10px;

    color:#dc2626;

    font-size:22px;

}



.auth-reset-expired p{

    margin:0 0 16px;

    color:#b91c1c;

    font-size:13px;

    line-height:1.55;

}



.auth-reset-expired .btn{

    width:auto;

    min-height:40px;

    padding:0 16px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-family:inherit;

    font-size:13px;

    font-weight:600;

}





/* =====================
SUCCESS STATE
===================== */


.auth-reset-password-success{

    display:none;

    padding:20px;

    border:1px solid #bbf7d0;

    border-radius:8px;

    background:#f0fdf4;

    text-align:center;

}



.auth-reset-password-success.is-visible{

    display:block;

}



.auth-reset-password-success > i{

    margin-bottom:10px;

    color:#15803d;

    font-size:22px;

}



.auth-reset-password-success p{

    margin:0;

    color:#15803d;

    font-size:13px;

    line-height:1.55;

}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-reset-password-note{

    margin-bottom:20px;

}



.auth-reset-expired{

    padding:18px 16px;

}


}
/* =====================================================
LOGIN TWO-FACTOR VERIFICATION
===================================================== */


/* =====================
2FA INFO NOTE
===================== */


.auth-two-factor-note{

    margin-top:0;

    margin-bottom:24px;

    align-items:center;

}



.auth-two-factor-note i{

    margin-top:0;

}



.auth-two-factor-note p{

    flex:1;

}



.auth-two-factor-note strong{

    color:var(--navy);

    font-weight:600;

}





/* =====================
2FA CODE FIELD
===================== */


#loginTwoFactorCode{

    height:52px;

    padding:0 16px;

    font-size:20px;

    font-weight:600;

    letter-spacing:8px;

    text-align:center;

}



#loginTwoFactorCode::placeholder{

    color:#c3c8d0;

    letter-spacing:8px;

}





/* =====================
2FA SUBMIT
===================== */


#twoFactorSubmit{

    margin-top:4px;

}





/* =====================
2FA RESEND
===================== */


.auth-two-factor
.auth-resend-section{

    margin-top:20px;

}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-two-factor-note{

    margin-bottom:20px;

}



#loginTwoFactorCode{

    height:50px;

    font-size:18px;

    letter-spacing:6px;

}



#loginTwoFactorCode::placeholder{

    letter-spacing:6px;

}


}

/* =====================================================
AUTH ACCOUNT SWITCH
SUPPLIER / CLIENT
===================================================== */


.auth-account-switch{

    margin-top:16px;

    padding-top:16px;

    border-top:1px solid #e5e7eb;

    text-align:center;

    font-size:13px;

    color:#6b7280;

}



.auth-account-switch span{

    margin-right:4px;

}



.auth-account-switch a{

    color:var(--green);

    font-weight:600;

    text-decoration:none;

}



.auth-account-switch a:hover{

    text-decoration:underline;

}





/* =====================================================
CLIENT LOGIN
===================================================== */


/*
Client login intentionally uses the same
card, fields, buttons and spacing as
Supplier Login.

No separate sizing rules are required.
*/


.auth-client-login
.auth-submit-btn{

    margin-top:4px;

}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-account-switch{

    margin-top:14px;

    padding-top:14px;

    font-size:12px;

}


}

/* =====================================================
CLIENT SIGNUP
===================================================== */


/* =====================
CLIENT SIGNUP PROGRESS
===================== */


/*
The general .auth-progress styles are shared
with Supplier Signup.

Only page-specific adjustments belong here.
*/


.auth-client-signup
.auth-progress{

    margin-bottom:26px;

}





/* =====================
CLIENT SIGNUP STEPS
===================== */


.auth-client-signup
.auth-step{

    display:none;

}



.auth-client-signup
.auth-step.is-active{

    display:block;

}





/* =====================
CLIENT SIGNUP FIELDS
===================== */


.auth-client-signup
.auth-step .auth-form-group{

    margin-bottom:18px;

}



.auth-client-signup
.auth-step .auth-form-group:last-of-type{

    margin-bottom:0;

}





/* =====================
COUNTRY SELECT
===================== */


.auth-client-signup
#clientCountry{

    width:100%;

    cursor:pointer;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    padding-right:50px;

    background-image:
    linear-gradient(
        45deg,
        transparent 50%,
        #7b8494 50%
    ),
    linear-gradient(
        135deg,
        #7b8494 50%,
        transparent 50%
    );

    background-position:
    calc(100% - 24px) 50%,
    calc(100% - 19px) 50%;

    background-size:
    5px 5px,
    5px 5px;

    background-repeat:no-repeat;

}





/* =====================
OPTIONAL FIELD LABELS
===================== */


.auth-client-signup
label{

    font-family:inherit;

}





/* =====================
STEP ACTIONS
===================== */


/*
.auth-step-actions,
.auth-step-actions-end,
.auth-step-next and
.auth-step-back

already use the Supplier Signup
multi-step styles.
*/


.auth-client-signup
.auth-step-actions{

    margin-top:26px;

}





/* =====================
CREATE ACCOUNT BUTTON
===================== */


.auth-client-signup
#clientSignupSubmit{

    width:auto;

    min-width:150px;

}





/* =====================
TERMS
===================== */


.auth-client-signup
.auth-checkbox-long{

    align-items:flex-start;

    line-height:1.55;

}



.auth-client-signup
.auth-checkbox-long input{

    margin-top:2px;

    flex-shrink:0;

}



.auth-client-signup
.auth-checkbox-long span{

    flex:1;

}



.auth-client-signup
.auth-checkbox-long a{

    color:var(--green);

    font-weight:600;

    text-decoration:none;

}



.auth-client-signup
.auth-checkbox-long a:hover{

    text-decoration:underline;

}





/* =====================================================
MOBILE
===================================================== */


@media(max-width:500px){


.auth-client-signup
.auth-progress{

    margin-bottom:22px;

}



.auth-client-signup
.auth-step .auth-form-group{

    margin-bottom:16px;

}



.auth-client-signup
.auth-step-actions{

    margin-top:22px;

}



.auth-client-signup
#clientSignupSubmit{

    min-width:0;

    flex:1;

}


}