/* Dedicated HomeMotion Social styling: uses the exact original HomeMotion logo and teal/gold/navy brand. */
:root{--s-bg:#081724;--s-panel:#102635;--s-line:rgba(196,224,233,.16);--s-gold:#f4c66b;--s-teal:#29d0c3;--s-muted:#aec1cc;--s-text:#f2f8fb}
.hmp-social-main{padding:32px 0 90px;min-height:72vh;background:radial-gradient(ellipse at 85% 5%,rgba(41,208,195,.09),transparent 36%),#081724}
.hmp-social-main .container{max-width:1380px}.social-current{color:var(--s-gold)!important}
.hmp-social-main button,.hmp-social-main select,.hmp-social-main textarea,.hmp-social-main input{font:inherit}
.hmp-social-main input:not([type=file]),.hmp-social-main textarea,.hmp-social-main select{width:100%;min-width:0;border:1px solid rgba(194,225,235,.24);border-radius:11px;padding:11px 13px;background:#0a1b28;color:var(--s-text)}
.hmp-social-main input::placeholder,.hmp-social-main textarea::placeholder{color:#9baebb}.hmp-social-main input:focus-visible,.hmp-social-main textarea:focus-visible,.hmp-social-main button:focus-visible,.hmp-social-main select:focus-visible{outline:2px solid var(--s-gold);outline-offset:3px}
.social-loading{padding:80px;text-align:center;color:var(--s-muted)}.social-gate{max-width:1120px;margin:18px auto 50px;padding:clamp(24px,4vw,55px);display:grid;grid-template-columns:1.35fr .75fr;gap:30px;align-items:center;background:linear-gradient(120deg,#103044,#0a1a27)}.social-gate h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.04;letter-spacing:-.05em;max-width:14ch}.social-gate p{line-height:1.8;color:var(--s-muted);max-width:60ch}.social-gate-benefits{display:flex;flex-wrap:wrap;gap:9px}.social-gate-benefits span{border:1px solid rgba(41,208,195,.35);border-radius:999px;padding:8px 12px;font-weight:700;font-size:.84rem}.social-gate-actions{display:flex;flex-direction:column;gap:13px;align-items:stretch;padding:25px;background:#081b29;border:1px solid var(--s-line);border-radius:20px}.social-gate-actions img{width:100%;height:110px;object-fit:contain;margin-bottom:8px}.social-gate-actions small{color:var(--s-muted);text-align:center;line-height:1.6}
.social-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.social-sidebar{position:sticky;top:20px;background:#102333;border:1px solid var(--s-line);padding:15px;border-radius:19px}.social-self{padding:13px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--s-line);margin-bottom:12px}.social-self .social-avatar{flex-shrink:0}.social-self strong{display:block;overflow-wrap:anywhere}.social-self small{display:block;color:var(--s-muted);font-size:.77rem;margin-top:4px}.social-side-nav{display:grid;gap:5px}.social-side-nav button{border:0;border-radius:10px;padding:13px 12px;text-align:left;color:#dbeaf0;background:transparent;cursor:pointer;font-weight:750;display:flex;justify-content:space-between;align-items:center}.social-side-nav button:hover,.social-side-nav button.selected{background:rgba(41,208,195,.14);color:#fff}.social-side-nav button.selected{box-shadow:inset 3px 0 var(--s-teal)}.social-side-nav b,.social-heading b{padding:2px 6px;border-radius:999px;background:var(--s-gold);color:#071721;font-size:.7rem}.social-sidebar-note{padding:13px 6px 0;margin:10px 0 0;border-top:1px solid var(--s-line);font-size:.8rem;color:var(--s-muted);line-height:1.6}.social-workspace{min-width:0}.social-view{max-width:970px}.social-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:6px 0 25px}.social-heading h1,.social-heading h2{font-size:clamp(1.8rem,3.4vw,2.75rem);line-height:1.1;margin:7px 0 11px}.social-heading p{margin:0;color:var(--s-muted);line-height:1.6}.social-secondary{border:1px solid rgba(222,237,243,.28);border-radius:11px;padding:10px 14px;background:rgba(255,255,255,.055);color:#eaf5f8;font-weight:700;cursor:pointer;text-align:center;white-space:normal}.social-secondary:hover{border-color:var(--s-teal);background:rgba(41,208,195,.1)}.social-secondary:disabled{opacity:.45;cursor:not-allowed}.social-feed-tools{display:flex;gap:12px;margin-bottom:18px}.social-feed-tools input{flex:1}.social-stream{display:grid;gap:15px}.social-post,.social-composer,.social-card,.social-list-entry,.social-chat-room,.social-group-room{background:#112737;border:1px solid var(--s-line);border-radius:16px}.social-post{padding:19px}.social-post-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.social-avatar{width:45px;height:45px;border-radius:50%;border:1px solid rgba(41,208,195,.4);background:linear-gradient(140deg,#173b47,#0b1d2c);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;color:var(--s-gold);overflow:hidden;flex-shrink:0}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-post-head .social-author{background:transparent;border:0;color:#f8fcfd;text-decoration:none;cursor:pointer;font-weight:900;padding:0}.social-post-head small{display:block;color:var(--s-muted);font-size:.75rem;margin-top:4px}.social-post-head .social-post-menu{margin-left:auto}.social-post-body{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#eaf5fa}.social-post-link{color:var(--s-teal);overflow-wrap:anywhere}.social-post-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-post-media img,.social-post-media video{width:100%;max-height:320px;object-fit:cover;border-radius:11px}.social-post-media a{display:block;overflow-wrap:anywhere}.social-post-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;padding-top:12px;border-top:1px solid var(--s-line)}.social-post-actions button,.social-inline-btn{border:0;background:transparent;color:#b6d0d9;cursor:pointer;padding:6px 9px;border-radius:8px;font-weight:750;font-size:.85rem}.social-post-actions button:hover,.social-post-actions button.active,.social-inline-btn:hover{background:rgba(41,208,195,.12);color:var(--s-teal)}.social-replies{margin-top:12px;border-top:1px solid var(--s-line);padding-top:8px;display:grid;gap:8px}.social-comment{padding:10px 12px;background:#0b1f2e;border-radius:11px}.social-comment.is-reply{margin-left:24px;border-left:2px solid var(--s-teal)}.social-comment p{margin:5px 0 2px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.social-comment small{color:var(--s-muted)}.social-comment form{display:flex;gap:6px}.social-comment-compose{display:flex;gap:8px;margin-top:9px}.social-comment-compose input{flex:1}.social-poll{margin:14px 0;display:grid;gap:9px}.social-poll button{text-align:left;padding:9px 12px;border-radius:10px;background:#0c1e2c;border:1px solid var(--s-line);color:#effafd;cursor:pointer}.social-poll button.chosen{border-color:var(--s-teal)}.social-poll small{color:var(--s-muted)}.social-composer{padding:20px;margin-bottom:23px}.social-composer textarea{resize:vertical;min-height:100px}.social-field{display:grid;gap:8px;margin-bottom:14px}.social-field span{font-size:.88rem;font-weight:750;color:#d5eaef}.social-composer-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.social-composer-controls label:not(.social-file-label){display:flex;align-items:center;gap:8px;font-size:.83rem}.social-composer-controls label select{max-width:160px}.social-poll-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;margin-top:13px;border-radius:12px;background:#0c1e2d}.social-poll-editor label{display:grid;gap:5px;font-size:.84rem}.social-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.social-compose-footer span{color:var(--s-muted);font-size:.8rem}.social-upload-list{font-size:.83rem;color:var(--s-muted);line-height:1.6}.social-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.social-card{padding:17px;display:grid;gap:10px}.social-card-head{display:flex;align-items:center;gap:10px}.social-card p{margin:0;color:var(--s-muted);font-size:.9rem;line-height:1.5}.social-card-actions{display:flex;flex-wrap:wrap;gap:6px}.social-card-actions button{font-size:.8rem}.social-wide-search{margin:0 0 20px}.social-list{display:grid;gap:10px}.social-list-entry{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;min-width:0}.social-list-entry>div{min-width:0}.social-list-entry strong,.social-list-entry small{display:block;overflow-wrap:anywhere}.social-list-entry small{color:var(--s-muted);margin-top:4px}.social-list-entry button{flex-shrink:0}.social-chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px}.social-chat-list{background:#102637;border:1px solid var(--s-line);border-radius:16px;max-height:560px;overflow:auto;padding:9px}.social-chat-list button{display:block;width:100%;text-align:left;border:0;color:#f0f8fb;background:transparent;padding:12px 10px;border-radius:9px;cursor:pointer}.social-chat-list button:hover,.social-chat-list button.active{background:rgba(41,208,195,.13)}.social-chat-room,.social-group-room{padding:16px;min-height:350px}.social-chat-room h3{margin:0 0 13px;font-size:1.14rem}.social-chat-history{min-height:210px;max-height:410px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:9px 0}.social-bubble{padding:9px 12px;max-width:85%;width:max-content;border-radius:11px;background:#0b1c2b;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.social-bubble.mine{margin-left:auto;background:#0c4a4b}.social-bubble small{display:block;font-size:.69rem;color:#bdcbd0;margin-top:4px}.social-chat-form{display:flex;gap:9px;align-items:flex-end;border-top:1px solid var(--s-line);padding-top:13px}.social-chat-form textarea{resize:vertical;min-height:52px}.social-group-room{margin-top:15px}.social-profile-form{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.social-profile-form label{display:grid;gap:8px;font-weight:700;font-size:.87rem}.social-profile-form .social-field-full{grid-column:1/-1}.social-profile-photo{grid-column:1/-1}.social-profile-photo .social-avatar{width:84px;height:84px;font-size:1.5rem}.social-notice{position:fixed;bottom:18px;right:18px;z-index:80;padding:14px 18px;max-width:min(420px,calc(100vw - 30px));background:#183d45;border:1px solid #55d6c7;box-shadow:0 18px 44px rgba(0,0,0,.4);border-radius:14px;color:#fff}.social-empty{padding:35px;text-align:center;border:1px dashed var(--s-line);border-radius:15px;color:var(--s-muted);line-height:1.7}.social-more{display:block;margin:18px auto}.social-person-mini{display:flex;align-items:center;gap:10px}.social-person-mini .social-avatar{width:36px;height:36px}.social-person-mini small{display:block;color:var(--s-muted);margin-top:2px}.social-post-menu{display:flex;gap:5px;flex-wrap:wrap}.social-post-menu button{font-size:.72rem}
@media(max-width:1060px){.social-shell{grid-template-columns:200px 1fr}.social-person-grid{grid-template-columns:1fr}}
@media(max-width:800px){.social-shell{grid-template-columns:1fr}.social-sidebar{position:static}.social-side-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:5px}.social-side-nav button{white-space:nowrap;padding:11px}.social-sidebar-note{display:none}.social-chat-layout{grid-template-columns:190px minmax(0,1fr)}.social-gate{grid-template-columns:1fr}}
@media(max-width:570px){.hmp-social-main{padding-top:18px}.social-heading{align-items:flex-start;flex-direction:column}.social-feed-tools{flex-direction:column}.social-post{padding:14px}.social-post-media{grid-template-columns:1fr}.social-profile-form,.social-poll-editor{grid-template-columns:1fr}.social-chat-layout{grid-template-columns:1fr}.social-chat-list{max-height:160px}.social-list-entry{align-items:flex-start;flex-wrap:wrap}.social-gate-actions{padding:16px}.social-compose-footer{flex-direction:column;align-items:stretch}.social-composer-controls{align-items:stretch}.social-person-grid{grid-template-columns:1fr}}

.social-profile-dialog{padding:24px;border-radius:18px;border:1px solid var(--s-line);background:#112737;color:#fff;width:min(520px,calc(100vw - 26px));box-shadow:0 25px 80px rgba(0,0,0,.5)}.social-profile-dialog::backdrop{background:rgba(0,7,12,.78)}.social-profile-dialog h2{font-size:1.7rem;margin:13px 0 8px}.social-profile-dialog p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.social-profile-dialog .social-avatar{width:88px;height:88px;font-size:1.6rem}.social-blocked-list{padding:13px;border:1px solid var(--s-line);border-radius:12px}.social-blocked-list div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 0}.social-blocked-list strong{display:block;margin-bottom:10px}

/* #8 mobile regression fix: horizontal member tabs must scroll INSIDE the sidebar,
   never enlarge the entire page or clip the post feed on narrow screens. */
@media(max-width:800px){
 .social-shell{grid-template-columns:minmax(0,1fr)}
 .social-sidebar,.social-workspace,.social-view,.social-stream{min-width:0;max-width:100%}
 .social-side-nav{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
 .social-side-nav button{flex:0 0 auto}
 .social-heading>div,.social-post-head>div,.social-list-entry>div{min-width:0}
}
@media(max-width:570px){
 .social-post-head{flex-wrap:wrap}
 .social-post-head .social-post-menu{margin-left:0}
 .social-replies,.social-comment-compose{min-width:0}
 .social-comment-compose input{min-width:0}
}