/* ComprasApp · User chip v2 · HARD ISOLATED SQUARE STYLE */

.app-user-chip-v2,
.app-user-chip-v2 *,
.app-user-chip-v2-menu,
.app-user-chip-v2-menu *{
    all:unset!important;
    box-sizing:border-box!important;
    font-family:inherit!important;
}

.app-user-chip-v2{
    display:block!important;
    position:relative!important;
    flex:0 0 auto!important;
    z-index:9500!important;
}

.app-user-chip-v2-trigger{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:280px!important;
    max-width:43vw!important;
    height:50px!important;
    padding:7px 13px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:#111!important;
    color:#fff!important;
    overflow:hidden!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
}

.app-user-chip-v2-avatar{
    display:block!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:999px!important;
    background:#fff!important;
}

.app-user-chip-v2-copy{
    display:block!important;
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
}

.app-user-chip-v2-name{
    display:block!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.app-user-chip-v2-role{
    display:block!important;
    margin-top:5px!important;
    color:rgba(255,255,255,.56)!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.22em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.app-user-chip-v2-menu{
    display:block!important;
    position:fixed!important;
    top:76px!important;
    right:10px!important;
    width:278px!important;
    max-width:calc(100vw - 20px)!important;
    z-index:2147483647!important;
}

.app-user-chip-v2-menu[hidden]{
    display:none!important;
}

.app-user-chip-v2-card{
    display:block!important;
    width:100%!important;
    background:#fff!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:20px!important;
    padding:9px!important;
    box-shadow:0 18px 46px rgba(0,0,0,.16)!important;
    overflow:hidden!important;
}

.app-user-chip-v2-item{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    min-height:50px!important;
    padding:8px!important;
    margin:0 0 7px 0!important;
    border-radius:15px!important;
    border:1px solid rgba(0,0,0,.08)!important;
    background:#fff!important;
    color:#111!important;
    cursor:pointer!important;
    overflow:hidden!important;
    text-decoration:none!important;
}

.app-user-chip-v2-card form{
    display:block!important;
    margin:0!important;
    padding:0!important;
}

.app-user-chip-v2-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:999px!important;
    background:#111!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1!important;
}

.app-user-chip-v2-icon-user::before{
    content:""!important;
    display:block!important;
    width:11px!important;
    height:11px!important;
    border-radius:999px!important;
    background:#fff!important;
}

.app-user-chip-v2-item-copy{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
}

.app-user-chip-v2-item-copy strong{
    display:block!important;
    color:#111!important;
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.app-user-chip-v2-item-copy small{
    display:block!important;
    margin-top:5px!important;
    color:#8c8f96!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.app-user-chip-v2-logout{
    background:#111!important;
    border-color:#111!important;
    margin-bottom:0!important;
}

.app-user-chip-v2-logout .app-user-chip-v2-item-copy strong{
    color:#fff!important;
}

.app-user-chip-v2-icon-logout{
    background:#d44759!important;
}

@media(max-width:760px){
    .app-user-chip-v2-trigger{
        width:42vw!important;
        height:46px!important;
        padding:7px 11px!important;
    }

    .app-user-chip-v2-avatar{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
    }

    .app-user-chip-v2-name{
        font-size:13px!important;
    }

    .app-user-chip-v2-role{
        font-size:8px!important;
    }
}