/* F2AN.6 — Top Networks: text-only network name, keep original UI design. */
.lcpi-front-desktop .lcpi-top-networks-panel{
    min-width:0!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 70px 58px!important;
    gap:9px!important;
    align-items:center!important;
    min-height:38px!important;
    padding:7px 0!important;
    font-size:13px!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > span:first-child{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
    color:#f3f6ff!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
    line-height:1!important;
    font-size:15px!important;
    font-style:normal!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon img{
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
    border-radius:6px!important;
    display:block!important;
}

/* Important: frontend-shell.css styles every .lcpi-list-row span as a pill.
   This override keeps the network name as plain text, matching the original design. */
.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name .lcpi-network-name-text{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    color:#f3f6ff!important;
    line-height:1.2!important;
    font-size:14px!important;
    font-weight:600!important;
    letter-spacing:-.02em!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    place-items:normal!important;
    text-align:left!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > em{
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
    max-width:70px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
    font-size:12px!important;
    color:#dce4ff!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b{
    min-width:54px!important;
    height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    text-align:center!important;
    border-radius:8px!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b.is-high,
.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b:not(.is-medium):not(.is-hard):not(.is-easy){
    color:#22ff72!important;
    background:rgba(34,240,100,.14)!important;
}

.lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b.is-medium{
    color:#ffd12c!important;
    background:rgba(255,186,33,.14)!important;
}

@media (max-width:1480px){
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row{
        grid-template-columns:26px minmax(0,1fr) 62px 52px!important;
        gap:7px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > em{
        max-width:62px!important;
        font-size:11px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon,
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-icon img{
        width:20px!important;
        height:20px!important;
        min-width:20px!important;
        flex-basis:20px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name{
        gap:8px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-name .lcpi-network-name-text{
        font-size:13px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b{
        min-width:50px!important;
        font-size:11px!important;
    }
}

@media (max-width:520px){
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row{
        grid-template-columns:24px minmax(0,1fr) 58px!important;
    }
    .lcpi-front-desktop .lcpi-top-networks-panel .lcpi-network-row > b{display:none!important;}
}