.mx-v8-account-menu{box-sizing:border-box!important;display:block!important;width:330px!important;min-width:330px!important;max-width:min(330px,calc(100vw - 24px))!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #d9dee7!important;border-radius:16px!important;color:#111!important;background:#fff!important;box-shadow:0 18px 46px rgba(7,20,37,.20)!important;font-family:"Segoe UI",Inter,Arial,sans-serif!important;text-align:left!important;line-height:1.4!important}
.p-5:has(>.mx-v8-account-menu){width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mx-v8-account-menu,.mx-v8-account-menu *,.mx-v8-account-menu strong,.mx-v8-account-menu span,.mx-v8-account-menu small,.mx-v8-account-menu a,.mx-v8-account-menu button{color:#111!important}
.mx-v8-account-menu__head{display:block!important;width:100%!important;margin:0!important;padding:16px 17px 14px!important;border:0!important;border-bottom:1px solid #e6e9ee!important;color:#111!important;background:#fff!important}
.mx-v8-account-menu__head strong{display:block!important;margin:0 0 4px!important;font-size:15px!important;line-height:1.3!important;font-weight:650!important}
.mx-v8-account-menu__head span{display:block!important;margin:0!important;color:#333!important;font-size:11.5px!important;line-height:1.4!important;font-weight:400!important}
.mx-v8-account-menu__body{display:grid!important;width:100%!important;gap:6px!important;margin:0!important;padding:9px!important;background:#fff!important}
.mx-v8-account-menu__action{display:block!important;width:100%!important;min-height:56px!important;margin:0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:#111!important;background:#fff!important;text-decoration:none!important;white-space:normal!important;box-shadow:none!important;transform:none!important;transition:background-color .16s ease,border-color .16s ease!important}
.mx-v8-account-menu__action:hover{border-color:#dfe3e9!important;color:#111!important;background:#f4f5f7!important}
.mx-v8-account-menu__action--primary{border-color:#ffc72c!important;color:#111!important;background:#ffc72c!important}
.mx-v8-account-menu__action--primary:hover{border-color:#efb800!important;color:#111!important;background:#ffd55c!important}
.mx-v8-account-menu__action strong{display:block!important;margin:0 0 2px!important;color:#111!important;font-size:13.5px!important;line-height:1.3!important;font-weight:650!important}
.mx-v8-account-menu__action span,.mx-v8-account-menu__action small{display:block!important;margin:0!important;color:#333!important;font-size:11px!important;line-height:1.4!important;font-weight:400!important}
.mx-v8-account-menu__logout{display:block!important;width:100%!important;margin:3px 0 0!important;padding:7px 0 0!important;border:0!important;border-top:1px solid #e6e9ee!important}
.mx-v8-account-menu__logout button{display:block!important;width:100%!important;min-height:42px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-radius:9px!important;color:#111!important;background:#fff!important;font-family:inherit!important;font-size:12.5px!important;line-height:1.3!important;font-weight:550!important;text-align:left!important;cursor:pointer!important}
.mx-v8-account-menu__logout button:hover{color:#111!important;background:#f4f5f7!important}
.mx-v8-account-menu svg,.mx-v8-account-menu img{display:none!important}
@media(max-width:540px){.mx-v8-account-menu{width:calc(100vw - 24px)!important;min-width:0!important;max-width:calc(100vw - 24px)!important}}

/* Maker X — hover amarelo do perfil */

/* Estado normal: nenhum item amarelo. */
.mx-v8-account-menu__action,
.mx-v8-account-menu__action--primary {
    border-color: transparent !important;
    color: #111 !important;
    background: #fff !important;
}

/* Apenas o item sob o mouse fica amarelo. */
.mx-v8-account-menu__action:hover,
.mx-v8-account-menu__action--primary:hover {
    border-color: #e5b600 !important;
    color: #071a3f !important;
    background: #ffc72c !important;
}

/* Mantém os textos legíveis sobre o amarelo. */
.mx-v8-account-menu__action:hover strong,
.mx-v8-account-menu__action:hover span,
.mx-v8-account-menu__action:hover small {
    color: #071a3f !important;
}
/* Fim hover amarelo do perfil */

/* Maker X — formulários internos do perfil */
.mx-v8-account-menu:has(.mx-v8-account-flow) {
    width: 370px !important;
    min-width: 370px !important;
    max-width: min(370px, calc(100vw - 24px)) !important;
}

.mx-v8-account-flow {
    position: relative !important;
    width: 100% !important;
    max-height: min(680px, calc(100vh - 110px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
}

.mx-v8-account-panel {
    width: 100% !important;
    background: #fff !important;
}

.mx-v8-account-panel.is-entering {
    animation: mxAccountPanelIn .26s ease both !important;
}

.mx-v8-account-panel.is-leaving {
    animation: mxAccountPanelOut .16s ease both !important;
}

@keyframes mxAccountPanelIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes mxAccountPanelOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-5px);
    }
}

.mx-v8-account-menu__action {
    font-family: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
}

.mx-v8-account-form__head {
    display: grid !important;
    gap: 3px !important;
    padding: 15px 17px 13px !important;
    border-bottom: 1px solid #e6e9ee !important;
    background: #fff !important;
}

.mx-v8-account-form__head > strong {
    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.mx-v8-account-form__head > span {
    color: #555 !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

.mx-v8-account-form__back {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 30px !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
    padding: 4px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: #536078 !important;
    background: #fff !important;
    font-family: inherit !important;
    font-size: 12px !important;
    cursor: pointer !important;
}

.mx-v8-account-form__back:hover {
    border-color: #e5b600 !important;
    color: #071a3f !important;
    background: #ffc72c !important;
}

.mx-v8-account-form {
    display: grid !important;
    gap: 11px !important;
    padding: 15px 17px 18px !important;
    background: #fff !important;
}

.mx-v8-account-form > label,
.mx-v8-account-form__row > label {
    display: grid !important;
    gap: 5px !important;
    color: #344056 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.mx-v8-account-form__row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
}

.mx-v8-account-form input[type="text"],
.mx-v8-account-form input[type="email"],
.mx-v8-account-form input[type="password"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 41px !important;
    padding: 0 11px !important;
    border: 1px solid #dce2eb !important;
    border-radius: 9px !important;
    color: #17233c !important;
    background: #fff !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    outline: none !important;
    transition:
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.mx-v8-account-form input:focus {
    border-color: #e5b600 !important;
    box-shadow: 0 0 0 3px rgba(255, 199, 44, .18) !important;
}

.mx-v8-account-form__check {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start !important;
    gap: 7px !important;
    color: #59667a !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

.mx-v8-account-form__check input {
    margin-top: 2px !important;
    accent-color: #e5b600 !important;
}

.mx-v8-account-form__submit {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 43px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 2px !important;
    padding: 9px 13px !important;
    border: 1px solid #e5b600 !important;
    border-radius: 10px !important;
    color: #071a3f !important;
    background: #ffc72c !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.mx-v8-account-form__submit:hover {
    border-color: #d4a400 !important;
    background: #ffd65a !important;
}

.mx-v8-account-form__text-button {
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 5px !important;
    border: 0 !important;
    color: #33425e !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 11.5px !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.mx-v8-account-form__captcha {
    overflow: hidden !important;
}

@media (max-width: 540px) {
    .mx-v8-account-menu:has(.mx-v8-account-flow) {
        width: calc(100vw - 24px) !important;
        min-width: 0 !important;
    }

    .mx-v8-account-form__row {
        grid-template-columns: 1fr !important;
    }
}
/* Fim formulários internos do perfil */
