.lpc-app .lpc-connections{
    display:grid;
    gap:14px;
    min-width:0;
}

.lpc-app .lpc-connections-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    padding:20px 22px;
    border:1px solid var(--lpc-border);
    border-radius:20px;
    background:#fff;
    box-shadow:var(--lpc-shadow);
}

.lpc-app .lpc-connections-hero-main{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

.lpc-app .lpc-connections-hero-mark{
    display:grid;
    place-items:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    border:1px solid #DDE6F0;
    border-radius:14px;
    background:#F4F7FB;
    color:var(--lpc-navy);
}

.lpc-app .lpc-connections-hero-mark svg{
    width:22px;
    height:22px;
}

.lpc-app .lpc-connections-hero-copy{
    min-width:0;
}

.lpc-app .lpc-connections-eyebrow{
    display:block;
    margin-bottom:3px;
    color:var(--lpc-amber-text);
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
}

.lpc-app .lpc-connections-hero h1{
    margin:0;
    color:var(--lpc-navy-deep);
    font-size:28px;
    font-weight:600;
    line-height:1.12;
}

.lpc-app .lpc-connections-hero p{
    max-width:660px;
    margin:6px 0 0;
    color:var(--lpc-muted);
    font-size:13px;
    line-height:1.5;
}

.lpc-app .lpc-connections-discover{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border:1px solid var(--lpc-amber);
    border-radius:12px;
    background:var(--lpc-amber);
    color:var(--lpc-navy-deep);
    font:inherit;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
}

.lpc-app .lpc-connections-discover svg{
    width:17px;
    height:17px;
}

.lpc-app .lpc-connections-discover:hover{
    border-color:var(--lpc-navy);
    background:var(--lpc-navy);
    color:#fff;
}

.lpc-app .lpc-connections-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:hidden;
    border:1px solid var(--lpc-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 20px rgba(18,47,84,.035);
}

.lpc-app .lpc-connections-stats button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    min-height:62px;
    padding:12px 16px;
    border:0;
    border-radius:0;
    background:#fff;
    color:var(--lpc-text);
    font:inherit;
    text-align:left;
    cursor:pointer;
}

.lpc-app .lpc-connections-stats button+button::before{
    position:absolute;
    top:12px;
    bottom:12px;
    left:0;
    width:1px;
    background:#E8EDF3;
    content:"";
}

.lpc-app .lpc-connections-stats button:hover{
    background:#F8FAFD;
}

.lpc-app .lpc-connections-stats button.is-active{
    background:#F3F7FB;
}

.lpc-app .lpc-connections-stats button.is-active strong{
    color:var(--lpc-navy);
}

.lpc-app .lpc-connections-stats button:focus-visible{
    z-index:1;
    outline-offset:-3px;
}

.lpc-app .lpc-connections-stats strong{
    flex:0 0 auto;
    color:var(--lpc-navy-deep);
    font-size:21px;
    font-weight:600;
    line-height:1;
}

.lpc-app .lpc-connections-stats span{
    min-width:0;
    color:var(--lpc-muted);
    font-size:11.5px;
    font-weight:600;
    line-height:1.25;
    text-align:right;
}

.lpc-app .lpc-connections-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(220px,300px);
    align-items:center;
    gap:10px;
    min-width:0;
    padding:8px;
    border:1px solid var(--lpc-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 20px rgba(18,47,84,.03);
}

.lpc-app .lpc-connections-tabs{
    display:flex;
    align-items:center;
    gap:4px;
    min-width:0;
    overflow-x:auto;
    padding:2px;
    border-radius:11px;
    background:#F6F8FB;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
}

.lpc-app .lpc-connections-tabs::-webkit-scrollbar{
    display:none;
}

.lpc-app .lpc-connections-tabs button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    flex:0 0 auto;
    min-height:36px;
    padding:0 10px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#5C6E86;
    font:inherit;
    font-size:11.5px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
}

.lpc-app .lpc-connections-tabs button:hover{
    background:#EEF3F8;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-connections-tabs button.is-active{
    background:var(--lpc-navy);
    color:#fff;
    box-shadow:0 4px 12px rgba(14,45,123,.14);
}

.lpc-app .lpc-connections-tabs button span{
    display:inline-grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:rgba(14,45,123,.08);
    color:inherit;
    font-size:9.5px;
    font-weight:600;
}

