/* F2AM — authenticated frontend topbar panel. UI-only, no layout rewrite. */
.lcpi-front-desktop .lcpi-user-panel{
    max-width:210px;
    min-width:156px;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    border-color:rgba(122,144,210,.22)!important;
    background:linear-gradient(145deg,rgba(15,27,63,.62),rgba(8,15,39,.42))!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.lcpi-front-desktop .lcpi-user-panel:hover{
    border-color:rgba(184,83,255,.48)!important;
    box-shadow:0 0 22px rgba(126,78,255,.22),inset 0 1px rgba(255,255,255,.08)!important;
    transform:translateY(-1px);
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-initials{
    font-size:14px;
    font-weight:900;
    color:#f5f8ff;
    letter-spacing:.03em;
    background:radial-gradient(circle at 30% 20%,#ffffff 0,#aebfff 32%,#5b35ff 72%,#1d1b55 100%)!important;
    text-shadow:0 1px 8px rgba(0,0,0,.38);
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-initials:after{
    background:#22f06a!important;
    box-shadow:0 0 10px #22f06a!important;
}
.lcpi-front-desktop .lcpi-user-panel span:last-child{
    min-width:0;
}
.lcpi-front-desktop .lcpi-user-panel strong,
.lcpi-front-desktop .lcpi-user-panel small{
    max-width:132px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lcpi-front-desktop .lcpi-wallet-btn{
    padding:0 18px!important;
    min-width:auto!important;
}
@media (max-width:1360px){
    .lcpi-front-desktop .lcpi-user-panel{min-width:138px;max-width:178px;}
    .lcpi-front-desktop .lcpi-user-panel strong,
    .lcpi-front-desktop .lcpi-user-panel small{max-width:104px;}
    .lcpi-front-desktop .lcpi-wallet-btn{padding:0 14px!important;}
}
@media (max-width:1180px){
    .lcpi-front-desktop .lcpi-wallet-btn{display:none!important;}
}
.lcpi-front-mobile .lcpi-mobile-user-pill{
    display:flex;
    align-items:center;
    gap:6px;
    max-width:118px;
    min-height:38px;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(122,144,210,.24);
    background:linear-gradient(145deg,rgba(16,28,65,.92),rgba(4,10,27,.96));
    color:#fff;
    text-decoration:none;
    box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.lcpi-front-mobile .lcpi-mobile-user-pill span{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:50%;
    background:linear-gradient(135deg,#6b32ff,#c335ff);
    font-size:11px;
    font-weight:900;
    flex:0 0 auto;
}
.lcpi-front-mobile .lcpi-mobile-user-pill b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}

/* F2AM.1 — real avatar support with online presence dot. */
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar{
    position:relative;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    overflow:visible;
    isolation:isolate;
    box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 18px rgba(116,86,255,.34);
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar.has-image{
    padding:0;
    background:linear-gradient(135deg,#6b32ff,#c335ff)!important;
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:1;
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar i,
.lcpi-front-mobile .lcpi-mobile-user-avatar i{
    position:absolute;
    right:-1px;
    bottom:1px;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#22f06a;
    border:2px solid #111735;
    box-shadow:0 0 10px rgba(34,240,106,.95);
    z-index:3;
}
.lcpi-front-desktop .lcpi-user-panel .lcpi-user-avatar:after{
    display:none!important;
}
.lcpi-front-mobile .lcpi-mobile-user-avatar{
    position:relative;
    display:grid!important;
    place-items:center;
    width:28px!important;
    height:28px!important;
    border-radius:50%;
    overflow:visible!important;
    background:linear-gradient(135deg,#6b32ff,#c335ff);
    box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 14px rgba(116,86,255,.3);
    flex:0 0 auto;
}
.lcpi-front-mobile .lcpi-mobile-user-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.lcpi-front-mobile .lcpi-mobile-user-avatar i{
    width:9px;
    height:9px;
    right:-2px;
    bottom:0;
    border-width:2px;
}


/* F2AM.2 — remove separate logged-in Wallet CTA; make points prominent inside account pill. */
.lcpi-front-desktop .lcpi-user-panel{
    min-width:178px;
    max-width:226px;
    padding-right:14px!important;
}
.lcpi-front-desktop .lcpi-user-panel strong{
    max-width:140px;
    font-size:14px;
    line-height:1.05;
}
.lcpi-front-desktop .lcpi-user-panel small{
    max-width:140px;
    display:block;
    margin-top:3px;
    color:#b9c7ff!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:.01em;
}
.lcpi-front-desktop .lcpi-user-panel small:before{
    content:'';
    display:none;
}
.lcpi-front-desktop .lcpi-wallet-btn{
    display:none!important;
}
@media (max-width:1360px){
    .lcpi-front-desktop .lcpi-user-panel{min-width:164px;max-width:206px;}
    .lcpi-front-desktop .lcpi-user-panel strong,
    .lcpi-front-desktop .lcpi-user-panel small{max-width:120px;}
}
@media (max-width:1180px){
    .lcpi-front-desktop .lcpi-user-panel{min-width:152px;max-width:188px;}
    .lcpi-front-desktop .lcpi-user-panel strong,
    .lcpi-front-desktop .lcpi-user-panel small{max-width:106px;}
}