.communities-shell,.community-detail-shell{width:min(1180px,calc(100% - 40px));margin:22px auto 60px}.communities-hero{min-height:170px;border-radius:18px;background:var(--ink);color:#fff;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.communities-hero span{font-size:11px;color:#f7c756}.communities-hero h1{font-size:28px;font-weight:850;margin:7px 0}.communities-hero p{color:#c8d0d6;margin:0}.communities-hero .btn-primary-custom{padding:12px 18px;white-space:nowrap}.community-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:18px 0}.community-tabs a{padding:13px 18px;font-weight:750;color:var(--muted);position:relative}.community-tabs a.active{color:var(--ink)}.community-tabs a.active:after{content:"";position:absolute;right:12px;left:12px;bottom:-1px;height:3px;background:var(--saffron)}.community-tabs b{background:#eeeae1;border-radius:999px;font-size:9px;padding:2px 7px;margin-right:5px}.community-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.community-list-card{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:var(--soft-shadow);transition:.2s}.community-list-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(35,39,44,.09)}.community-cover{height:125px;background:linear-gradient(135deg,#f0e8cb,#faf4df);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:14px;position:relative}.community-cover>span{width:48px;height:48px;border-radius:12px;background:var(--ink);color:var(--saffron);display:grid;place-items:center;font-size:21px;border:3px solid #fff}.community-cover.group-cover{background-color:#e9edf2}.community-cover em{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);border-radius:7px;padding:4px 8px;font-size:8px;font-style:normal}.community-list-body{padding:15px}.community-list-body>small{font-size:9px;color:var(--saffron-dark);font-weight:700}.community-list-body h2{font-size:17px;font-weight:850;margin:4px 0}.community-list-body p{color:var(--muted);font-size:10px;line-height:1.8;height:37px;overflow:hidden}.community-list-body>div{display:flex;gap:13px;align-items:center;border-top:1px solid var(--border);padding-top:11px;font-size:9px;color:var(--muted)}.community-list-body>div>a{margin-right:auto;color:var(--cobalt);font-weight:700}.community-create-form{border:0;border-radius:16px}.community-create-form .modal-header,.community-create-form .modal-footer{border-color:var(--border)}.community-create-form .modal-title{font-size:19px;font-weight:850}.community-create-form .modal-body{display:grid;gap:8px}.community-create-form label{font-size:10px;font-weight:700;margin-top:4px}.community-create-form .form-control,.community-create-form .form-select{border-color:var(--border);border-radius:8px;font-size:11px;padding:10px}
.community-profile-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:18px}.detail-cover{height:230px;background:linear-gradient(135deg,#202a34,#3b4b58);background-size:cover;background-position:center}.group-profile-card .detail-cover{background-color:#29333d}.detail-identity{padding:0 24px 20px;display:grid;grid-template-columns:88px 1fr auto;gap:18px;align-items:end}.community-mark{width:88px;height:88px;border-radius:22px;background:var(--saffron);border:5px solid #fff;display:grid;place-items:center;font-size:35px;color:var(--ink);margin-top:-40px}.detail-identity>div:nth-child(2){padding-top:13px}.detail-identity>div:nth-child(2)>span{font-size:9px;color:var(--saffron-dark);font-weight:700}.detail-identity h1{font-size:25px;font-weight:900;margin:2px 0}.detail-identity p{font-size:11px;color:var(--muted);margin:0 0 4px}.detail-identity small{font-size:9px;color:var(--muted)}.detail-actions{align-self:center}.owner-badge,.pending-badge{background:#ecf7ee;color:#26723a;padding:9px 12px;border-radius:8px;font-size:10px;font-weight:700}.pending-badge{background:#fff4d6;color:#805a08}.outline-danger-button{border:1px solid #e3a8a2;background:#fff;color:#a23d34;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:700}.community-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.community-detail-grid>aside{position:sticky;top:90px}.detail-tabs{height:52px;background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:5px;padding:0 12px;margin-bottom:14px}.detail-tabs span{padding:15px 14px;font-size:11px;color:var(--muted);position:relative}.detail-tabs span.active{font-weight:800;color:var(--ink)}.detail-tabs span.active:after{content:"";position:absolute;right:10px;left:10px;bottom:0;height:3px;background:var(--saffron)}.community-composer{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:15px;overflow:hidden}.community-composer summary{cursor:pointer;list-style:none;padding:15px 17px;display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.community-composer summary i{width:36px;height:36px;border-radius:50%;background:var(--saffron-soft);color:var(--saffron-dark);display:grid;place-items:center}.community-composer summary::-webkit-details-marker{display:none}.community-composer form{border-top:1px solid var(--border);padding:14px;display:grid;gap:10px}.community-composer .form-control{border-color:var(--border);font-size:11px}.community-composer form>.btn-primary-custom{justify-self:end}.community-post-card{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--soft-shadow);padding:18px;margin-bottom:17px}.community-post-card header{display:flex;align-items:center;gap:10px}.community-mini-mark{width:39px;height:39px;border-radius:10px;background:var(--saffron);display:grid;place-items:center}.community-post-card header strong{font-size:11px}.community-post-card header small{font-size:8px;color:var(--muted);display:block}.community-post-card h2{font-size:20px;font-weight:850;line-height:1.6;margin:15px 0 5px}.community-post-card>p{font-size:11px;color:#55606a;line-height:1.9}.community-post-card>img{width:calc(100% + 36px);max-height:390px;object-fit:cover;margin:8px -18px 0}.community-post-card footer{border-top:1px solid var(--border);margin-top:13px;padding-top:12px;display:flex;gap:18px;font-size:9px;color:var(--muted)}.community-post-card footer>a:last-child{margin-right:auto;color:var(--cobalt);font-weight:700}.community-info-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:15px}.community-info-card h2{font-size:16px;font-weight:850;margin-bottom:11px}.community-info-card>p{font-size:10px;color:var(--muted);line-height:1.9}.community-info-card>div{display:flex;align-items:center;gap:10px;border-top:1px solid #eeeae3;padding:10px 0;font-size:10px}.community-info-card>div>i{color:var(--cobalt);font-size:16px}.private-group-message{background:#fff;border:1px solid var(--border);border-radius:14px;padding:55px 20px;text-align:center}.private-group-message>i{font-size:34px;color:var(--saffron-dark)}.private-group-message h2{font-size:19px;margin:12px}.private-group-message p{font-size:11px;color:var(--muted)}.requests-card h2{display:flex;justify-content:space-between}.requests-card h2 b{background:var(--saffron);border-radius:99px;padding:2px 8px}.join-request{display:grid!important;grid-template-columns:35px 1fr auto}.join-request strong{font-size:9px}.join-request form{display:flex;gap:4px}.join-request button{border:1px solid var(--border);background:#fff;border-radius:5px;width:26px;height:26px}.join-request button:first-of-type{color:#287b3f}.join-request button:last-of-type{color:#a23d34}
@media(max-width:900px){.primary-nav,.public-social-shell .primary-nav{display:flex;overflow-x:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.primary-nav>a{min-width:58px;flex:1}.community-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-detail-grid{grid-template-columns:1fr}.community-detail-grid>aside{position:static}.detail-cover{height:190px}}
@media(max-width:620px){.communities-shell,.community-detail-shell{width:calc(100% - 16px);margin-top:10px}.communities-hero{min-height:150px;padding:20px;align-items:flex-start;flex-direction:column}.communities-hero h1{font-size:21px}.community-list-grid{grid-template-columns:1fr}.detail-cover{height:150px}.detail-identity{grid-template-columns:66px 1fr;padding:0 14px 15px;gap:10px}.community-mark{width:66px;height:66px;border-radius:16px;font-size:25px;margin-top:-28px}.detail-identity h1{font-size:19px}.detail-actions{grid-column:1/-1;width:100%}.detail-actions form,.detail-actions button,.detail-actions>a{width:100%}.community-post-card h2{font-size:17px}.community-tabs a{padding:11px}.community-detail-grid{gap:12px}}