/* Amis, messagerie et notifications */
.brand-lockup{display:inline-flex;align-items:center;gap:.35rem;letter-spacing:-.03em}.brand-lockup img{width:2rem;height:2rem;object-fit:contain}.brand-lockup span{font-size:1.16rem}
.notification-menu{position:relative}.notification-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;font-size:1.15rem;position:relative;border-radius:50%;transition:.2s}.notification-trigger:hover{background:rgba(255,255,255,.14)}.notification-badge{position:absolute;top:-.15rem;right:-.35rem;min-width:1.18rem;height:1.18rem;padding:0 .22rem;border:2px solid #1f55c7;border-radius:99px;background:#f04461;color:#fff;font-size:.65rem;line-height:.95rem;text-align:center;font-weight:800}.notification-list{width:min(360px,92vw);padding:.45rem 0;border:0;border-radius:1rem;box-shadow:0 16px 45px rgba(31,46,88,.2);overflow:hidden}.notification-heading{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem .75rem;font-size:.9rem;font-weight:800}.notification-heading a{font-weight:700;font-size:.78rem;text-decoration:none}.notification-item{white-space:normal;padding:.75rem 1rem;border-top:1px solid #eef1f8}.notification-item.unread{background:#f0f4ff}.notification-item span,.notification-item small{display:block}.notification-item span{font-size:.86rem;line-height:1.35}.notification-item small{font-size:.7rem;color:#7a8498;margin-top:.22rem}

.social-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem 0 1.75rem}.social-hero h1{margin:.18rem 0 .35rem;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.06em}.social-hero p{margin:0;color:#6f7890}.friend-count{min-width:96px;padding:.85rem 1rem;border-radius:1rem;background:linear-gradient(145deg,#232f60,#4665d5);color:#fff;text-align:center;box-shadow:0 12px 26px rgba(55,83,186,.22)}.friend-count strong,.friend-count span{display:block}.friend-count strong{font-size:1.55rem;line-height:1.1}.friend-count span{font-size:.78rem;opacity:.8}.friend-search-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid #e6eaf4;border-radius:1.1rem;background:#fff;box-shadow:0 8px 24px rgba(31,46,88,.06)}.friend-search-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:.85rem;background:#eef2ff;color:#3156cd;font-size:1.8rem;font-weight:700}.friend-search-card h2{font-size:1rem;margin:0 0 .15rem;font-weight:800}.friend-search-card p{margin:0;font-size:.82rem;color:#717b91}.friend-search-form{display:flex;gap:.5rem;min-width:min(100%,390px);margin-left:auto}.friend-search-form .form-control{border-radius:.65rem}.friend-search-form .btn{white-space:nowrap}.social-section{padding:1.15rem;border:1px solid #e6eaf4;border-radius:1.1rem;background:#fff;box-shadow:0 8px 24px rgba(31,46,88,.05)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{font-size:1.1rem;margin:.1rem 0 0;font-weight:800}.section-pill{padding:.25rem .6rem;border-radius:99px;background:#fff1d9;color:#9a6103;font-size:.72rem;font-weight:800}.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.friend-card{display:flex;align-items:center;gap:.75rem;padding:.85rem;border:1px solid #edf0f6;border-radius:.9rem;background:#fbfcff;transition:transform .2s,box-shadow .2s}.friend-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,46,88,.08)}.friend-card.pending{border-color:#ffe4a8;background:#fffaf0}.friend-avatar{display:grid;place-items:center;flex:0 0 2.6rem;height:2.6rem;border-radius:.78rem;background:linear-gradient(145deg,#dbe5ff,#9fb8ff);color:#294cbe;font-weight:900}.friend-avatar.cool{background:linear-gradient(145deg,#c7f2ea,#96ddd3);color:#067b70}.friend-avatar.warm{background:linear-gradient(145deg,#ffe6b8,#ffb97e);color:#9a5215}.friend-info{min-width:0;flex:1}.friend-info strong,.friend-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-info strong{font-size:.9rem}.friend-info span{font-size:.72rem;color:#7a8498;margin-top:.15rem}.friend-state{font-size:.72rem;color:#6b7490;font-weight:700}.empty-social{margin:0;padding:1rem;color:#717b91}.empty-social.wide{width:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center}.empty-social.wide strong{color:#28304a}.empty-social.wide span{max-width:410px;font-size:.86rem}.empty-icon{font-size:2.1rem;margin-bottom:.15rem}

.chat-card{max-width:860px;margin:0 auto;border:0!important;border-radius:1.15rem!important;box-shadow:0 12px 35px rgba(31,46,88,.1)!important}.chat-card .card-body{padding:1rem}.messages{min-height:390px;max-height:570px;overflow-y:auto;padding:1rem;border-radius:.9rem;background:radial-gradient(circle at top right,#e7edff 0,transparent 36%),#f7f9fd}.message{max-width:min(78%,530px);margin:.35rem 0;padding:.65rem .78rem;border-radius:.25rem .9rem .9rem .9rem;background:#fff;color:#263049;box-shadow:0 3px 10px rgba(31,46,88,.07);word-break:break-word}.message.mine{margin-left:auto;border-radius:.9rem .25rem .9rem .9rem;background:linear-gradient(135deg,#355ed1,#5479e5);color:#fff}.message-author{margin-bottom:.18rem;font-size:.7rem;font-weight:800;color:#59637b}.message.mine .message-author,.message.mine small{color:rgba(255,255,255,.75)}.message-body{font-size:.92rem;line-height:1.45;white-space:pre-wrap}.message small{display:block;margin-top:.35rem;font-size:.68rem;color:#7a8498}.chat-image{display:block;max-width:100%;max-height:340px;object-fit:cover;margin-top:.55rem;border-radius:.65rem}.chat-video{display:block;width:100%;max-height:340px;margin-top:.55rem;border-radius:.65rem;background:#141a2c}.chat-form{padding:.75rem;border:1px solid #e5eaf4;border-radius:.9rem;background:#fff}.chat-form textarea{resize:vertical;border:0;background:#f7f9fd;box-shadow:none!important}.quick-emojis{display:flex;gap:.32rem;padding:0 0 .5rem}.quick-emojis button{border:0;border-radius:.45rem;background:#f2f4fa;padding:.22rem .38rem;transition:.16s}.quick-emojis button:hover{transform:scale(1.12);background:#e7edff}.attach-button{display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:.42rem .6rem;border-radius:.55rem;background:#f0f3fb;color:#405075;font-size:.78rem;font-weight:700;cursor:pointer}.attach-button:hover{background:#e4eaff}.attach-button input{display:none}.online-dot{display:inline-block;width:.52rem;height:.52rem;margin-right:.2rem;border-radius:50%;background:#25bd7f;box-shadow:0 0 0 3px #d9f7e9}.notifications-page{overflow:hidden;border:1px solid #e6eaf4;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(31,46,88,.06)}.notification-row{display:flex;align-items:center;gap:.8rem;padding:1rem;text-decoration:none;color:inherit;border-bottom:1px solid #edf0f6;transition:background .16s}.notification-row:last-child{border-bottom:0}.notification-row:hover{background:#f8faff;color:inherit}.notification-row.unread{background:#f0f4ff}.notification-row-icon{display:grid;place-items:center;flex:0 0 2.4rem;height:2.4rem;border-radius:.75rem;background:#e3eafe}.notification-row-body{flex:1;font-size:.92rem;font-weight:650}.notification-row-body small{display:block;margin-top:.18rem;color:#7a8498;font-size:.72rem;font-weight:500}.notification-arrow{font-size:1.8rem;color:#a4aec2}

@media(max-width:767px){.social-hero{align-items:center}.friend-search-card{align-items:flex-start;flex-wrap:wrap}.friend-search-form{width:100%;min-width:0}.friend-grid{grid-template-columns:1fr}.messages{min-height:360px;max-height:480px}.message{max-width:88%}.notification-menu{margin:.5rem 0}.notification-list{width:min(360px,calc(100vw - 2rem))}}