.mb-groups-page{display:grid;gap:16px;max-width:1120px;margin:0 auto;padding:0 14px 40px}.mb-groups-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,var(--mb-mint),var(--mb-surface));border:1px solid var(--mb-line)}.mb-groups-hero span,.mb-section-head>div>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--mb-green)}.mb-groups-hero h1{margin:6px 0 8px;font-size:clamp(24px,3vw,36px)}.mb-groups-hero p{margin:0;color:var(--mb-muted);max-width:720px}.mb-group-directory-tabs,.mb-group-tabs{display:flex;gap:6px;overflow:auto;padding:5px;border:1px solid var(--mb-line);border-radius:15px;background:var(--mb-surface);box-shadow:var(--mb-shadow)}.mb-group-directory-tabs a,.mb-group-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 16px;border-radius:11px;color:var(--mb-muted)!important;text-decoration:none!important;font-weight:800;white-space:nowrap}.mb-group-directory-tabs a:hover,.mb-group-tabs a:hover,.mb-group-directory-tabs a:focus-visible,.mb-group-tabs a:focus-visible,.mb-group-directory-tabs a.is-active,.mb-group-tabs a.is-active{background:var(--mb-mint);color:var(--mb-green-deep)!important}.mb-group-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--mb-green);color:#fff;font-size:11px}.mb-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mb-group-card{display:flex;flex-direction:column;min-height:300px;border:1px solid var(--mb-line);border-radius:18px;background:var(--mb-surface);box-shadow:var(--mb-shadow);overflow:hidden}.mb-group-card-cover{display:grid;place-items:center;min-height:118px;background:linear-gradient(135deg,var(--mb-mint),var(--mb-surface-soft));text-decoration:none!important}.mb-group-card-cover span,.mb-group-cover span{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--mb-green);color:#fff;font-size:34px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.14)}.mb-group-card-body{padding:16px;flex:1}.mb-group-card-body h2{margin:9px 0 8px;font-size:19px}.mb-group-card-body h2 a{color:var(--mb-ink)!important;text-decoration:none!important}.mb-group-card-body p{margin:0;color:var(--mb-muted);line-height:1.55}.mb-group-card-meta,.mb-group-badges{display:flex;gap:7px;flex-wrap:wrap}.mb-group-card-meta span,.mb-group-badges span,.mb-group-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;background:var(--mb-mint);color:var(--mb-green-deep);font-size:11px;font-weight:800}.mb-group-card-actions{display:flex;align-items:center;gap:8px;padding:13px 16px;border-top:1px solid var(--mb-line)}.mb-group-card-actions form{margin:0}.mb-group-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mb-group-form label{display:grid;gap:7px}.mb-group-form label>span{font-size:13px;font-weight:800}.mb-group-form .mb-full{grid-column:1/-1}.mb-group-form input[type=text],.mb-group-form textarea,.mb-group-form select,.mb-group-invite input,.mb-member-role select{width:100%;border:1px solid var(--mb-line);border-radius:12px;background:var(--mb-input);color:var(--mb-ink);padding:12px 13px}.mb-group-form textarea{resize:vertical}.mb-group-header{overflow:hidden;border:1px solid var(--mb-line);border-radius:20px;background:var(--mb-surface);box-shadow:var(--mb-shadow)}.mb-group-cover{display:grid;place-items:center;min-height:190px;background:linear-gradient(120deg,var(--mb-mint),var(--mb-surface-soft))}.mb-group-head-content{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px}.mb-group-head-content h1{margin:8px 0;font-size:30px}.mb-group-head-content p{max-width:760px;margin:0 0 8px;color:var(--mb-muted);line-height:1.6}.mb-group-head-actions{display:flex;gap:8px}.mb-group-feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}.mb-group-feed-layout main{display:grid;gap:14px}.mb-group-feed-layout aside{position:sticky;top:96px}.mb-group-feed-layout aside ul{margin:10px 0 0;padding-left:20px;color:var(--mb-muted);line-height:1.65}.mb-group-composer textarea{width:100%;border:0;outline:0;background:transparent;color:var(--mb-ink);font:inherit;resize:vertical}.mb-group-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--mb-line);padding-top:12px}.mb-file-button{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:800;color:var(--mb-green)}.mb-file-button input,.mb-chat-attach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mb-group-post header{display:flex;align-items:center;gap:10px}.mb-group-post header img,.mb-group-comment img,.mb-member-row img{border-radius:50%}.mb-group-post header div{display:grid}.mb-group-post header small{color:var(--mb-muted)}.mb-group-post-body{padding:15px 0;line-height:1.65;white-space:normal}.mb-group-post-file img{display:block;width:100%;max-height:540px;object-fit:contain;border-radius:14px;background:var(--mb-bg)}.mb-file-card,.mb-chat-file.is-document{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--mb-line);border-radius:12px;background:var(--mb-surface-soft);color:var(--mb-ink)!important;text-decoration:none!important}.mb-file-card span{color:var(--mb-muted);font-size:12px}.mb-group-moderation{margin-top:12px}.mb-group-moderation form{display:flex;gap:7px;flex-wrap:wrap}.mb-button-danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.mb-button-small{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}.mb-group-comments{display:grid;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid var(--mb-line)}.mb-group-comment{display:flex;gap:8px}.mb-group-comment>div{padding:8px 10px;border-radius:12px;background:var(--mb-surface-soft)}.mb-group-comment strong{font-size:12px}.mb-group-comment p{margin:3px 0 0;line-height:1.5}.mb-group-comments>form{display:flex;gap:8px}.mb-group-comments>form input{flex:1;border:1px solid var(--mb-line);border-radius:999px;background:var(--mb-input);color:var(--mb-ink);padding:10px 14px}.mb-group-comments>form button{border:0;border-radius:999px;background:var(--mb-green);color:#fff;padding:8px 14px;font-weight:800}.mb-group-chat{padding:0!important;overflow:hidden}.mb-group-chat>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--mb-line)}.mb-group-chat>header span{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--mb-green)}.mb-group-chat>header h2{margin:3px 0 0}.mb-group-chat>header small{color:var(--mb-muted)}.mb-chat-status{min-height:0;padding:0 18px;color:var(--mb-muted);font-size:12px}.mb-chat-status.is-error{padding-top:8px;color:#b42318}.mb-chat-messages{height:min(62vh,620px);min-height:420px;overflow:auto;padding:18px;background:linear-gradient(180deg,var(--mb-bg),var(--mb-surface-soft));scroll-behavior:smooth}.mb-chat-loading,.mb-chat-empty{text-align:center;color:var(--mb-muted);padding:32px}.mb-chat-message{display:flex;gap:8px;max-width:76%;margin:0 0 12px}.mb-chat-message.is-mine{margin-left:auto;flex-direction:row-reverse}.mb-chat-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;align-self:flex-end}.mb-chat-message-wrap{display:grid;gap:4px;min-width:0}.mb-chat-message-meta{display:flex;align-items:center;gap:8px;padding:0 4px}.mb-chat-message-meta strong{font-size:12px}.mb-chat-message-meta small{font-size:10px;color:var(--mb-muted)}.mb-chat-message.is-mine .mb-chat-message-meta{justify-content:flex-end}.mb-chat-bubble{min-width:92px;padding:10px 12px;border:1px solid var(--mb-line);border-radius:16px 16px 16px 5px;background:var(--mb-surface);box-shadow:0 4px 12px rgba(0,0,0,.05);overflow-wrap:anywhere}.mb-chat-message.is-mine .mb-chat-bubble{border-radius:16px 16px 5px 16px;background:var(--mb-green);border-color:var(--mb-green);color:#fff}.mb-chat-bubble p{margin:0;white-space:pre-wrap;line-height:1.5}.mb-chat-bubble em{opacity:.72}.mb-chat-file{display:grid;gap:5px;margin-top:7px;color:inherit!important;text-decoration:none!important}.mb-chat-file img{display:block;max-width:320px;max-height:280px;border-radius:10px}.mb-chat-message.is-mine .mb-chat-file.is-document{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff!important}.mb-chat-edited{display:block;margin-top:5px;opacity:.7}.mb-chat-quoted{display:grid;width:100%;gap:2px;margin:0 0 7px;padding:7px 9px;border:0;border-left:3px solid currentColor;border-radius:8px;background:rgba(0,0,0,.06);color:inherit;text-align:left;opacity:.85;cursor:pointer}.mb-chat-quoted span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-chat-message.is-mine .mb-chat-quoted{background:rgba(255,255,255,.12)}.mb-chat-actions{display:flex;gap:4px;opacity:0;transition:opacity .18s}.mb-chat-message:hover .mb-chat-actions,.mb-chat-message:focus-within .mb-chat-actions{opacity:1}.mb-chat-message.is-mine .mb-chat-actions{justify-content:flex-end}.mb-chat-actions button{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--mb-line);border-radius:50%;background:var(--mb-surface);color:var(--mb-muted);cursor:pointer}.mb-chat-message.is-highlighted .mb-chat-bubble{outline:3px solid var(--mb-green);outline-offset:2px}.mb-chat-typing{min-height:25px;padding:4px 18px;color:var(--mb-muted);font-size:12px}.mb-chat-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;border-top:1px solid var(--mb-line);background:var(--mb-surface-soft);font-size:12px}.mb-chat-reply-preview[hidden]{display:none}.mb-chat-reply-preview button{border:0;background:transparent;color:var(--mb-muted);font-size:22px;cursor:pointer}.mb-chat-composer{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--mb-line);background:var(--mb-surface)}.mb-chat-composer textarea{flex:1;min-height:44px;max-height:150px;border:1px solid var(--mb-line);border-radius:14px;background:var(--mb-input);color:var(--mb-ink);padding:11px 13px;resize:vertical}.mb-chat-attach{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mb-line);border-radius:50%;background:var(--mb-surface-soft);color:var(--mb-green);font-size:24px;cursor:pointer}.mb-member-list,.mb-group-pending{display:grid;gap:8px}.mb-group-pending{margin-bottom:22px;padding:14px;border:1px dashed var(--mb-line);border-radius:14px}.mb-member-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--mb-line);border-radius:13px;background:var(--mb-surface)}.mb-member-row>div{display:grid;flex:1}.mb-member-row small{color:var(--mb-muted)}.mb-member-row a{color:var(--mb-ink)!important;text-decoration:none!important}.mb-member-row form{display:flex;align-items:center;gap:6px;margin:0}.mb-group-invite{display:flex;gap:8px;max-width:440px}.mb-icon-danger{display:grid;place-items:center;width:32px;height:32px;border:1px solid #f0b4ae;border-radius:50%;background:#fff4f2;color:#b42318;font-size:20px;cursor:pointer}.mb-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mb-section-head h2{margin:4px 0}.mb-section-head p{margin:0;color:var(--mb-muted)}
@media(max-width:980px){.mb-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-group-feed-layout{grid-template-columns:1fr}.mb-group-feed-layout aside{position:static}.mb-group-head-content{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.mb-groups-page{padding:0 8px 92px}.mb-groups-hero{align-items:flex-start;flex-direction:column}.mb-group-grid{grid-template-columns:1fr}.mb-group-form{grid-template-columns:1fr}.mb-group-form .mb-full{grid-column:auto}.mb-group-head-content{padding:14px}.mb-group-head-actions{width:100%}.mb-group-head-actions form,.mb-group-head-actions .mb-button{width:100%}.mb-group-cover{min-height:145px}.mb-chat-messages{height:56vh;min-height:360px;padding:12px}.mb-chat-message{max-width:90%}.mb-group-chat>header{align-items:flex-start;flex-direction:column}.mb-section-head{flex-direction:column}.mb-group-invite{width:100%;max-width:none}.mb-member-row{align-items:flex-start;flex-wrap:wrap}.mb-member-row>div{min-width:170px}.mb-member-row form{width:100%;justify-content:flex-end}.mb-member-role select{flex:1}.mb-group-directory-tabs a,.mb-group-tabs a{flex:0 0 auto}.mb-chat-actions{opacity:1}}

.mb-member-controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}