:root{--s-bg:#f4f7fb;--s-card:#fff;--s-text:#0f172a;--s-muted:#64748b;--s-line:#e2e8f0;--s-brand:#2563eb;--s-green:#16a34a;--s-shadow:0 14px 40px rgba(15,23,42,.08)}
.social-home{max-width:1220px;margin:auto;padding:22px 14px 70px}
.social-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin-bottom:16px}
.social-hero-main,.social-card{background:rgba(255,255,255,.92);border:1px solid var(--s-line);border-radius:24px;box-shadow:var(--s-shadow)}
.social-hero-main{padding:30px;background:radial-gradient(circle at 85% 10%,#dbeafe,transparent 35%),linear-gradient(135deg,#fff,#f8fbff)}
.social-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--s-brand)}
.social-hero h1{font-size:clamp(32px,5vw,58px);line-height:1;letter-spacing:-.06em;margin:8px 0 12px}
.social-hero p{color:var(--s-muted);max-width:680px}
.social-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}
.social-stat{padding:16px;border-radius:18px;background:#f8fafc;border:1px solid var(--s-line)}
.social-stat b{display:block;font-size:24px}.social-stat span{font-size:12px;color:var(--s-muted)}
.social-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:16px;align-items:start}
.social-card{padding:16px}.social-card h3{margin:2px 0 12px;letter-spacing:-.02em}
.social-nav a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:13px;color:#334155;font-weight:750}.social-nav a:hover{background:#eff6ff;color:var(--s-brand)}
.feed-compose{display:flex;gap:10px;align-items:center;padding:12px;background:#f8fafc;border:1px solid var(--s-line);border-radius:18px;margin-bottom:12px}
.feed-compose textarea{min-height:42px;resize:none;border:1px solid var(--s-line);border-radius:13px;padding:10px;flex:1}
.post{padding:17px;border:1px solid var(--s-line);border-radius:20px;background:#fff;margin-bottom:12px}
.post-head{display:flex;align-items:center;gap:10px}.post-head small{display:block;color:var(--s-muted)}
.post-text{white-space:pre-wrap;margin:13px 0;font-size:15px}.post-actions{display:flex;gap:6px;border-top:1px solid var(--s-line);padding-top:10px}.post-actions button{border:0;background:#f8fafc;color:#475569;padding:8px 11px;border-radius:11px;font-weight:700}.post-actions button:hover{background:#eff6ff;color:var(--s-brand)}
.contact-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--s-line);border-radius:11px;background:#f8fafc;font-size:12px;font-weight:700;margin:3px}
.friend-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--s-line)}.friend-row:last-child{border-bottom:0}
.social-search{display:flex;gap:7px;margin-bottom:12px}.social-search input{flex:1}
@media(max-width:1000px){.social-grid{grid-template-columns:220px 1fr}.social-grid>.social-card:last-child{grid-column:1/-1}.social-hero{grid-template-columns:1fr}}
@media(max-width:700px){.social-grid{grid-template-columns:1fr}.social-grid>.social-card:last-child{grid-column:auto}.social-hero-main{padding:23px}.social-stats{grid-template-columns:repeat(2,1fr)}}
body.dark{--s-bg:#070b14;--s-card:#0f172a;--s-text:#e7eef8;--s-muted:#94a3b8;--s-line:#263448}.dark .social-hero-main,.dark .social-card,.dark .post{background:#0f172a;border-color:var(--s-line);color:var(--s-text)}.dark .social-stat,.dark .feed-compose,.dark .post-actions button,.dark .contact-chip{background:#111c2e;border-color:var(--s-line);color:#dbeafe}.dark .social-nav a{color:#cbd5e1}.dark .social-nav a:hover{background:#172033}

.install-app{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;width:min(560px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line,#dce2e8);border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.2)}.install-app>div{flex:1;min-width:0}.install-app b,.install-app small{display:block}.install-app small{color:#718096;margin-top:3px}.install-app button{border:0;border-radius:11px;padding:10px 13px;background:#d90429;color:#fff;font-weight:800;cursor:pointer}.install-app .install-close{background:transparent;color:inherit;padding:6px}.dark .install-app{background:#111923;border-color:#2b3949;color:#eef2f7}.dark .install-app small{color:#9aa7b6}@media(max-width:520px){.install-app{bottom:10px;gap:7px}.install-app button{padding:9px 10px;font-size:13px}}

/* v73 city portal / global search */
.search-box{display:flex;gap:10px;padding:16px;margin-bottom:16px}.search-box input{flex:1}.search-results{display:grid;gap:10px}.search-result{display:block;padding:16px}.search-result h3{margin:4px 0}.search-kind{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand,#2563eb);font-weight:800}.admin-bg-tools{grid-column:1/-1;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.admin-bg-tools>label{flex:1;min-width:240px}.admin-bg-tools>div{display:flex;gap:8px;flex-wrap:wrap}.admin-row{min-width:0}.city-card input,.city-card textarea,.city-card select{max-width:100%;box-sizing:border-box}
@media(max-width:700px){.search-box{display:grid}.search-box button{width:100%}.admin-bg-tools{display:block}.admin-bg-tools>div{margin-top:8px}.admin-bg-tools button{width:100%;margin-bottom:6px}}

/* v78 profile settings directly under profile */
.profile-main-col{min-width:0;max-width:100%;}
.profile-panel,.edit-panel,.edit-grid,.edit-fields,.edit-avatar{min-width:0;max-width:100%;box-sizing:border-box;}
.edit-grid{overflow:hidden;}
.edit-fields input,.edit-fields textarea{max-width:100%;box-sizing:border-box;}
@media(max-width:700px){.edit-grid{grid-template-columns:1fr!important}.edit-avatar{width:100%;}.edit-avatar .profile-btn,.edit-avatar .text-danger{max-width:100%;box-sizing:border-box;}.profile-head-actions{flex-wrap:wrap;}}