/* F2AY - Top Countries + Devices premium balanced pie UI */
body.lcpi-front-desktop .lcpi-top-countries-real{
    min-height:190px;
    overflow:hidden;
}
body.lcpi-front-desktop .lcpi-top-countries-real h3{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real h3 small{
    margin-left:auto;
    float:none!important;
    color:#aeb8dc!important;
    font-size:12px!important;
    font-weight:700!important;
}
body.lcpi-front-desktop .lcpi-country-title-icon{
    display:inline-grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:8px;
    background:radial-gradient(circle at 32% 28%, rgba(76,224,255,.92), rgba(89,85,255,.44) 52%, rgba(22,31,76,.9) 100%);
    box-shadow:0 0 18px rgba(64,220,255,.28);
    font-size:14px;
}
body.lcpi-front-desktop .lcpi-country-device-grid{
    display:grid!important;
    grid-template-columns:minmax(250px, 1fr) 132px 132px 40px!important;
    align-items:center!important;
    gap:24px!important;
    min-height:132px;
}
body.lcpi-front-desktop .lcpi-country-list-wrap,
body.lcpi-front-desktop .lcpi-country-list{
    min-width:0;
    width:100%;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p{
    display:grid!important;
    grid-template-columns:24px minmax(118px, 1fr) 44px!important;
    align-items:center!important;
    column-gap:8px!important;
    margin:0!important;
    color:#e7edff;
    font-size:13px!important;
    line-height:1.15;
    max-width:248px;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p.is-muted{
    opacity:.42;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-line{
    display:contents!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-mini-flag{
    width:22px!important;
    height:15px!important;
    border-radius:3px;
    object-fit:cover;
    box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-name{
    font-style:normal;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p b{
    color:var(--country-color, #ffce2c)!important;
    font-weight:900!important;
    min-width:44px;
    text-align:right!important;
    text-shadow:0 0 10px color-mix(in srgb, var(--country-color, #ffce2c) 45%, transparent);
}
body.lcpi-front-desktop .lcpi-donut-stack{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
}
body.lcpi-front-desktop .lcpi-donut-stack em{
    color:#aeb8dc;
    font-style:normal;
    font-size:11px;
    font-weight:800;
    line-height:1;
    letter-spacing:.01em;
    white-space:nowrap;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut{
    position:relative;
    width:124px!important;
    height:124px!important;
    border-radius:50%;
    display:grid!important;
    place-items:center!important;
    background:var(--country-donut)!important;
    box-shadow:0 0 30px rgba(88,71,255,.26), inset 0 0 20px rgba(255,255,255,.08)!important;
    isolation:isolate;
    text-align:center!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut{
    background:var(--device-donut)!important;
    box-shadow:0 0 30px rgba(59,222,255,.20), inset 0 0 20px rgba(255,255,255,.08)!important;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut:before,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:radial-gradient(circle at 50% 50%, rgba(9,17,43,.58) 0 26%, rgba(9,17,43,.22) 27% 38%, transparent 39% 100%);
    z-index:0;
    pointer-events:none;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut strong,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut strong{
    position:absolute!important;
    z-index:1;
    left:50%;
    top:47%;
    transform:translate(-50%, -50%);
    display:block!important;
    width:90px;
    margin:0!important;
    text-align:center!important;
    font-size:26px!important;
    font-weight:900!important;
    line-height:1!important;
    color:#fff;
    text-shadow:0 0 14px rgba(255,255,255,.18);
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut small,
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut small{
    position:absolute!important;
    z-index:1;
    left:50%;
    top:61%;
    transform:translateX(-50%);
    display:block!important;
    width:90px;
    margin:0!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1!important;
    color:#d7defc!important;
    font-weight:800!important;
    text-transform:none;
}
body.lcpi-front-desktop .lcpi-device-center-label,
body.lcpi-front-desktop .lcpi-device-mini-list{
    display:none!important;
}
body.lcpi-front-desktop .lcpi-chart-empty-mini{
    color:#9da8ce;
    font-size:12px;
    font-weight:700;
    padding:18px 0;
}
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-mini-lock{
    width:38px!important;
    height:38px!important;
    border-radius:50%;
    display:grid!important;
    place-items:center!important;
    background:radial-gradient(circle at 50% 42%, rgba(255,204,89,.24), rgba(126,72,255,.18) 55%, rgba(40,45,110,.46) 100%)!important;
    box-shadow:0 0 22px rgba(130,86,255,.22), inset 0 0 16px rgba(255,255,255,.08);
    font-style:normal;
}
@media (max-width:1420px){
    body.lcpi-front-desktop .lcpi-country-device-grid{
        grid-template-columns:minmax(220px, 1fr) 112px 112px 34px!important;
        gap:14px!important;
    }
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut,
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut{
        width:108px!important;
        height:108px!important;
    }
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-list p{
        grid-template-columns:22px minmax(104px, 1fr) 40px!important;
        max-width:218px!important;
        font-size:12px!important;
    }
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-country-donut strong,
    body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-device-donut strong{
        font-size:23px!important;
    }
}

/* F2AZ - Safe emoji flag fallback for country rows, avoids broken local flag assets. */
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-emoji-flag{
    display:inline-grid!important;
    place-items:center!important;
    width:22px!important;
    height:15px!important;
    border-radius:3px;
    box-shadow:none!important;
    object-fit:initial!important;
    font-size:18px!important;
    line-height:1!important;
    overflow:hidden;
}

/* F2AZ.1 - Inline SVG flags for Top Countries. Avoids missing assets and Windows emoji fallback. */
body.lcpi-front-desktop .lcpi-top-countries-real .lcpi-svg-flag{
    display:inline-block!important;
    flex:0 0 22px!important;
    width:22px!important;
    height:15px!important;
    border-radius:3px!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 4px 10px rgba(0,0,0,.18)!important;
    overflow:hidden!important;
}

/* F2BA — Auth-gated analytics charts. Guest users see premium lock states only. */
body.lcpi-front-desktop .lcpi-locked-chart-state{
    position:relative;
    z-index:3;
    min-height:158px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:5px;
    text-align:center;
    color:rgba(225,232,255,.84);
    overflow:hidden;
}
body.lcpi-front-desktop .lcpi-locked-chart-state:before{
    content:"";
    position:absolute;
    inset:6px 18px 0;
    background:
        radial-gradient(circle at 50% 34%, rgba(255,196,69,.12), transparent 23%),
        linear-gradient(115deg, transparent 0 40%, rgba(167,67,255,.12) 41% 43%, transparent 44% 100%);
    opacity:.82;
    pointer-events:none;
}
body.lcpi-front-desktop .lcpi-locked-chart-state img{
    position:relative;
    z-index:1;
    width:82px;
    height:auto;
    max-height:76px;
    object-fit:contain;
    filter:drop-shadow(0 0 18px rgba(255,183,70,.38));
    opacity:.96;
}
body.lcpi-front-desktop .lcpi-locked-chart-state strong,
body.lcpi-front-desktop .lcpi-locked-chart-state span{
    position:relative;
    z-index:1;
    display:block;
    line-height:1.18;
}
body.lcpi-front-desktop .lcpi-locked-chart-state strong{
    margin-top:1px;
    font-size:15px;
    font-weight:800;
    color:#f2f5ff;
}
body.lcpi-front-desktop .lcpi-locked-chart-state span{
    font-size:14px;
    color:rgba(218,226,255,.82);
}
body.lcpi-front-desktop .lcpi-country-device-panel .lcpi-locked-chart-state{
    min-height:132px;
}
body.lcpi-front-desktop .lcpi-country-device-panel .lcpi-locked-chart-state img{
    width:78px;
    max-height:72px;
}
@media (max-width:1120px){
    body.lcpi-front-desktop .lcpi-locked-chart-state{min-height:146px;}
    body.lcpi-front-desktop .lcpi-locked-chart-state img{width:72px;max-height:66px;}
}