.__login_container {
    display: flex;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}

.__side_login {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background-color: #ffffff;
    max-width: 500px;
}

.__login_form {
    width: 100%;
    max-width: 380px;
}

.__logo_login {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/
    gap: 12px;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    background-color: #c1c1c110;
}

.__logo_icon {
    font-size: 2.5rem;
    color: #1872D8;
}

.__logo_login h1 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #223343;
}

.__login_form p {
    font-size: 1rem;
    color: #666;
    margin-bottom: 30px;
}



.__form_login {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.__login_flex-container {
    display: flex;
    flex-flow: row wrap;

    column-gap: 15px;
    row-gap: 0px;

    height: auto;
    min-height: 30px;
}

.__login_form-front {
    flex: 1 1 auto;
    display: block;
    width: 100%;
    height: auto;
    min-height: 46px;
    margin-bottom: 2px;
    outline: none;

    position: relative;
}

.__login_form-front input[type="date"],
.__login_form-front input[type="text"],
.__login_form-front input[type="password"] {
    width: 100%;
    min-width: 50px;
    height: 45px;
    margin-bottom: 16px;
    padding: 0px 15px;
    border: 1.5px solid var(--border-color-input);
    border-radius: 0.6rem;
    outline: none;
    outline-style: none;
    font-size: 14px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.__login_form-front input:focus {
    border: 1.5px solid var(--border-color-focus-input);
}

.__login_form-front input::placeholder {
    font-family: 'Inter-Medium', sans-serif;
    font-size: 13px;
    color: #A2A9AD00;
}

.__login_form-front input {
    filter: none;
}

.__login_form-front label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;

    pointer-events: none;

    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;

}

.__login_form-front label .label-name {
    position: absolute;
    left: 15px;
    top: 16px;

    font-family: 'Inter-Regular', sans-serif;
    font-size: 13px;
    color: var(--label-name-color);

    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.__login_form-front input::placeholder {
    font-family: 'Inter-Regular', sans-serif;
    font-size: 13px;
    color: #A2A9AD00;
}

.__login_form-front input:valid+label>.label-name,
.__login_form-front input:focus+label>.label-name {
    transform: translateY(-90%);
    font-family: 'Inter-Medium', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--label-color-input);

    top: -1px;
    left: 9px;

    transition: transform 0.5s ease;
}



.__login_form-front input:read-only::placeholder,
.__login_form-front input:valid::placeholder,
.__login_form-front input:focus::placeholder {
    font-family: 'Inter-Regular', sans-serif;
    font-size: 13px;
    color: #CBD0D8;
}



.__login_content-toggle-password {
    flex: 1 1 auto;
    display: flex;
    width: auto;
    height: auto;
    outline: none;
    position: relative;
}

.toggle-encrypt {
    display: flex;
    width: 40px;
    height: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: center;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2250px%22%20height%3D%2250px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20style%3D%22fill%3A%20rgba%28112%2C112%2C112%2C0.7%29%22%20d%3D%22M25%2013.89c8.92%2C0.36%2013.47%2C4.92%2016.22%2C11.11%20-2.37%2C5.79%20-7.86%2C10.77%20-16.22%2C11.12%20-9.02%2C-0.59%20-13.94%2C-5.18%20-16.22%2C-11.12%202.31%2C-5.72%207.05%2C-10.63%2016.22%2C-11.11zm0%203.74c-4.07%2C0%20-7.37%2C3.3%20-7.37%2C7.37%200%2C4.07%203.3%2C7.37%207.37%2C7.37%204.07%2C0%207.37%2C-3.3%207.37%2C-7.37%200%2C-4.07%20-3.3%2C-7.37%20-7.37%2C-7.37z%22%2F%3E%3Ccircle%20style%3D%22fill%3A%20rgba%28112%2C112%2C112%2C0.7%29%3Bstroke%3A%20rgba%28112%2C112%2C112%2C0.7%29%3Bstroke-width%3A0.12%3Bstroke-miterlimit%3A22.9256%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%224.69%22%2F%3E%3C%2Fsvg%3E');
}

.toggle-encrypt:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2250px%22%20height%3D%2250px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20style%3D%22fill%3A%20rgba%28112%2C112%2C112%2C1.00%29%22%20d%3D%22M25%2013.89c8.92%2C0.36%2013.47%2C4.92%2016.22%2C11.11%20-2.37%2C5.79%20-7.86%2C10.77%20-16.22%2C11.12%20-9.02%2C-0.59%20-13.94%2C-5.18%20-16.22%2C-11.12%202.31%2C-5.72%207.05%2C-10.63%2016.22%2C-11.11zm0%203.74c-4.07%2C0%20-7.37%2C3.3%20-7.37%2C7.37%200%2C4.07%203.3%2C7.37%207.37%2C7.37%204.07%2C0%207.37%2C-3.3%207.37%2C-7.37%200%2C-4.07%20-3.3%2C-7.37%20-7.37%2C-7.37z%22%2F%3E%3Ccircle%20style%3D%22fill%3A%20rgba%28112%2C112%2C112%2C1.00%29%3Bstroke%3A%20rgba%28112%2C112%2C112%2C1.00%29%3Bstroke-width%3A0.12%3Bstroke-miterlimit%3A22.9256%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%224.69%22%2F%3E%3C%2Fsvg%3E');
}

