.notification-bell{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f7f7fb;font-size:18px}
.notification-bell:hover,.notification-bell.active{background:#fff0f3}
.bell-badge{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;background:var(--primary);color:#fff;border-radius:999px;font-size:10px;line-height:18px;text-align:center;font-weight:900}

.notification-list{overflow:hidden}
.notification-row{display:flex;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border);transition:.2s ease}
.notification-row:last-child{border-bottom:0}
.notification-row:hover{background:#fafafd}
.notification-row.unread{background:#fff7f8}
.notification-symbol{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:#fff0f3;font-size:18px}
.notification-copy strong{display:block;color:var(--dark)}
.notification-copy p{font-size:14px;margin-top:2px}
.notification-copy small{display:block;color:var(--muted);font-size:11px;margin-top:5px}

.profile-view-wrap{max-width:900px;margin:auto}
.profile-view-card{overflow:hidden}
.profile-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:3px;background:#eee}
.profile-gallery img{width:100%;height:100%;object-fit:cover}
.profile-gallery img:first-child{grid-row:span 2}
.profile-gallery.single{display:block}
.profile-gallery.single img{width:100%;max-height:650px;object-fit:cover}
.profile-view-content{padding:26px}
.profile-view-title h1{color:var(--dark);font-size:34px;line-height:1.1}
.profile-view-title p{color:var(--muted);margin-top:5px}
.profile-section{margin-top:24px}
.profile-section h3{color:var(--dark);margin-bottom:8px}
.profile-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.profile-facts span,.interest-chip{display:inline-flex;padding:9px 12px;border-radius:999px;background:#f5f5f8;font-size:13px;font-weight:700}
.profile-primary-actions{display:flex;gap:10px;margin-top:26px}
.profile-primary-actions .btn{flex:1}
.profile-safety-actions{display:flex;justify-content:center;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.profile-safety-actions form{margin:0}
.text-action{border:0;background:none;font-weight:700;cursor:pointer}
.text-action.danger{color:#c92f45}
.profile-view-link{display:block;margin-top:12px;text-align:center;font-size:13px;font-weight:800;color:var(--primary)}

.report-dialog{width:min(520px,calc(100% - 28px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px rgba(31,31,45,.25)}
.report-dialog::backdrop{background:rgba(20,20,30,.55)}
.report-dialog form{padding:24px}
.report-dialog h3{color:var(--dark);font-size:24px;margin-bottom:5px}
.report-dialog p{color:var(--muted);margin-bottom:20px}

@media(max-width:650px){
    .notification-bell{width:38px;height:38px;flex:0 0 38px}
    .brand{font-size:20px}
    .topbar{gap:8px}
    .profile-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
    .profile-gallery img:first-child{grid-column:span 2;grid-row:auto;height:360px}
    .profile-view-content{padding:18px}
    .profile-view-title h1{font-size:29px}
    .profile-primary-actions{display:grid;grid-template-columns:1fr}
    .profile-safety-actions{justify-content:flex-start}
    .notification-row{padding:15px 14px}
}