/* /Components/Error401.razor.rz.scp.css */
/* CSS for Error401 component */
.svg-container[b-xqrf692fmc] {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 30px auto;
}

.error-code[b-xqrf692fmc] {
    font-size: 6rem;
    font-weight: 800;
    color: #4f46e5;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
}

.error-title[b-xqrf692fmc] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 15px;
}

.error-message[b-xqrf692fmc] {
    font-size: 1rem;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 30px;
}

.btn-login[b-xqrf692fmc] {
    display: inline-block;
    background-color: #4f46e5;
    color: #ffffff;
    padding: 12px 28px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .btn-login:hover[b-xqrf692fmc] {
        background-color: #4338ca;
    }

    .btn-login:active[b-xqrf692fmc] {
        transform: scale(0.98);
    }
/* /Layout/LoginLayout.razor.rz.scp.css */
/* CSS for LoginLayout component */

.login-page[b-bvjikr3w4c] {
    min-height: 100vh;
    width: 100%;
    display: grid;
    grid-template-columns: 53% 47%;
    background: #ffffff;
}

.login-left[b-bvjikr3w4c] {
    min-height: 100vh;
    background: #ffffff;
    display: flex;
    justify-content: center;
}

.login-container[b-bvjikr3w4c] {
    width: 100%;
    max-width: 533px;
    padding: 48px 0;
}

.login-right[b-bvjikr3w4c] {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #171d57;
    background-image: linear-gradient( rgba(255, 255, 255, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px );
    background-size: 80px 80px;
}

.login-right[b-bvjikr3w4c]::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 115px;
    right: 150px;
    background: rgba(255, 255, 255, 0.035);
}

.login-right[b-bvjikr3w4c]::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 160px;
    left: 160px;
    background: rgba(255, 255, 255, 0.035);
}

.brand-content[b-bvjikr3w4c] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -5px;
}

.brand-icon[b-bvjikr3w4c] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background-color: #5369ff;
    border-radius: 14px;
    color: white;
}

.brand-icon :deep(.mud-icon-root)[b-bvjikr3w4c] {
    font-size: 34px !important;
}

.brand-title[b-bvjikr3w4c] {
    color: #ffffff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 22px;
}

.brand-description[b-bvjikr3w4c] {
    color: #9ca8d4 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    text-align: center;
}

@media (max-width: 1100px) {

    .login-page[b-bvjikr3w4c] {
        grid-template-columns: 1fr;
    }

    .login-right[b-bvjikr3w4c] {
        display: none;
    }

    .login-left[b-bvjikr3w4c] {
        padding: 0 24px;
    }

    .login-container[b-bvjikr3w4c] {
        max-width: 533px;
    }
}

@media (max-width: 600px) {

    .login-container[b-bvjikr3w4c] {
        padding: 30px 0;
    }

    .back-link[b-bvjikr3w4c] {
        margin-bottom: 55px;
    }

    .login-title[b-bvjikr3w4c] {
        font-size: 34px !important;
    }

    .social-buttons[b-bvjikr3w4c] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .separator[b-bvjikr3w4c] {
        margin: 30px 0;
    }

    .login-options[b-bvjikr3w4c] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .forgot-link[b-bvjikr3w4c] {
        align-self: flex-end;
    }
}
/* /Pages/Login/Login.razor.rz.scp.css */
/* CSS for CurrentLogin component */


.login-header[b-yayj6iww6n] {
    margin-bottom: 36px;
}

.login-title[b-yayj6iww6n] {
    color: #111c44 !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    margin-bottom: 12px;
}

.login-subtitle[b-yayj6iww6n] {
    color: #52627a !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.social-buttons[b-yayj6iww6n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.social-button[b-yayj6iww6n] {
    height: 54px !important;
    background-color: #f1f3f6 !important;
    color: #18233d !important;
    box-shadow: none !important;
    border-radius: 9px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.social-button:hover[b-yayj6iww6n] {
    background-color: #e9ecf1 !important;
}

.separator[b-yayj6iww6n] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 38px 0 36px;
}

.separator-line[b-yayj6iww6n] {
    height: 1px;
    flex: 1;
    background-color: #e2e5eb;
}

.separator-text[b-yayj6iww6n] {
    color: #8190a7 !important;
    font-size: 15px !important;
}

.field-container[b-yayj6iww6n] {
    margin-bottom: 25px;
}

.field-label[b-yayj6iww6n] {
    display: block;
    color: #17213d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 9px;
}

.required[b-yayj6iww6n] {
    color: #ff3b30;
    margin-left: 2px;
}

