/* itsvegan — Groups (gr-): directory, group home, create/manage, invites, feed chips. See inc/groups.php */

/* ── Shared bits ─────────────────────────────────────────────── */
.gr-av{border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--paper-2);display:block}
.gr-av-ph{display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c,#0D9488),color-mix(in srgb,var(--c,#0D9488) 62%,#000))}
.gr-priv{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:650;color:var(--ink-2);white-space:nowrap}
.gr-priv i{font-size:11px;color:var(--leaf-2)}
.gr-priv-private i{color:#B45309}.gr-priv-hidden i{color:#7C3AED}
.gr-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 2px #fff;flex-shrink:0}
.gr-role{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff);white-space:nowrap}
.gr-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:650;background:var(--paper-2);color:var(--ink-2);white-space:nowrap}
.gr-tag.warn{background:#FEF3C7;color:#92400E}.gr-tag.bad{background:#FFE4E6;color:var(--berry)}
.gr-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--berry);color:#fff;font:700 11.5px/1 var(--ui)}
.gr-h2{font:700 19px/1.25 var(--ui);letter-spacing:-.01em;margin:0}
.gr-h2 i{color:var(--leaf-2);font-size:16px;margin-right:4px}
.gr-danger,.gr-danger-t{color:var(--berry)!important}
.form-err-inline{margin:4px 0 0;color:var(--berry);font-size:13px;font-weight:600}
.mt-s{margin-top:12px}
.gr-official{display:inline-flex;align-items:center;gap:3px;color:var(--leaf-2);font-weight:700;margin-left:6px}
.gr-verified{color:var(--leaf);font-size:.62em;vertical-align:.18em}

/* Cover */
.gr-cover{position:relative;background:var(--paper-2);overflow:hidden}
.gr-cover img{width:100%;height:100%;object-fit:cover}
.gr-cover-ph{background:radial-gradient(120% 140% at 10% 0%,color-mix(in srgb,var(--c) 30%,#fff) 0%,transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#fff),color-mix(in srgb,var(--c) 70%,#0b2a17));display:grid;place-items:center}
.gr-cover-ph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.5px,transparent 1.6px);background-size:18px 18px}
.gr-cover-ph i{position:relative;z-index:1;color:rgba(255,255,255,.88);font-size:44px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18))}
.gr-cover-sm{aspect-ratio:3/1}
.gr-cover-sm.gr-cover-ph i{font-size:30px}
.gr-cover-lg{width:100%;height:clamp(150px,24vw,310px);border-radius:0 0 var(--r-l) var(--r-l)}
.gr-cover-lg.gr-cover-ph i{font-size:64px}