.toggle-encrypt.toggle-checked {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2250px%22%20height%3D%2250px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20style%3D%22fill%3A%20rgba%2831%2C31%2C31%2C0.7%29%22%20d%3D%22M25%2013.12c8.92%2C0.36%2013.47%2C4.92%2016.22%2C11.11%20-1.25%2C3.06%20-3.38%2C5.89%20-6.34%2C7.94l-3.55%20-4.16c0.66%2C-1.11%201.04%2C-2.4%201.04%2C-3.78%200%2C-4.07%20-3.3%2C-7.37%20-7.37%2C-7.37%20-0.97%2C0%20-1.89%2C0.19%20-2.74%2C0.53l-2.82%20-3.31c1.65%2C-0.52%203.49%2C-0.85%205.56%2C-0.96zm0%206.42c-0.28%2C0%20-0.56%2C0.03%20-0.83%2C0.08l5.26%206.16c0.17%2C-0.48%200.26%2C-1%200.26%2C-1.55%200%2C-2.59%20-2.1%2C-4.69%20-4.69%2C-4.69zm-12.18%20-9.57l4.3%205.03%200%200%203.1%203.63%20-0.01%200%201.74%202.04%200.01%20-0.01%206.09%207.14%200%200%201.73%202.04%200.01%200%203.03%203.55%200%200%204.35%205.1%20-1.79%201.54%20-4.85%20-5.68c-1.68%2C0.57%20-3.52%2C0.91%20-5.53%2C1%20-9.02%2C-0.59%20-13.94%2C-5.17%20-16.22%2C-11.12%201.26%2C-3.11%203.24%2C-5.98%206.25%2C-8.03l-4%20-4.69%201.79%20-1.54zm14.92%2021.11l-1.9%20-2.23c-0.28%2C0.05%20-0.56%2C0.07%20-0.84%2C0.07%20-2.59%2C0%20-4.69%2C-2.1%20-4.69%2C-4.69%200%2C-0.54%200.09%2C-1.06%200.26%2C-1.55l-1.9%20-2.22c-0.66%2C1.1%20-1.04%2C2.39%20-1.04%2C3.77%200%2C4.07%203.3%2C7.37%207.37%2C7.37%200.97%2C0%201.89%2C-0.19%202.74%2C-0.52z%22%2F%3E%3C%2Fsvg%3E');
}