.lpc-app .lpc-connections-tabs button.is-active span{
    background:rgba(255,255,255,.16);
}

.lpc-app .lpc-connections-search{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-width:0;
    height:42px;
    padding:0 7px 0 12px;
    border:1px solid #D8E1EA;
    border-radius:11px;
    background:#F9FBFD;
    color:#718097;
    transition:border-color .18s var(--lpc-ease),background-color .18s var(--lpc-ease),box-shadow .18s var(--lpc-ease);
}

.lpc-app .lpc-connections-search:focus-within{
    border-color:rgba(14,45,123,.55);
    background:#fff;
    box-shadow:0 0 0 3px var(--lpc-focus);
}

.lpc-app .lpc-connections-search-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    color:#70819A;
}

.lpc-app .lpc-connections-search-icon svg{
    width:17px;
    height:17px;
}

.lpc-app .lpc-connections-search input[type="search"]{
    all:unset;
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    display:block;
    width:100%;
    min-width:0;
    height:38px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    outline:0;
    background:transparent;
    box-shadow:none;
    color:var(--lpc-text);
    font-family:inherit;
    font-size:13px;
    font-weight:400;
    line-height:38px;
}

.lpc-app .lpc-connections-search input[type="search"]:focus,
.lpc-app .lpc-connections-search input[type="search"]:focus-visible{
    border:0;
    outline:0;
    box-shadow:none;
}

.lpc-app .lpc-connections-search input[type="search"]::placeholder{
    color:#8795A8;
    opacity:1;
}

.lpc-app .lpc-connections-search input[type="search"]::-webkit-search-decoration,
.lpc-app .lpc-connections-search input[type="search"]::-webkit-search-cancel-button{
    appearance:none;
    -webkit-appearance:none;
}

.lpc-app .lpc-connections-search button{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#75849A;
    cursor:pointer;
}

.lpc-app .lpc-connections-search button:hover{
    background:#EDF2F7;
    color:var(--lpc-navy);
}

.lpc-app .lpc-connections-search button svg{
    width:14px;
    height:14px;
}

.lpc-app .lpc-connections-status{
    min-height:16px;
    padding:0 2px;
    color:#7C8A9D;
    font-size:11px;
    line-height:1.4;
}

.lpc-app .lpc-connections-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));
    gap:12px;
    min-width:0;
    transition:opacity .18s var(--lpc-ease);
}

.lpc-app .lpc-connections.is-loading .lpc-connections-grid{
    opacity:.55;
}

.lpc-app .lpc-connection-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    min-width:0;
    padding:14px;
    border:1px solid var(--lpc-border);
    border-radius:17px;
    background:#fff;
    box-shadow:0 6px 20px rgba(18,47,84,.03);
    transition:border-color .18s var(--lpc-ease),box-shadow .18s var(--lpc-ease),transform .18s var(--lpc-ease);
}

.lpc-app .lpc-connection-card:hover{
    border-color:#CAD6E4;
    box-shadow:0 11px 28px rgba(18,47,84,.065);
    transform:translateY(-1px);
}

.lpc-app .lpc-connection-person{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.lpc-app .lpc-connection-avatar{
    display:block;
    flex:0 0 56px;
    width:56px;
    height:56px;
    overflow:hidden;
    border:2px solid #fff;
    border-radius:50%;
    background:#EDF1F6;
    box-shadow:0 0 0 1px #DDE5EE;
}

.lpc-app .lpc-connection-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.lpc-app .lpc-connection-copy{
    min-width:0;
}

.lpc-app .lpc-connection-name{
    display:block;
    overflow:hidden;
    color:var(--lpc-navy-deep);
    font-size:14px;
    font-weight:600;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none;
}

.lpc-app .lpc-connection-name:hover{
    color:var(--lpc-navy);
    text-decoration:underline;
    text-underline-offset:2px;
}

.lpc-app .lpc-connection-username{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:#7D8BA0;
    font-size:11px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lpc-app .lpc-connection-context{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    margin-top:6px;
}

.lpc-app .lpc-connection-context span{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 7px;
    border-radius:999px;
    background:#F2F5F9;
    color:#66758A;
    font-size:9.5px;
    font-weight:600;
    line-height:1;
}

.lpc-app .lpc-connection-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
}

.lpc-app .lpc-connection-actions-primary{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-width:0;
}

.lpc-app .lpc-connection-actions button{
    flex:0 0 auto;
    font:inherit;
    cursor:pointer;
    transition:background-color .16s var(--lpc-ease),border-color .16s var(--lpc-ease),color .16s var(--lpc-ease),transform .16s var(--lpc-ease);
}

.lpc-app .lpc-connection-primary,
.lpc-app .lpc-connection-secondary,
.lpc-app .lpc-connection-follow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:35px;
    padding:0 10px;
    border-radius:10px;
    font-size:10.5px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
}

