.social-main{min-height:calc(100vh - 90px);padding:clamp(2rem,6vw,5rem) 1rem;background:linear-gradient(120deg,#eefaff 0%,#b9e5ff 62%,#3974c7 100%)}
.social-shell{width:min(1180px,100%);margin:auto}.social-shell>h1,.section-heading h1{font-size:clamp(2.6rem,7vw,5.5rem);line-height:.95;margin:.25rem 0 1rem;color:#06154c}.social-shell>p{color:#355581;font-size:1.1rem}.people-search{display:flex;gap:.75rem;margin:2rem 0}.people-search input,.message-form textarea{width:100%;border:1px solid #aacdec;border-radius:18px;background:rgba(255,255,255,.9);padding:1rem 1.2rem;font:inherit;color:#06154c}.people-search .btn{flex:0 0 auto}.social-status{margin:1rem 0;color:#355581}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.person-card,.notification-card,.thread-card{background:rgba(255,255,255,.88);border:1px solid #c6ddf1;border-radius:22px;padding:1.2rem}.person-card{display:grid;grid-template-columns:58px 1fr;gap:1rem;align-items:center}.person-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#dceeff}.person-card h3,.person-card p{margin:.1rem 0}.person-actions{grid-column:1/-1;display:flex;gap:.6rem}.person-actions .btn{padding:.65rem 1rem}.followers-section{margin-top:3rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{font-size:2rem;color:#06154c}.inbox-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;min-height:620px;border:1px solid #c6ddf1;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.86)}.inbox-sidebar{border-right:1px solid #c6ddf1;overflow:auto}.inbox-tabs{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:0;background:#eff8ff;z-index:1}.inbox-tabs button{padding:1rem;border:0;background:transparent;font:inherit;font-weight:800;color:#355581}.inbox-tabs button.active{color:#116deb;border-bottom:3px solid #116deb}.thread-card{border-width:0 0 1px;border-radius:0;cursor:pointer}.thread-card.active{background:#ddecff}.thread-card h3,.thread-card p,.notification-card p{margin:.2rem 0}.thread-meta{display:flex;justify-content:space-between;gap:.5rem}.unread-badge{background:#1477ef;color:#fff;border-radius:99px;padding:.1rem .5rem}.notification-card{margin:.75rem}.conversation{display:flex;min-width:0}.conversation-empty{margin:auto;text-align:center;padding:2rem}.conversation>[data-conversation-content]{display:flex;flex-direction:column;width:100%}.conversation header{padding:1.2rem;border-bottom:1px solid #c6ddf1}.conversation header h2,.conversation header p{margin:.1rem}.message-list{flex:1;overflow:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.7rem}.message-bubble{max-width:75%;padding:.8rem 1rem;border-radius:18px;background:#e0efff;align-self:flex-start}.message-bubble.mine{background:#1e72dd;color:#fff;align-self:flex-end}.message-bubble small{display:block;opacity:.75;margin-top:.3rem}.message-form{display:flex;gap:.7rem;padding:1rem;border-top:1px solid #c6ddf1}.message-form textarea{resize:none}.message-form .btn{align-self:stretch}.eyebrow{color:#159cec;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:760px){.social-main{padding-top:2rem}.people-search,.section-heading{align-items:stretch;flex-direction:column}.inbox-layout{grid-template-columns:1fr;min-height:700px}.inbox-sidebar{border-right:0;border-bottom:1px solid #c6ddf1;max-height:280px}.conversation{min-height:420px}.message-bubble{max-width:88%}}