.profile-social-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(214, 168, 79, .25);
    border-radius: .7rem;
}

.profile-social-actions span { font: 1rem system-ui, sans-serif; }
.profile-social-actions strong { color: var(--gold); }

[data-notification-count] {
    display: inline-grid;
    place-items: center;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 .3rem;
    border-radius: 999px;
    color: #17130b;
    background: var(--gold);
    font: 800 .72rem system-ui, sans-serif;
}

[data-notification-count][hidden] { display: none; }

.notification-item {
    display: grid !important;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: .8rem;
}

/* Las notificaciones sin avatar usan todo el ancho disponible. */
.notification-item:not(:has(> img)) {
    grid-template-columns: minmax(0, 1fr);
}

.notification-item.unread {
    border-color: var(--gold);
    background: rgba(214, 168, 79, .12);
}

.notification-item > img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    object-fit: cover;
}

.notification-inbox>h1{font-size:clamp(2rem,5vw,3.5rem)}
.notification-item h2 { margin: .4rem 0;font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.12;overflow-wrap:normal;word-break:normal; }
.notification-item p { margin: .3rem 0; }
.profile-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1.25rem}.profile-connections details{padding:.85rem;border:1px solid rgba(214,168,79,.25);border-radius:.7rem}.profile-connections summary{cursor:pointer;color:var(--gold);font-weight:700}.profile-connection-list{display:grid;gap:.55rem;margin-top:.8rem}.profile-connection-list>a{display:flex;align-items:center;gap:.65rem;padding:.55rem;border-radius:.55rem;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.025)}.profile-connection-list>a:hover{background:rgba(214,168,79,.12)}.profile-connection-list img,.profile-connection-placeholder{width:2.4rem;height:2.4rem;border-radius:50%}.profile-connection-list img{object-fit:cover}.profile-connection-placeholder{display:grid;place-items:center;background:rgba(214,168,79,.15)}.profile-connection-list strong,.profile-connection-list small{display:block}.profile-connection-list small{color:var(--muted)}

@media (max-width: 600px) {
    .profile-social-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-social-actions button,
    .profile-social-actions a {
        width: 100%;
        text-align: center;
    }

    .notification-item { grid-template-columns: 2.5rem minmax(0, 1fr); }
    .notification-item:not(:has(> img)) { grid-template-columns: minmax(0, 1fr); }
    .notification-item > img { width: 2.5rem; height: 2.5rem; }
    .notification-inbox>h1{font-size:clamp(1.85rem,9vw,2.55rem)}
    .notification-item h2{font-size:1.18rem;line-height:1.15}
    .profile-connections { grid-template-columns: 1fr; }
}