.lpc-app .lpc-connection-primary{
    border:1px solid var(--lpc-amber);
    background:var(--lpc-amber);
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-connection-primary:hover{
    border-color:var(--lpc-navy);
    background:var(--lpc-navy);
    color:#fff;
}

.lpc-app .lpc-connection-primary svg,
.lpc-app .lpc-connection-secondary svg{
    width:14px;
    height:14px;
}

.lpc-app .lpc-connection-secondary{
    border:1px solid #D7E0EA;
    background:#fff;
    color:#52647C;
}

.lpc-app .lpc-connection-secondary:hover{
    border-color:#C4D0DE;
    background:#F5F8FB;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-connection-secondary.is-connected{
    border-color:#C9D8E9;
    background:#EEF4FA;
    color:var(--lpc-navy);
}

.lpc-app .lpc-connection-follow{
    border:1px solid transparent;
    background:#F3F6F9;
    color:#607089;
}

.lpc-app .lpc-connection-follow:hover{
    border-color:#D8E1EC;
    background:#EAF0F7;
    color:var(--lpc-navy);
}

.lpc-app .lpc-connection-follow.is-active{
    border-color:#F2D6AE;
    background:#FFF3DF;
    color:#8C5716;
}

.lpc-app .lpc-connection-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 35px;
    width:35px;
    height:35px;
    padding:0;
    border:1px solid #D7E0EA;
    border-radius:10px;
    background:#fff;
    color:var(--lpc-navy);
}

.lpc-app .lpc-connection-icon:hover{
    border-color:#C5D3E3;
    background:#EEF4FA;
}

.lpc-app .lpc-connection-icon svg{
    width:15px;
    height:15px;
}

.lpc-app .lpc-connections-empty{
    grid-column:1/-1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:240px;
    padding:36px 20px;
    border:1px dashed #D4DEE9;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    text-align:center;
}

.lpc-app .lpc-connections-empty>span{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    margin-bottom:11px;
    border-radius:14px;
    background:#EDF3FA;
    color:var(--lpc-navy);
}

.lpc-app .lpc-connections-empty svg{
    width:23px;
    height:23px;
}

.lpc-app .lpc-connections-empty strong{
    color:var(--lpc-navy-deep);
    font-size:14px;
    font-weight:600;
}

.lpc-app .lpc-connections-empty p{
    max-width:430px;
    margin:5px 0 0;
    color:#77879B;
    font-size:12px;
    line-height:1.5;
}

.lpc-app .lpc-connections-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:36px;
}

.lpc-app .lpc-connections-pagination button{
    min-height:35px;
    padding:0 12px;
    border:1px solid #D7E0EA;
    border-radius:10px;
    background:#fff;
    color:var(--lpc-navy);
    font:inherit;
    font-size:11px;
    font-weight:600;
    cursor:pointer;
}

.lpc-app .lpc-connections-pagination button:hover{
    background:#F3F7FB;
}

.lpc-app .lpc-connections-pagination span{
    color:#7C8A9D;
    font-size:11px;
}

