/* ChrisEmm Connect 3.25.0 – Profile Privacy & Visitor Preview */

.profile-preview-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 0 16px;
    padding:13px 15px;
    border:1px solid rgba(96,165,250,.28);
    border-radius:15px;
    background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(14,165,233,.08));
    box-shadow:0 10px 32px rgba(2,6,23,.18);
}
.profile-preview-banner>div:first-child{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
}
.profile-preview-banner>div:first-child>i{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    flex:0 0 38px;
    border-radius:12px;
    background:rgba(96,165,250,.14);
    color:#93c5fd;
}
.profile-preview-banner span{
    display:grid;
    gap:2px;
}
.profile-preview-banner small{
    color:#94a3b8;
    line-height:1.35;
}
.profile-preview-blocked{
    min-height:260px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:10px;
    text-align:center;
}
.profile-preview-blocked>i{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:rgba(239,68,68,.10);
    color:#fca5a5;
    font-size:1.35rem;
}
.profile-preview-blocked h1{
    margin:3px 0 0;
}
.profile-preview-blocked p{
    max-width:580px;
    margin:0 0 8px;
    color:#94a3b8;
}
.profile-visitor-list{
    display:grid;
    gap:8px;
}
.profile-visitor-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px;
    border:1px solid rgba(148,163,184,.12);
    border-radius:12px;
    color:inherit;
    text-decoration:none;
    transition:.15s ease;
}
.profile-visitor-item:hover{
    border-color:rgba(96,165,250,.32);
    background:rgba(96,165,250,.07);
    transform:translateY(-1px);
}
.profile-visitor-item img{
    width:40px;
    height:40px;
    flex:0 0 40px;
    object-fit:cover;
    border-radius:50%;
    background:#111827;
}
.profile-visitor-item span{
    min-width:0;
    display:grid;
}
.profile-visitor-item strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.profile-visitor-item small{
    color:#64748b;
}
@media(max-width:700px){
    .profile-preview-banner{
        align-items:stretch;
        flex-direction:column;
    }
    .profile-preview-banner .button-row{
        width:100%;
    }
    .profile-preview-banner .button{
        flex:1;
        justify-content:center;
    }
}