/* "in <Group>" chip on posts */
.gr-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:3px;padding:2px 10px 2px 8px;border-radius:999px;background:var(--mint);color:var(--forest)!important;font-size:12.5px;font-weight:650;line-height:1.6;align-self:flex-start}
.gr-chip i{font-size:11px}
.gr-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-chip:hover{background:#BBF7D0}
.gr-pin{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);font-size:12px;font-weight:700;white-space:nowrap}
.gr-pin.ann{background:#FEF3C7;color:#92400E}
.gr-pin+.gr-pmenu,.gr-pin+.post-del{margin-left:4px}
.post-head .gr-pmenu{margin-left:auto}
.post-head .gr-pmenu+.post-del{margin-left:4px}

/* Group moderation menu (details) */
.gr-pmenu{position:relative}
.gr-pmenu>summary{list-style:none;color:var(--sky)}
.gr-pmenu>summary::-webkit-details-marker{display:none}
.gr-pmenu-list,.gr-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:230px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-3);display:flex;flex-direction:column}
.gr-pmenu-list form{margin:0}
.gr-pmenu-list button,.gr-pmenu-list a,.gr-menu button,.gr-menu a{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;border-radius:9px;font-size:14px;font-weight:550;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap}
.gr-pmenu-list button:hover,.gr-pmenu-list a:hover,.gr-menu button:hover,.gr-menu a:hover{background:var(--paper)}
.gr-pmenu-list i,.gr-menu i{width:16px;text-align:center;color:var(--muted)}
.gr-pmenu-h,.gr-menu-h{display:block;padding:8px 10px 4px;font:700 11px/1 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.gr-pmenu-rm{border-top:1px solid var(--line-2);margin-top:4px!important;padding-top:6px}
.gr-pmenu-rm input{width:100%;margin:2px 0 4px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:13.5px}
.gr-menu .on{color:var(--forest);font-weight:700}
.gr-ck{margin-left:auto;color:var(--leaf-2)!important}
.gr-menu button[disabled]{cursor:default}

/* ── Directory ───────────────────────────────────────────────── */
.gr-hero{background:linear-gradient(160deg,#0F3F22 0%,#14532D 55%,#166534 100%);color:#fff;position:relative;overflow:hidden}
.gr-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 90% 10%,rgba(190,242,100,.22),transparent 60%),radial-gradient(40% 70% at 0% 100%,rgba(22,163,74,.35),transparent 70%)}
.gr-hero-in{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-top:44px;padding-bottom:40px}
.gr-hero-txt{max-width:640px;min-width:0}
.gr-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--lime)}
.gr-hero h1{color:#fff;margin:10px 0 10px}
.gr-hero p{color:rgba(255,255,255,.84);font-size:16.5px;margin-bottom:20px}
.gr-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:5px 5px 5px 16px;box-shadow:0 14px 34px -18px rgba(0,0,0,.6)}
.gr-search>i{color:var(--muted)}
.gr-search input{flex:1;min-width:0;border:0!important;box-shadow:none!important;outline:0;padding:9px 4px;font-size:15.5px;background:transparent;color:var(--ink)}
.gr-hero-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;flex-shrink:0}
.gr-hero-cta small{color:rgba(255,255,255,.7);font-size:13px;max-width:240px}
.gr-dir{padding-bottom:60px}
.gr-tabs{margin:6px 0 14px}
.gr-tabs a i{margin-right:6px;font-size:13px}
.gr-catbar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 14px;margin-bottom:6px}
.gr-catbar::-webkit-scrollbar{display:none}
.gr-catchip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:13.5px;font-weight:600;white-space:nowrap}
.gr-catchip i{color:var(--c,var(--leaf-2));font-size:12.5px}
.gr-catchip:hover{border-color:var(--ink-2);color:var(--ink)}
.gr-catchip.on{background:var(--forest);border-color:var(--forest);color:#fff}
.gr-catchip.on i{color:var(--lime)}
.gr-sec{margin:22px 0 30px}
.gr-sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.gr-sec-h a{font-weight:650;font-size:14px}
.gr-listhead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin:8px 0 16px}
.gr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gr-card{display:flex;flex-direction:column;box-shadow:var(--sh-1)}
.gr-card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.gr-card-cover{display:block}
.gr-card-body{position:relative;padding:0 16px 16px;flex:1;display:flex;flex-direction:column}
.gr-card-av{margin:-28px 0 8px;width:58px;height:58px;border-radius:50%;background:#fff;padding:3px;box-shadow:var(--sh-1)}
.gr-card-av .gr-av{width:52px!important;height:52px!important}
.gr-card-kick{font-size:12.5px;font-weight:650;color:var(--c);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-card-title{font:700 17px/1.3 var(--ui);letter-spacing:-.01em;margin:0 0 4px;overflow-wrap:anywhere}
.gr-card-title a{color:var(--ink)}
.gr-card-title a::after{content:"";position:absolute;inset:0;z-index:1}
.gr-card-title a:hover{color:var(--leaf-2)}
.gr-card-tag{font-size:14px;color:var(--ink-2);margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.gr-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:auto;font-size:12.5px;color:var(--muted)}
.gr-card-meta>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.gr-card-meta i{font-size:11px}
.gr-card-state{position:absolute;top:10px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--paper-2);font-size:12px;font-weight:700;color:var(--ink-2)}
.gr-card-state.on{background:var(--mint);color:var(--forest)}
.gr-card-state.inv{background:#EDE9FE;color:#6D28D9}
.gr-strip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.gr-strip::-webkit-scrollbar{display:none}
.gr-strip-item{position:relative;flex:0 0 auto;width:118px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-align:center}
.gr-strip-item>span:not(.gr-av){font-size:13px;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.gr-strip-item .gr-dot{position:absolute;top:12px;right:14px}
.gr-strip-item:hover{border-color:var(--ink-2);color:var(--ink)}
.gr-cattiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gr-cattile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.gr-cattile:hover{border-color:var(--c);box-shadow:var(--sh-2);color:var(--ink)}
.gr-cattile-ico{grid-row:1/4;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);font-size:19px}
.gr-cattile b{font-size:15.5px}
.gr-cattile small{color:var(--muted);font-size:13px;line-height:1.4}
.gr-cattile em{font-style:normal;font-size:12px;font-weight:650;color:var(--c);margin-top:3px}
.gr-local-cta{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:10px 0 24px;border-radius:var(--r);background:#ECFEFF;border:1px solid #A5F3FC;color:var(--ink)}
.gr-local-cta:hover{border-color:#0891B2;color:var(--ink)}
.gr-local-ico{width:48px;height:48px;border-radius:14px;background:#0891B2;color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.gr-local-cta>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.gr-local-cta small{color:var(--ink-2)}
.gr-local-cta em{font-style:normal;font-weight:700;color:#0E7490;white-space:nowrap}
.gr-invites{background:#F5F3FF;border:1px solid #DDD6FE;border-radius:var(--r);padding:16px 18px;margin:6px 0 22px}
.gr-invites .gr-h2{margin-bottom:10px}
.gr-invite-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #EDE9FE}
.gr-invite-row:first-of-type{border-top:0}
.gr-invite-row>div{flex:1;min-width:0;display:flex;flex-direction:column}
.gr-inv-name{font-weight:700;color:var(--ink)}
.gr-invite-row small{font-size:12.5px;color:var(--muted)}
.gr-mine{display:flex;flex-direction:column;gap:10px}
.gr-mine-row{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--ink)}
.gr-mine-row:hover{box-shadow:var(--sh-2);color:var(--ink)}
.gr-mine-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.gr-mine-txt b{display:flex;align-items:center;gap:8px;font-size:15.5px}
.gr-mine-txt small{color:var(--muted);font-size:13px}
.gr-mine-go{color:var(--muted)}
.gr-admin-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--r);background:#fff;font-size:14px}
.gr-admin-box>i{color:var(--muted)}
.gr-admin-box select{padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}

/* ── Group home ──────────────────────────────────────────────── */
.gr-head{background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh-1)}
.gr-head-wrap{padding-left:20px;padding-right:20px}
.gr-head-in{display:flex;align-items:flex-end;gap:20px;padding:0 8px 14px;margin-top:-46px;position:relative}
.gr-head-av{flex-shrink:0;width:112px;height:112px;border-radius:50%;padding:4px;background:#fff;box-shadow:var(--sh-2)}
.gr-head-av .gr-av{width:104px!important;height:104px!important}
.gr-head-main{flex:1;min-width:0;padding-top:52px}
.gr-head-cat{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--c)}
.gr-head-main h1{font-size:clamp(26px,3.2vw,38px);margin:2px 0 6px;overflow-wrap:anywhere}
.gr-head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:14px;color:var(--muted)}
.gr-head-meta .gr-priv{font-size:14px}
.gr-head-meta b{color:var(--ink)}
.gr-faces{display:inline-flex;margin-top:10px;padding-left:8px}
.gr-faces>span{margin-left:-8px;border-radius:50%;box-shadow:0 0 0 2.5px #fff;display:inline-flex}
.gr-head-act{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:4px}
.gr-head-act form{margin:0}
.gr-head-act .share-wrap,.gr-head-act [class*="share"]{margin:0}
.gr-joined{position:relative}
.gr-joined>summary{list-style:none}
.gr-joined>summary::-webkit-details-marker{display:none}
.gr-joined>summary .small{font-size:11px;margin-left:2px}
.gr-joined .gr-menu{left:0;right:auto}
.gr-req:hover span{display:none}
.gr-req:hover::after{content:"Cancel request"}
.gr-gtabs{margin:0;border-bottom:0;padding:0 8px}
.gr-gtabs a{padding:13px 16px}
.gr-manage-btn .gr-n{margin-left:2px}
.gr-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;padding-top:22px;padding-bottom:60px}
.gr-main{min-width:0}
.gr-side-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--hdr) + 16px)}
.gr-sbox h3{margin-bottom:10px}
.gr-sbox-txt{font-size:14px;color:var(--ink-2);margin-bottom:12px}
.gr-facts{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:12px}
.gr-facts li{display:flex;gap:12px;align-items:flex-start}
.gr-facts li>i{width:20px;text-align:center;margin-top:3px;color:var(--ink-2)}
.gr-facts li span{display:flex;flex-direction:column;font-size:14px;color:var(--muted);line-height:1.45}
.gr-facts li b{color:var(--ink);font-size:14.5px}
.gr-facts.sm{gap:10px;margin:0 0 10px}
.gr-rules{margin:0 0 6px;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.gr-rules li::marker{font-weight:700;color:var(--leaf-2)}
.gr-rules.sm{font-size:13.5px;gap:5px}
.gr-house{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:14px 0 0;background:var(--mint);border-radius:12px;font-size:13.5px;color:var(--forest)}
.gr-house i{margin-top:3px}
.gr-staff-list{display:flex;flex-direction:column;gap:10px}
.gr-staff-list a{display:flex;align-items:center;gap:10px;color:var(--ink)}
.gr-staff-list span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.gr-staff-list b{font-weight:650;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-staff-list small{font-size:12px;font-weight:650}
.gr-side-back{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--muted);padding:0 4px}
.gr-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin-bottom:14px;border-radius:12px;background:#FFFBEB;border:1px solid #FDE68A;color:#78350F;font-size:14.5px}
.gr-note-inv{background:#F5F3FF;border-color:#DDD6FE;color:#4C1D95}
.gr-note form{margin:0}
.gr-staffbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:11px 16px;margin-bottom:14px;border-radius:12px;background:#EFF6FF;border:1px solid #BFDBFE;font-size:14px}
.gr-staffbar>i{color:var(--sky)}
.gr-staffbar a{color:#1E40AF;font-weight:600}
.gr-welcome{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin-bottom:16px;border-color:#BBF7D0;background:linear-gradient(135deg,#F0FDF4,#fff)}
.gr-welcome-ico{width:44px;height:44px;border-radius:14px;background:var(--lime);color:var(--forest);display:grid;place-items:center;font-size:19px;flex-shrink:0}
.gr-welcome p{margin:4px 0 0;font-size:14.5px;color:var(--ink-2)}
.gr-composer{margin-bottom:12px}
.gr-hint{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);margin:-2px 0 14px}
.gr-cta{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:16px;box-shadow:var(--sh-1)}
.gr-cta>i{width:44px;height:44px;border-radius:14px;background:var(--mint);color:var(--forest);display:grid;place-items:center;font-size:18px;flex-shrink:0}
.gr-cta>span{flex:1;display:flex;flex-direction:column;min-width:0}
.gr-cta small{color:var(--muted)}
.gr-cta form{margin:0}
.gr-locked{padding:40px 24px;text-align:center}
.gr-locked-ico{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#FEF3C7;color:#B45309;font-size:26px;margin-bottom:12px}
.gr-locked h2{font-size:22px}
.gr-locked p{color:var(--muted);max-width:460px;margin:0 auto 16px}
.gr-locked form{display:inline}
.gr-pinned{margin-bottom:6px}
.gr-pinned .post{border-color:#FDE68A}
.gr-sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px}
.gr-sortbar-h{font-weight:700;font-size:15px}
.gr-seg{display:inline-flex;padding:3px;background:var(--paper-2);border-radius:999px}
.gr-seg a{padding:5px 14px;border-radius:999px;font-size:13.5px;font-weight:650;color:var(--ink-2)}
.gr-seg a.on{background:#fff;color:var(--forest);box-shadow:var(--sh-1)}
.gr-ask{padding:20px;margin-bottom:16px;border-color:#BBF7D0}
.gr-ask h2{font-size:21px;margin-bottom:4px}
.gr-ask .field{margin-top:14px}
.gr-ask textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;resize:vertical}
.gr-ask-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.gr-members{padding:18px 20px}
.gr-members-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.gr-members-h h2{font:700 19px/1.2 var(--ui);margin:0}
.gr-msearch{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);min-width:0}
.gr-msearch i{color:var(--muted);font-size:13px}
.gr-msearch input{border:0!important;box-shadow:none!important;background:transparent;outline:0;padding:8px 0;min-width:0;width:180px}
.gr-mh{font:700 12px/1 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
.gr-mrow{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line-2)}
.gr-mh+.gr-mrow{border-top:0}
.gr-mrow-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.gr-mrow-t small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-about{padding:22px 24px}
.gr-about h2{font-size:24px}
.gr-about h3{font:700 16px/1.3 var(--ui);margin:22px 0 10px}
.gr-about-txt{font-size:15.5px;color:var(--ink-2)}

/* Invite modal */
.gr-modal{position:fixed;inset:0;z-index:200;background:rgba(10,25,15,.45);display:grid;place-items:center;padding:16px}
.gr-modal[hidden]{display:none}
.gr-modal-box{position:relative;width:100%;max-width:460px;padding:22px;box-shadow:var(--sh-3);overflow:visible}
.gr-modal-box h2{font-size:21px;padding-right:30px}
.gr-modal-x{position:absolute;top:12px;right:12px}
html.gr-modal-open{overflow:hidden}
.gr-inline{display:flex;gap:8px;align-items:center}
.gr-inline input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.gr-inv-form .lbl{display:block;margin-bottom:6px}
.gr-inv-form .hint{margin:8px 0 0}

/* ── Create / settings form ──────────────────────────────────── */
.gr-new{padding-top:24px;padding-bottom:60px}
.gr-new-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.gr-new-head h1{font-size:clamp(28px,3.4vw,40px);margin:0 0 2px}
.gr-new-head p{margin:0}
.gr-new-ico{width:58px;height:58px;border-radius:18px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-size:24px;flex-shrink:0}
.gr-form{padding:8px 26px 24px;overflow:visible}
.gr-fsec{padding:22px 0;border-bottom:1px solid var(--line-2);display:flex;flex-direction:column;gap:14px}
.gr-fsec:last-of-type{border-bottom:0}
.gr-fsec>h2{display:flex;align-items:center;gap:10px;font:700 18px/1.2 var(--ui);margin:0}
.gr-fsec>h2>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--forest);font-size:14px}
.gr-opt{font-style:normal;font-weight:600;font-size:12px;color:var(--muted);background:var(--paper-2);padding:2px 8px;border-radius:999px}
.gr-fsec input:not([type=radio]):not([type=checkbox]):not([type=file]),.gr-fsec textarea,.gr-fsec select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px}
.gr-fsec input:focus,.gr-fsec textarea:focus,.gr-fsec select:focus{outline:0;border-color:var(--leaf);box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.gr-fsec [data-gr-questions]{display:flex;flex-direction:column;gap:8px}
.gr-fsec [data-gr-questions][hidden]{display:none}
.gr-cats-pick{display:flex;flex-wrap:wrap;gap:8px}
.gr-cat-opt{position:relative;cursor:pointer}
.gr-cat-opt input{position:absolute;opacity:0;pointer-events:none}
.gr-cat-opt span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--ink-2);transition:.15s}
.gr-cat-opt span i{color:var(--c)}
.gr-cat-opt input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--ink)}
.gr-cat-opt input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px}
.gr-radio-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gr-rcard{position:relative;cursor:pointer}
.gr-rcard input{position:absolute;opacity:0;pointer-events:none}
.gr-rcard-b{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:.15s}
.gr-rcard-b i{font-size:18px;color:var(--leaf-2);margin-bottom:4px}
.gr-rcard-b b{font-size:15.5px}
.gr-rcard-b small{font-size:13px;color:var(--muted);line-height:1.45}
.gr-rcard input:checked+.gr-rcard-b{border-color:var(--forest);background:#F0FDF4;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
.gr-rcard input:focus-visible+.gr-rcard-b{outline:3px solid var(--lime);outline-offset:2px}
.gr-radio-row{display:flex;flex-direction:column;gap:8px}
.gr-ropt{cursor:pointer}
.gr-ropt input{position:absolute;opacity:0;pointer-events:none}
.gr-ropt span{display:grid;grid-template-columns:22px 1fr;column-gap:10px;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:.15s}
.gr-ropt span i{grid-row:1/3;margin-top:3px;color:var(--ink-2)}
.gr-ropt span b{font-size:14.5px}
.gr-ropt span small{color:var(--muted);font-size:13px}
.gr-ropt input:checked+span{border-color:var(--forest);background:#F0FDF4}
.gr-ropt input:checked+span i{color:var(--leaf-2)}
.gr-ropt input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px}
.gr-ropt.is-off{opacity:.45;cursor:not-allowed}
.gr-hidden-note{margin:6px 0 0}
.gr-imgs .dropzone{padding:18px}
.gr-curimgs{position:relative;margin:18px 0 0;border-radius:14px;overflow:hidden}
.gr-curimgs .gr-av{position:absolute;left:14px;bottom:12px;box-shadow:0 0 0 3px #fff}
.gr-form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line-2)}
.gr-form-foot .hint{flex:1;min-width:220px;margin:0}