.toggle-encrypt.toggle-checked:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2250px%22%20height%3D%2250px%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20style%3D%22fill%3A%20rgba%2830%2C30%2C30%2C1.00%29%22%20d%3D%22M25%2013.12c8.92%2C0.36%2013.47%2C4.92%2016.22%2C11.11%20-1.25%2C3.06%20-3.38%2C5.89%20-6.34%2C7.94l-3.55%20-4.16c0.66%2C-1.11%201.04%2C-2.4%201.04%2C-3.78%200%2C-4.07%20-3.3%2C-7.37%20-7.37%2C-7.37%20-0.97%2C0%20-1.89%2C0.19%20-2.74%2C0.53l-2.82%20-3.31c1.65%2C-0.52%203.49%2C-0.85%205.56%2C-0.96zm0%206.42c-0.28%2C0%20-0.56%2C0.03%20-0.83%2C0.08l5.26%206.16c0.17%2C-0.48%200.26%2C-1%200.26%2C-1.55%200%2C-2.59%20-2.1%2C-4.69%20-4.69%2C-4.69zm-12.18%20-9.57l4.3%205.03%200%200%203.1%203.63%20-0.01%200%201.74%202.04%200.01%20-0.01%206.09%207.14%200%200%201.73%202.04%200.01%200%203.03%203.55%200%200%204.35%205.1%20-1.79%201.54%20-4.85%20-5.68c-1.68%2C0.57%20-3.52%2C0.91%20-5.53%2C1%20-9.02%2C-0.59%20-13.94%2C-5.17%20-16.22%2C-11.12%201.26%2C-3.11%203.24%2C-5.98%206.25%2C-8.03l-4%20-4.69%201.79%20-1.54zm14.92%2021.11l-1.9%20-2.23c-0.28%2C0.05%20-0.56%2C0.07%20-0.84%2C0.07%20-2.59%2C0%20-4.69%2C-2.1%20-4.69%2C-4.69%200%2C-0.54%200.09%2C-1.06%200.26%2C-1.55l-1.9%20-2.22c-0.66%2C1.1%20-1.04%2C2.39%20-1.04%2C3.77%200%2C4.07%203.3%2C7.37%207.37%2C7.37%200.97%2C0%201.89%2C-0.19%202.74%2C-0.52z%22%2F%3E%3C%2Fsvg%3E');
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}


.__box_forget_password {
    display: flex;
    justify-content: flex-end;
    margin-top: -12px;
    margin-bottom: 16px;
}

.__box_forget_password a {
    font-size: 12px;
    color: #1E87F5;
    text-decoration: none;
}

.__box_forget_password a:hover {
    text-decoration: underline;
}

.__main_btn {
    cursor: pointer;
}

.__main_btn.enter {
    width: 100%;
    min-width: 100px;
    height: 45px;
    margin-bottom: 16px;
    border-radius: 0.6rem;
    border: none;
    padding: 0px 25px;
    outline: none;
    outline-style: none;
    font-size: 1rem;
    color: #FFF;
    background-color: var(--primary);
}

.__main_btn.enter:hover {
    background-color: var(--primary-600);
}






.__login_footer {
    margin-top: 30px;
    text-align: center;
    font-size: 0.8rem;
    color: #999;
}

.__support_contact,
.__developer {
    display: block;
    margin-top: 6px;
}

.__developer a {
    color: #015EBE;
}


.branding-wrapper {
    flex: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1872D8;
    /* Azul primário */
    /* Usando um SVG embutido para o gráfico de ECG */
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 L20 50 L25 40 L35 60 L45 30 L55 70 L65 45 L70 50 L100 50' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 300px;
}

.branding-content {
    text-align: center;
    color: #fff;
}

.branding-content h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.branding-content p {
    max-width: 450px;
    padding: 10px 20px;
    font-size: 1.6rem;
    font-family: 'Inter-Medium', sans-serif;
    line-height: 1.3;
}

@media (max-width: 900px) {
    .branding-wrapper {
        display: none;
    }

    .__side_login {
        max-width: 100%;
    }
}