@media (max-width:1180px){
    .lpc-app .lpc-connections-toolbar{
        grid-template-columns:1fr;
    }

    .lpc-app .lpc-connections-search{
        width:100%;
    }

    .lpc-app .lpc-connections-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:760px){
    .lpc-app .lpc-connections{
        gap:12px;
    }

    .lpc-app .lpc-connections-hero{
        grid-template-columns:1fr auto;
        gap:12px;
        padding:16px;
        border-radius:17px;
    }

    .lpc-app .lpc-connections-hero-mark{
        flex-basis:42px;
        width:42px;
        height:42px;
        border-radius:12px;
    }

    .lpc-app .lpc-connections-hero h1{
        font-size:24px;
    }

    .lpc-app .lpc-connections-hero p{
        font-size:12px;
    }

    .lpc-app .lpc-connections-discover{
        width:42px;
        min-width:42px;
        height:42px;
        padding:0;
    }

    .lpc-app .lpc-connections-discover span{
        position:absolute;
        width:1px;
        height:1px;
        margin:-1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        white-space:nowrap;
    }

    .lpc-app .lpc-connections-stats button{
        min-height:60px;
        flex-direction:column;
        justify-content:center;
        gap:4px;
        padding:9px 4px;
        text-align:center;
    }

    .lpc-app .lpc-connections-stats button+button::before{
        top:10px;
        bottom:10px;
    }

    .lpc-app .lpc-connections-stats strong{
        font-size:18px;
    }

    .lpc-app .lpc-connections-stats span{
        width:100%;
        overflow:hidden;
        font-size:9.5px;
        line-height:1.15;
        text-align:center;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .lpc-app .lpc-connections-toolbar{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        padding:8px;
    }

    .lpc-app .lpc-connections-search{
        order:1;
        height:44px;
        border-radius:12px;
    }

    .lpc-app .lpc-connections-search input[type="search"]{
        height:40px;
        font-size:16px;
        line-height:40px;
    }

    .lpc-app .lpc-connections-tabs{
        order:2;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        width:100%;
        overflow:visible;
        padding:4px;
    }

    .lpc-app .lpc-connections-tabs button{
        width:100%;
        min-width:0;
        min-height:35px;
        padding:0 5px;
        font-size:10px;
    }

    .lpc-app .lpc-connections-tabs button span{
        min-width:17px;
        height:17px;
        padding:0 4px;
        font-size:9px;
    }

    .lpc-app .lpc-connections-tabs button:last-child{
        grid-column:span 2;
    }

    .lpc-app .lpc-connections-status{
        min-height:14px;
        font-size:10.5px;
    }

    .lpc-app .lpc-connection-card{
        grid-template-columns:minmax(0,1fr);
        gap:12px;
        padding:13px;
        border-radius:16px;
    }

    .lpc-app .lpc-connection-person{
        gap:11px;
    }

    .lpc-app .lpc-connection-avatar{
        flex-basis:54px;
        width:54px;
        height:54px;
    }

    .lpc-app .lpc-connection-actions{
        width:100%;
        justify-content:flex-start;
        gap:6px;
    }

    .lpc-app .lpc-connection-actions-primary{
        justify-content:flex-start;
        flex:0 1 auto;
    }

    .lpc-app .lpc-connection-primary,
    .lpc-app .lpc-connection-secondary,
    .lpc-app .lpc-connection-follow{
        min-height:37px;
        padding:0 11px;
        font-size:11px;
    }

    .lpc-app .lpc-connection-follow{
        margin-left:auto;
    }

    .lpc-app .lpc-connection-icon{
        width:37px;
        height:37px;
        flex-basis:37px;
    }

    .lpc-app .lpc-connections-empty{
        min-height:200px;
        padding:30px 18px;
    }
}

@media (max-width:430px){
    .lpc-app .lpc-connections-hero{
        grid-template-columns:minmax(0,1fr) auto;
        padding:14px;
    }

    .lpc-app .lpc-connections-hero-mark{
        display:none;
    }

    .lpc-app .lpc-connections-eyebrow{
        font-size:9px;
    }

    .lpc-app .lpc-connections-hero h1{
        font-size:22px;
    }

    .lpc-app .lpc-connections-hero p{
        max-width:245px;
        margin-top:4px;
        font-size:11.5px;
        line-height:1.45;
    }

    .lpc-app .lpc-connections-stats strong{
        font-size:17px;
    }

    .lpc-app .lpc-connections-stats span{
        font-size:9px;
    }

    .lpc-app .lpc-connection-actions{
        flex-wrap:wrap;
    }

    .lpc-app .lpc-connection-actions-primary{
        flex:1 1 auto;
    }

    .lpc-app .lpc-connection-actions-primary .lpc-connection-primary,
    .lpc-app .lpc-connection-actions-primary .lpc-connection-secondary{
        flex:1 1 auto;
    }

    .lpc-app .lpc-connection-follow{
        margin-left:0;
    }
}

@media (max-width:360px){
    .lpc-app .lpc-connections-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .lpc-app .lpc-connections-tabs button:last-child{
        grid-column:auto;
    }

    .lpc-app .lpc-connections-stats span{
        font-size:8.5px;
    }

    .lpc-app .lpc-connection-actions{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
    }

    .lpc-app .lpc-connection-actions-primary{
        min-width:0;
    }
}