/* ── Manage ──────────────────────────────────────────────────── */
.gr-manage{padding-top:22px;padding-bottom:60px}
.gr-mhead{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.gr-mhead h1{font-size:clamp(24px,2.8vw,32px);margin:0}
.gr-mhead p{margin:2px 0 0}
.gr-mlayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.gr-mnav{display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(var(--hdr) + 16px)}
.gr-mnav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink);font-weight:550}
.gr-mnav a i{width:18px;text-align:center;color:var(--leaf-2)}
.gr-mnav a span{flex:1}
.gr-mnav a:hover,.gr-mnav a.on{background:#fff;color:var(--forest)}
.gr-mnav a.on{box-shadow:var(--sh-1);font-weight:700}
.gr-mmain{min-width:0}
.gr-mh2{font:700 20px/1.25 var(--ui);margin:0 0 12px}
.gr-mh3{font:700 16px/1.3 var(--ui);margin:24px 0 10px}
.gr-pad{padding:16px 18px}
.gr-req-card,.gr-qcard,.gr-rep{padding:16px 18px;margin-bottom:12px}
.gr-req-top{display:flex;gap:12px;align-items:flex-start}
.gr-req-top>div{display:flex;flex-direction:column;min-width:0}
.gr-req-top small{font-size:12.5px}
.gr-answers{margin:12px 0 0;padding:12px 14px;background:var(--paper);border-radius:12px;font-size:14px}
.gr-answers dt{font-weight:700;color:var(--ink)}
.gr-answers dd{margin:2px 0 10px;color:var(--ink-2);white-space:pre-line}
.gr-answers dd:last-child{margin-bottom:0}
.gr-req-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.gr-req-act form{margin:0}
.gr-req-act .gr-inline input{max-width:220px;padding:7px 10px;font-size:13.5px}
.gr-qcard .post-head{padding:0}
.gr-qcard .post-body{padding:10px 0 0}
.gr-qimg img{max-height:260px;border-radius:12px;margin-top:10px}
.gr-mtools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.gr-mtools .gr-mh2{margin:0}
.gr-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.gr-filters .gr-catchip{padding:5px 12px;font-size:13px}
.gr-mtable{overflow:visible}
.gr-mt-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line-2)}
.gr-mt-row:first-child{border-top:0}
.gr-mt-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.gr-mt-who small{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-mt-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.gr-mt-tags:empty{display:none}
.gr-mt-act{position:relative}
.gr-mt-act>summary{list-style:none}
.gr-mt-act>summary::-webkit-details-marker{display:none}
.gr-mt-act form{margin:0}
.gr-menu-r{right:0;left:auto}
.gr-role-form{display:flex;flex-direction:column}
.gr-linkform{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.gr-linkform .field{min-width:150px}
.gr-linkform select{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.gr-link{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 16px;margin-top:10px}
.gr-link input{flex:1 1 280px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:13px/1.3 ui-monospace,Menlo,monospace}
.gr-link small{flex:1 1 100%}
.gr-link form{margin:0}
.gr-rep-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gr-rep-why{margin:8px 0;font-weight:600;font-size:14px}
.gr-rep-txt{margin:0;padding:10px 14px;border-left:3px solid var(--line);background:var(--paper);border-radius:0 10px 10px 0;font-size:14px;color:var(--ink-2);white-space:pre-line}
.gr-log{padding:6px 0}
.gr-log-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 16px;border-top:1px solid var(--line-2);font-size:14px}
.gr-log-row:first-child{border-top:0}
.gr-dz{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:12px}
.gr-dz>div{min-width:0}
.gr-dz p{margin:4px 0 0}
.gr-dz form{margin:0}
.gr-dz-del{border-color:#FECACA}
.gr-dz-del input{margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;width:100%;max-width:320px}

/* Invite page */
.gr-invpage{padding-top:32px;padding-bottom:60px}
.gr-invcard{box-shadow:var(--sh-2)}
.gr-invcard-b{padding:0 26px 26px;text-align:center;display:flex;flex-direction:column;align-items:center}
.gr-invcard-av{margin-top:-44px;padding:4px;background:#fff;border-radius:50%;box-shadow:var(--sh-1)}
.gr-inv-by{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;color:var(--muted);font-size:14px}
.gr-invcard h1{font-size:clamp(26px,3vw,34px);margin:6px 0 8px}
.gr-invcard .gr-head-meta{justify-content:center;margin-bottom:12px}
.gr-invcard-txt{color:var(--ink-2)}
.gr-invcard form{width:100%;max-width:360px}
.gr-inv-auth{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* Feed left sidebar: Your groups */
.gr-side{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.gr-side-h{display:flex;align-items:center;justify-content:space-between;padding:0 12px 6px}
.gr-side-h b{font:700 12px/1 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.gr-side-new{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--leaf-2);font-size:13px}
.gr-side-new:hover{background:#fff}
.gr-side-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;color:var(--ink);font-weight:550;font-size:14.5px}
.gr-side-item>span:not(.gr-av){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-side-item:hover{background:#fff;color:var(--forest)}
.gr-side-more{display:block;padding:6px 12px;font-size:13.5px;font-weight:600}
.gr-side-empty{padding:0 12px;font-size:13.5px;color:var(--muted);margin:0}
.gr-locked.sc-c-login,.sc-c-login.gr-locked{padding:14px 16px;text-align:left;color:var(--muted)}
.gr-rm-c{color:var(--sky)!important}

/* Profile: groups box */
.gr-pgroups{display:flex;flex-direction:column;gap:10px}
.gr-pgroups a{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-size:14.5px}
.gr-pgroups a>span:not(.gr-av){display:flex;flex-direction:column;min-width:0;line-height:1.3}
.gr-pgroups a b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-pgroups small{color:var(--muted);font-weight:500;font-size:12.5px}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width:1180px){
  .gr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gr-body{grid-template-columns:minmax(0,1fr) 290px}
}
@media (max-width:1020px){
  .gr-body{grid-template-columns:minmax(0,1fr)}
  .gr-side-col{position:static}
  .gr-head-in{flex-wrap:wrap;gap:12px 16px}
  .gr-head-act{width:100%;justify-content:flex-start}
  .gr-mlayout{grid-template-columns:minmax(0,1fr)}
  .gr-mnav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:4px}
  .gr-mnav::-webkit-scrollbar{display:none}
  .gr-mnav a{flex:0 0 auto;padding:8px 12px;background:#fff;border:1px solid var(--line)}
  .gr-mnav a.on{border-color:var(--forest)}
  .gr-cattiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gr-hero-in{flex-direction:column;align-items:stretch}
  .gr-hero-cta{align-items:flex-start;text-align:left}
}
@media (max-width:760px){
  .gr-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .gr-hero-in{padding-top:26px;padding-bottom:26px;gap:16px}
  .gr-hero p{font-size:15px;margin-bottom:14px}
  .gr-hero-cta .btn-lg{min-height:46px;padding:10px 20px;font-size:15.5px}
  .gr-hero-cta small{display:none}
  .gr-cattiles{grid-template-columns:minmax(0,1fr)}
  .gr-cattile{padding:12px 14px}
  .gr-cover-lg{height:auto;aspect-ratio:2.4/1;border-radius:0}
  .gr-head-wrap{padding-left:0;padding-right:0}
  .gr-head-in{margin-top:-36px;padding:0 16px 12px}
  .gr-head-av{width:84px;height:84px}
  .gr-head-av .gr-av{width:76px!important;height:76px!important}
  .gr-head-main{padding-top:0;flex-basis:100%}
  .gr-head-act .btn{min-height:40px;padding:8px 14px;font-size:14.5px}
  .gr-gtabs{padding:0 8px}
  .gr-gtabs a{padding:12px 12px}
  .gr-body{padding-top:14px}
  .gr-radio-cards{grid-template-columns:minmax(0,1fr)}
  .gr-form{padding:4px 16px 18px}
  .gr-local-cta{flex-wrap:wrap}
  .gr-local-cta em{flex-basis:100%;padding-left:64px}
  .gr-log-row{grid-template-columns:minmax(0,1fr);gap:2px}
  .gr-dz{flex-direction:column;align-items:flex-start}
  .gr-inline{flex-wrap:wrap}
  .gr-inline .btn{flex:0 0 auto}
  .gr-msearch input{width:130px}
  .gr-mrow .sc-mini-follow{display:none}
  .gr-invite-row{flex-wrap:wrap}
  .gr-invite-row>div{flex-basis:calc(100% - 60px)}
  .gr-pmenu-list,.gr-menu{min-width:220px;max-width:calc(100vw - 32px)}
}

/* Logged-out teaser of a group conversation */
.gr-teaser .gr-teaser-txt{color:var(--muted);font-style:italic;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.gr-teaser-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 14px;color:var(--muted);font-size:13.5px}
@media (max-width:760px){.gr-cta{flex-wrap:wrap}.gr-cta>.btn,.gr-cta>form{margin-left:58px}}
.post-head>div{min-width:0}
@media (max-width:760px){
  .gr-pin{padding:4px 7px;font-size:0;gap:0}
  .gr-pin i{font-size:12px}
  .post-head .gr-pmenu .gr-pmenu-list{right:0}
}
.gr-mtags{margin:2px 0}