.login-input[b-yayj6iww6n] {
    width: 100%;
}

    .login-input :deep(.mud-input-outlined-border)[b-yayj6iww6n] {
        border-color: #d4dbe5 !important;
        border-radius: 9px !important;
    }

    .login-input :deep(.mud-input-root)[b-yayj6iww6n] {
        min-height: 52px;
    }

    .login-input :deep(input)[b-yayj6iww6n] {
        color: #17213d !important;
        font-size: 15px !important;
    }

    .login-input :deep(input::placeholder)[b-yayj6iww6n] {
        color: #9aa8bc !important;
        opacity: 1;
    }

    .login-input :deep(.mud-input-adornment)[b-yayj6iww6n] {
        color: #8998ad !important;
    }

    .login-input :deep(.mud-icon-button)[b-yayj6iww6n] {
        color: #8998ad !important;
    }

.login-options[b-yayj6iww6n] {
    text-align: end;
    margin-bottom: 24px;
}

.forgot-link[b-yayj6iww6n] {
    color: #465dff !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

    .forgot-link:hover[b-yayj6iww6n] {
        text-decoration: underline;
    }

.sign-in-button[b-yayj6iww6n] {
    height: 53px !important;
    background-color: #4b5ff5 !important;
    color: white !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

    .sign-in-button:hover[b-yayj6iww6n] {
        background-color: #4053e8 !important;
    }

.signup-text[b-yayj6iww6n] {
    margin-top: 27px;
}

    .signup-text :deep(.mud-typography)[b-yayj6iww6n] {
        color: #17213d !important;
        font-size: 15px !important;
    }

    .signup-text :deep(a)[b-yayj6iww6n] {
        color: #465dff !important;
        text-decoration: none;
    }

    .signup-text :deep(a:hover)[b-yayj6iww6n] {
        text-decoration: underline;
    }
/* /Pages/Login/NewLogin.razor.rz.scp.css */
/* CSS for NewLogin component */
.login-page[b-rscl79xkzj] {
    min-height: 100vh;
    width: 100%;
    display: grid;
    grid-template-columns: 53% 47%;
    background: #ffffff;
}

/* =========================================
   LADO ESQUERDO
   ========================================= */

.login-left[b-rscl79xkzj] {
    min-height: 100vh;
    background: #ffffff;
    display: flex;
    justify-content: center;
}

.login-container[b-rscl79xkzj] {
    width: 100%;
    max-width: 533px;
    padding: 48px 0;
}

/* Voltar */

.back-link[b-rscl79xkzj] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #52627a !important;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 96px;
}

    .back-link:hover[b-rscl79xkzj] {
        color: #3f51b5 !important;
    }

/* Cabeçalho */

.login-header[b-rscl79xkzj] {
    margin-bottom: 36px;
}

.login-title[b-rscl79xkzj] {
    color: #111c44 !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    margin-bottom: 12px;
}

.login-subtitle[b-rscl79xkzj] {
    color: #52627a !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* =========================================
   LOGIN SOCIAL
   ========================================= */

.social-buttons[b-rscl79xkzj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.social-button[b-rscl79xkzj] {
    height: 54px !important;
    background-color: #f1f3f6 !important;
    color: #18233d !important;
    box-shadow: none !important;
    border-radius: 9px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

    .social-button:hover[b-rscl79xkzj] {
        background-color: #e9ecf1 !important;
    }

/* =========================================
   SEPARADOR
   ========================================= */

.separator[b-rscl79xkzj] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 38px 0 36px;
}

.separator-line[b-rscl79xkzj] {
    height: 1px;
    flex: 1;
    background-color: #e2e5eb;
}

.separator-text[b-rscl79xkzj] {
    color: #8190a7 !important;
    font-size: 15px !important;
}

/* =========================================
   CAMPOS
   ========================================= */

.field-container[b-rscl79xkzj] {
    margin-bottom: 25px;
}

.field-label[b-rscl79xkzj] {
    display: block;
    color: #17213d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 9px;
}

.required[b-rscl79xkzj] {
    color: #ff3b30;
    margin-left: 2px;
}

/*
 * Ajustes no MudTextField
 */

.login-input[b-rscl79xkzj] {
    width: 100%;
}

    .login-input :deep(.mud-input-outlined-border)[b-rscl79xkzj] {
        border-color: #d4dbe5 !important;
        border-radius: 9px !important;
    }

    .login-input :deep(.mud-input-root)[b-rscl79xkzj] {
        min-height: 52px;
    }

    .login-input :deep(input)[b-rscl79xkzj] {
        color: #17213d !important;
        font-size: 15px !important;
    }

    .login-input :deep(input::placeholder)[b-rscl79xkzj] {
        color: #9aa8bc !important;
        opacity: 1;
    }

    .login-input :deep(.mud-input-adornment)[b-rscl79xkzj] {
        color: #8998ad !important;
    }

    .login-input :deep(.mud-icon-button)[b-rscl79xkzj] {
        color: #8998ad !important;
    }

/* =========================================
   OPÇÕES
   ========================================= */

.login-options[b-rscl79xkzj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    margin-bottom: 24px;
}

.remember-checkbox[b-rscl79xkzj] {
    margin-left: -10px;
}

    .remember-checkbox :deep(.mud-checkbox-label)[b-rscl79xkzj] {
        color: #17213d !important;
        font-size: 15px !important;
    }

.forgot-link[b-rscl79xkzj] {
    color: #465dff !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

    .forgot-link:hover[b-rscl79xkzj] {
        text-decoration: underline;
    }

/* =========================================
   BOTÃO LOGIN
   ========================================= */

.sign-in-button[b-rscl79xkzj] {
    height: 53px !important;
    background-color: #4b5ff5 !important;
    color: white !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

    .sign-in-button:hover[b-rscl79xkzj] {
        background-color: #4053e8 !important;
    }

/* =========================================
   SIGN UP
   ========================================= */

.signup-text[b-rscl79xkzj] {
    margin-top: 27px;
}

    .signup-text :deep(.mud-typography)[b-rscl79xkzj] {
        color: #17213d !important;
        font-size: 15px !important;
    }

    .signup-text :deep(a)[b-rscl79xkzj] {
        color: #465dff !important;
        text-decoration: none;
    }

    .signup-text :deep(a:hover)[b-rscl79xkzj] {
        text-decoration: underline;
    }

/* =========================================
   LADO DIREITO
   ========================================= */

.login-right[b-rscl79xkzj] {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #171d57;
    /*
     * Grid semelhante ao da imagem
     */
    background-image: linear-gradient( rgba(255, 255, 255, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px );
    background-size: 80px 80px;
}

    /*
 * Alguns quadrados com maior destaque,
 * simulando o padrão visual da imagem.
 */

    .login-right[b-rscl79xkzj]::before {
        content: "";
        position: absolute;
        width: 80px;
        height: 80px;
        top: 115px;
        right: 150px;
        background: rgba(255, 255, 255, 0.035);
    }

    .login-right[b-rscl79xkzj]::after {
        content: "";
        position: absolute;
        width: 80px;
        height: 80px;
        bottom: 160px;
        left: 160px;
        background: rgba(255, 255, 255, 0.035);
    }

/* =========================================
   BRAND
   ========================================= */

.brand-content[b-rscl79xkzj] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -5px;
}

.brand-icon[b-rscl79xkzj] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background-color: #5369ff;
    border-radius: 14px;
    color: white;
}

    .brand-icon :deep(.mud-icon-root)[b-rscl79xkzj] {
        font-size: 34px !important;
    }

.brand-title[b-rscl79xkzj] {
    color: #ffffff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 22px;
}

.brand-description[b-rscl79xkzj] {
    color: #9ca8d4 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    text-align: center;
}


/* =========================================
   RESPONSIVO
   ========================================= */

@media (max-width: 1100px) {

    .login-page[b-rscl79xkzj] {
        grid-template-columns: 1fr;
    }

    .login-right[b-rscl79xkzj] {
        display: none;
    }

    .login-left[b-rscl79xkzj] {
        padding: 0 24px;
    }

    .login-container[b-rscl79xkzj] {
        max-width: 533px;
    }
}

@media (max-width: 600px) {

    .login-container[b-rscl79xkzj] {
        padding: 30px 0;
    }

    .back-link[b-rscl79xkzj] {
        margin-bottom: 55px;
    }

    .login-title[b-rscl79xkzj] {
        font-size: 34px !important;
    }

    .social-buttons[b-rscl79xkzj] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .separator[b-rscl79xkzj] {
        margin: 30px 0;
    }

    .login-options[b-rscl79xkzj] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .forgot-link[b-rscl79xkzj] {
        align-self: flex-end;
    }
}
/* /Pages/Login/Register.razor.rz.scp.css */
/* CSS for Register component */

.symbol-required[b-ifesu8cpe7] {
    color: red;
}

.field-form[b-ifesu8cpe7] {
    margin-bottom: 0.3rem;
}