.td-groups-shell a{color:var(--td-brand-700)}.td-groups-shell a:hover{color:var(--td-brand-700)}.tdg-list-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.tdg-filter-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(170px,1fr));gap:14px;align-items:end}.tdg-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tdg-card{padding:0;overflow:hidden}.tdg-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.tdg-card-body{padding:18px}.tdg-card h2{margin:8px 0}.tdg-card h2 a{text-decoration:none}.tdg-badges,.tdg-meta{display:flex;gap:8px;flex-wrap:wrap}.tdg-badges span,.tdg-meta span,.tdg-pending{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:var(--td-secondary);color:var(--td-secondary-ink);font-size:12px;font-weight:700}.tdg-meta{margin:10px 0 15px}.tdg-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.tdg-hero-main{display:flex;gap:20px;align-items:flex-start}.tdg-group-image{width:150px;height:110px;object-fit:cover;border-radius:var(--td-radius-lg)}.tdg-hero h1{margin:8px 0}.tdg-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 18px;padding:4px 0}.tdg-tabs a{white-space:nowrap;text-decoration:none;border:1px solid var(--td-brand-200);border-radius:999px;padding:9px 14px;background:#fff;color:var(--td-brand-700);font-weight:700}.tdg-tabs a.is-active,.tdg-tabs a:hover{background:var(--td-secondary);border-color:var(--td-secondary-dark);color:var(--td-secondary-ink)}.tdg-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tdg-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.tdg-details div{border:1px solid var(--td-gray-200);border-radius:var(--td-radius);padding:12px}.tdg-details dt{font-size:12px;color:var(--td-gray-500)}.tdg-details dd{margin:4px 0 0;font-weight:700}.tdg-stack{display:grid;gap:10px}.tdg-stack article{border:1px solid var(--td-gray-200);border-radius:var(--td-radius);padding:12px}.tdg-stack article p{margin:6px 0}.tdg-stack article small{display:block;color:var(--td-gray-500)}.tdg-content-item,.tdg-member{display:flex;align-items:center;justify-content:space-between;gap:16px}.tdg-content-item>div,.tdg-member>div{display:flex;align-items:center;gap:10px}.tdg-content-item>div{align-items:flex-start;flex-direction:column}.tdg-member img{border-radius:50%}.tdg-member small{display:block;color:var(--td-gray-500);margin-top:4px}.tdg-member-actions{display:flex;align-items:center;gap:8px}.tdg-inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.tdg-inline-form input,.tdg-inline-form select{min-width:220px}.tdg-create-notice{margin-top:18px;border-top:1px solid var(--td-gray-200);padding-top:14px}.tdg-create-notice summary{cursor:pointer;font-weight:800;color:var(--td-brand-700)}.tdg-create-notice form{margin-top:16px}.tdg-checkboxes{display:flex;gap:12px;flex-wrap:wrap}.tdg-checkboxes label{display:inline-flex;align-items:center;gap:6px}.tdg-checkboxes input{width:15px;height:15px}.tdg-search{display:flex;gap:8px;margin-bottom:15px}.tdg-search input{min-width:260px}.tdg-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0}.tdg-slug-state{font-size:13px;font-weight:700;margin-top:6px}.tdg-slug-state.is-ok{color:var(--td-success-700)}.tdg-slug-state.is-bad{color:var(--td-danger-600)}.tdg-url-preview{font-size:13px;color:var(--td-brand-700);overflow-wrap:anywhere;margin-top:4px}.tdg-confirm-url{font-size:16px;font-weight:800;color:var(--td-brand-700);overflow-wrap:anywhere}.tdg-danger{border-color:var(--td-danger-100)}.tdg-toast{position:fixed;right:20px;bottom:20px;z-index:9999;max-width:420px;background:var(--td-brand-900);color:#fff;border-radius:var(--td-radius);padding:12px 16px;box-shadow:0 10px 28px rgba(0,0,0,.18)}.tdg-toast.is-error{background:var(--td-danger-700)}.td-groups-shell .td-btn--primary,.td-groups-shell .td-btn:not(.td-btn--secondary):not(.td-btn--danger){background:var(--td-brand-600);border-color:var(--td-brand-600);color:#fff}.td-groups-shell .td-btn--primary:hover,.td-groups-shell .td-btn--primary:focus{background:var(--td-brand-600);border-color:var(--td-brand-600);color:#fff}.td-groups-shell .td-btn--secondary{background:var(--td-secondary);border-color:var(--td-secondary-dark);color:var(--td-secondary-text)}.td-groups-shell .td-btn--secondary:hover,.td-groups-shell .td-btn--secondary:focus{background:var(--td-brand-200);border-color:var(--td-brand-200);color:var(--td-brand-700)}.td-table-wrap{overflow:auto}.td-table{width:100%;border-collapse:collapse}.td-table th,.td-table td{padding:11px 12px;border-bottom:1px solid var(--td-gray-200);text-align:left;vertical-align:top}.td-table th{white-space:nowrap}.td-confirm-modal[hidden]{display:none!important}
@media(max-width:1000px){.tdg-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tdg-filter-grid{grid-template-columns:1fr 1fr}.tdg-two-col{grid-template-columns:1fr}.tdg-hero{align-items:flex-start}.tdg-details{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.tdg-list-head,.tdg-hero,.tdg-hero-main,.tdg-content-item,.tdg-member{display:block}.tdg-list-head .td-btn{margin-top:12px}.tdg-group-grid,.tdg-filter-grid,.tdg-details{grid-template-columns:1fr}.tdg-group-image{width:100%;height:auto;margin-bottom:12px}.tdg-hero-actions{margin-top:14px}.tdg-member-actions{margin-top:10px;flex-wrap:wrap}.tdg-inline-form,.tdg-search{display:grid;grid-template-columns:1fr}.tdg-inline-form input,.tdg-inline-form select,.tdg-search input{min-width:0;width:100%}.tdg-pager{justify-content:space-between}.tdg-card-body{padding:15px}}

/* v0.28.2 member suggestions and Group Content taxonomy controls */
.tdg-add-member-block{margin:4px 0 18px}.tdg-member-search-form{display:flex;align-items:flex-start;gap:10px;max-width:720px}.tdg-user-search{position:relative;flex:1;min-width:280px}.tdg-user-search>input[type="search"]{width:100%}.tdg-user-search>input[type="hidden"]{display:none}.tdg-user-suggestions{position:absolute;z-index:40;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);box-shadow:0 14px 35px rgba(15,23,42,.14);max-height:360px;overflow:auto;padding:6px}.tdg-user-suggestion{appearance:none;width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:var(--td-radius);cursor:pointer;color:var(--td-brand-800)}.tdg-user-suggestion:hover:not(:disabled),.tdg-user-suggestion:focus:not(:disabled){background:var(--td-brand-100);outline:none}.tdg-user-suggestion:disabled{cursor:default;opacity:.68}.tdg-user-suggestion img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px}.tdg-user-suggestion-text{display:flex;flex-direction:column;min-width:0;flex:1}.tdg-user-suggestion-text strong{font-size:14px;line-height:1.3}.tdg-user-suggestion-text small,.tdg-username{color:var(--td-gray-500);font-size:12px;line-height:1.3}.tdg-user-suggestion em{font-style:normal;font-size:12px;font-weight:700;color:var(--td-secondary-ink);background:var(--td-brand-100);padding:4px 7px;border-radius:999px;white-space:nowrap}.tdg-user-suggestion-empty{padding:12px;color:var(--td-gray-500);font-size:13px}.tdg-pending-list{display:grid;gap:10px}.tdg-pending-request{border:1px solid var(--td-gray-200);border-radius:var(--td-radius);padding:12px}.tdg-pending-request.is-approved{border-color:var(--td-success-300);background:var(--td-success-50)}.tdg-pending-request.is-declined{border-color:var(--td-danger-100);background:var(--td-danger-50)}
.tdg-multi{position:relative;width:100%}.tdg-multi>summary{list-style:none;cursor:pointer;border:1px solid var(--td-brand-200);border-radius:var(--td-radius-sm);background:#fff;min-height:42px;padding:9px 34px 9px 11px;position:relative;color:var(--td-brand-700)}.tdg-multi>summary::-webkit-details-marker{display:none}.tdg-multi>summary:after{content:'▾';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--td-brand-700)}.tdg-multi[open]>summary:after{content:'▴'}.tdg-multi-panel{position:absolute;z-index:35;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);box-shadow:0 12px 28px rgba(15,23,42,.12);padding:5px;max-height:280px;overflow:auto}.tdg-multi-options{display:grid;gap:1px}.tdg-multi-options label{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--td-radius-sm);cursor:pointer;font-weight:500;line-height:1.35;min-height:30px}.tdg-multi-options label:hover{background:var(--td-brand-50)}.tdg-multi-options input[type="checkbox"]{width:15px;height:15px;margin:0;flex:0 0 15px}.tdg-muted{display:block;color:var(--td-gray-500);font-size:13px;padding:8px}
@media(max-width:680px){.tdg-member-search-form{display:grid;grid-template-columns:1fr}.tdg-user-search{min-width:0;width:100%}.tdg-user-suggestions{position:static;margin-top:5px}.tdg-multi-panel{position:static;margin-top:4px;box-shadow:none}}

/* v0.28.4 privacy-safe current-member search */
.tdg-member-list-search{max-width:760px;align-items:center;gap:10px;margin:18px 0 18px}.tdg-member-list-search-field{flex:1;min-width:280px}.tdg-member-list-search input[type="search"]{display:block;width:100%;min-width:0;min-height:46px;padding:11px 15px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);background:#fff;color:var(--td-brand-800);font:inherit;line-height:1.35;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:border-color .16s ease,box-shadow .16s ease}.tdg-member-list-search input[type="search"]::placeholder{color:var(--td-brand-700);opacity:1}.tdg-member-list-search input[type="search"]:hover{border-color:var(--td-brand-300)}.tdg-member-list-search input[type="search"]:focus{outline:none;border-color:var(--td-brand-600);box-shadow:0 0 0 3px rgba(25,170,248,.14)}.tdg-member-list-search .td-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding-left:17px;padding-right:17px}.tdg-member-list-search+.tdg-member-list{margin-top:4px}
@media(max-width:680px){.tdg-member-list-search{display:grid;grid-template-columns:1fr;gap:9px;margin:16px 0}.tdg-member-list-search-field{min-width:0;width:100%}.tdg-member-list-search .td-btn{width:100%}}

/* v0.28.5 current-member live filter + compact Group notices */
.tdg-member-list-search{max-width:760px;margin:18px 0 14px}.tdg-member-list-search-field{width:100%}.tdg-member-list-search+.tdg-member-list{margin-top:10px}.tdg-member-filter-empty{margin:12px 0;color:var(--td-gray-500)}.tdg-notice-preview strong a{color:var(--td-brand-700);text-decoration:none}.tdg-notice-preview strong a:hover,.tdg-notice-preview strong a:focus{color:var(--td-brand-700);text-decoration:underline}.tdg-notice-context{margin-top:5px}.tdg-notice-detail .tdg-details{margin-top:18px}.tdg-notice-linked{margin-top:20px;padding-top:16px;border-top:1px solid var(--td-gray-200)}.tdg-notice-linked h3{margin:0 0 8px}.tdg-notice-linked a{color:var(--td-brand-700);font-weight:700}

/* Group Members UX refinements:add-member search, compact avatars, role controls and ownership transfer. */
.tdg-member-add-search-form,.tdg-transfer-search-form{margin-top:10px;margin-bottom:10px;align-items:center;gap:10px}
.tdg-member-add-search-form .tdg-user-search,.tdg-transfer-search-form .tdg-user-search{min-width:0;width:100%}
.tdg-member-add-search-form .tdg-user-search>input[type="search"],.tdg-transfer-search-form .tdg-user-search>input[type="search"]{display:block;width:100%;min-width:0;min-height:46px;padding:11px 15px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);background:#fff;color:var(--td-brand-800);font:inherit;line-height:1.35;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:border-color .16s ease,box-shadow .16s ease}
.tdg-member-add-search-form .tdg-user-search>input[type="search"]::placeholder,.tdg-transfer-search-form .tdg-user-search>input[type="search"]::placeholder{color:var(--td-brand-700);opacity:1}
.tdg-member-add-search-form .tdg-user-search>input[type="search"]:focus,.tdg-transfer-search-form .tdg-user-search>input[type="search"]:focus{outline:none;border-color:var(--td-brand-600);box-shadow:0 0 0 3px rgba(25,170,248,.14)}
.tdg-member-add-search-form .tdg-user-suggestions,.tdg-transfer-search-form .tdg-user-suggestions{top:calc(100% + 8px)}
.tdg-member-list{display:grid;gap:8px}
.tdg-member-list .tdg-member{min-width:0;padding:10px 0}
.tdg-member>div:first-child{min-width:0;flex:1}
.tdg-member img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:cover;flex:0 0 36px;border-radius:50%;display:block}
.tdg-member>div:first-child>div{min-width:0}
.tdg-member>div:first-child strong,.tdg-member>div:first-child small{overflow-wrap:anywhere}
.tdg-role-select{min-height:40px;padding:8px 34px 8px 11px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);background:#fff;color:var(--td-brand-800);font:inherit;line-height:1.2}
.tdg-role-select:focus{outline:none;border-color:var(--td-brand-600);box-shadow:0 0 0 3px rgba(25,170,248,.12)}
.tdg-transfer-pending,.tdg-ownership-offer{border-color:var(--td-brand-200);background:var(--td-brand-50)}
.tdg-transfer-pending{margin-top:12px;padding:12px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius)}
.tdg-transfer-pending p{margin:5px 0 0;color:var(--td-brand-700)}
@media(max-width:680px){.tdg-member-add-search-form,.tdg-transfer-search-form{display:grid;grid-template-columns:1fr;gap:9px}.tdg-member-add-search-form .td-btn,.tdg-transfer-search-form .td-btn{width:100%;min-height:44px}.tdg-member{padding:11px 0}.tdg-member-actions{width:100%;align-items:stretch}.tdg-role-select{width:100%;min-width:0}.tdg-member-actions .td-btn{flex:1}}

/* v0.28.8 Group Members grid, role menu and self-leave UX */
.tdg-member-search-label{display:block;margin:12px 0 7px;font-size:13px;font-weight:700;color:var(--td-brand-700)}
.tdg-member-add-search-form{max-width:760px;margin:0 0 12px;align-items:center;gap:10px}
.tdg-member-add-search-form .tdg-user-search>input[type="search"]{min-height:48px;padding:12px 16px;line-height:1.4}
.tdg-member-add-search-form .td-btn{min-height:48px;padding-left:18px;padding-right:18px}
.tdg-member-add-search-form .tdg-user-suggestions{top:calc(100% + 9px)}

.tdg-member-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.tdg-member-list .tdg-member{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:14px;min-width:0;min-height:150px;padding:14px;border:1px solid var(--td-gray-200);border-radius:var(--td-radius-lg);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.tdg-member-list .tdg-member-main{display:flex;align-items:flex-start;gap:10px;min-width:0}
.tdg-member-list .tdg-member-main img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;flex:0 0 34px;object-fit:cover;border-radius:50%;display:block}
.tdg-member-list .tdg-member-info{min-width:0;flex:1}
.tdg-member-list .tdg-member-info strong{display:block;line-height:1.35;overflow-wrap:anywhere}
.tdg-member-list .tdg-member-info small{display:block;line-height:1.35;overflow-wrap:anywhere}
.tdg-member-list .tdg-member-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:2px}
.tdg-member-list .tdg-member-actions>.td-btn{min-height:39px}

.tdg-role-menu{position:relative;min-width:128px}
.tdg-role-menu>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;padding:8px 34px 8px 12px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);background:#fff;color:var(--td-brand-800);font-weight:700;cursor:pointer;position:relative;user-select:none}
.tdg-role-menu>summary::-webkit-details-marker{display:none}
.tdg-role-menu>summary:after{content:'▾';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--td-brand-700)}
.tdg-role-menu[open]>summary{border-color:var(--td-brand-600);box-shadow:0 0 0 3px rgba(25,170,248,.12)}
.tdg-role-menu[open]>summary:after{content:'▴'}
.tdg-role-options{position:absolute;z-index:45;left:0;right:0;top:calc(100% + 5px);display:grid;gap:2px;padding:5px;background:#fff;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);box-shadow:0 12px 28px rgba(15,23,42,.14)}
.tdg-role-options button{appearance:none;border:0;border-radius:var(--td-radius);background:#fff;color:var(--td-brand-800);text-align:left;padding:8px 9px;font:inherit;font-weight:600;cursor:pointer}
.tdg-role-options button:hover,.tdg-role-options button:focus{outline:none;background:var(--td-brand-100);color:var(--td-secondary-ink)}

@media(max-width:1000px){.tdg-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .tdg-member-list{grid-template-columns:1fr;gap:11px}
  .tdg-member-list .tdg-member{min-height:0;padding:13px}
  .tdg-member-list .tdg-member-actions{width:100%;align-items:stretch}
  .tdg-member-list .tdg-member-actions>.td-btn,.tdg-role-menu{width:100%}
  .tdg-role-options{position:static;margin-top:5px;box-shadow:none}
  .tdg-member-add-search-form{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:14px}
  .tdg-member-add-search-form .td-btn{width:100%}
}

/* v0.28.12 pending membership workflow. */
.tdg-pending-summary{position:relative;border-left:4px solid var(--td-brand-400);padding-right:48px}.tdg-pending-summary a{color:var(--td-brand-700);text-decoration:none}.tdg-pending-summary a:hover{text-decoration:underline}.tdg-summary-dismiss{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--td-gray-500);font-size:22px;cursor:pointer;display:grid;place-items:center}.tdg-summary-dismiss:hover,.tdg-summary-dismiss:focus{background:var(--td-brand-100);color:var(--td-secondary-ink)}.tdg-pending-list{display:grid;gap:12px}.tdg-pending-request{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--td-gray-200);border-radius:var(--td-radius-lg);padding:14px}.tdg-pending-request .tdg-member-main{min-width:0}.tdg-pending-request .tdg-member-actions{flex:0 0 auto}@media(max-width:640px){.tdg-pending-request{align-items:flex-start;flex-direction:column}.tdg-pending-request .tdg-member-actions{width:100%}.tdg-pending-request .tdg-member-actions .td-btn{flex:1}}

.tdg-slug-change{margin:4px 0 18px;border:1px solid var(--td-gray-200);border-radius:var(--td-radius);padding:12px 14px;background:#fff}.tdg-slug-change>summary{cursor:pointer;font-weight:800;color:var(--td-brand-700)}.tdg-slug-change[open]>summary{margin-bottom:14px}.tdg-slug-change .td-field{margin-bottom:0}

/* Shared Group identity and invitation layout */
.td-groups-shell{min-width:0}.tdg-group-header{background:#fff;border:1px solid var(--td-brand-100);border-radius:var(--td-radius-lg);margin:0 0 18px;overflow:visible;min-width:0}.tdg-cover{height:clamp(180px,24vw,300px);position:relative;overflow:hidden;border-radius:13px 13px 0 0;background:var(--td-brand-100)}.tdg-cover>img,.tdg-cover-default{width:100%;height:100%;object-fit:cover;display:block}.tdg-cover-default{display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,var(--td-brand-500) 0%,var(--td-brand-400) 55%,var(--td-brand-200) 100%);color:#fff;font-size:clamp(32px,5vw,64px);font-weight:800;letter-spacing:-.04em}.tdg-edit-cover{position:absolute;right:15px;bottom:14px;border:0;border-radius:var(--td-radius);background:#fff;color:var(--td-brand-800);padding:9px 13px;display:inline-flex;gap:7px;align-items:center;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #12344c33}.tdg-group-header svg,.tdg-invite-overlay svg{width:18px;height:18px;flex:none}.tdg-identity{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:20px 22px}.tdg-identity-main{min-width:0}.tdg-type-badge{display:inline-flex;border-radius:999px;background:var(--td-brand-100);color:var(--td-secondary-ink);font-size:12px;font-weight:800;padding:5px 10px}.tdg-identity h1{font-size:clamp(25px,3vw,38px);margin:9px 0 4px;line-height:1.15;overflow-wrap:anywhere}.tdg-identity-meta{color:var(--td-brand-700);margin:0 0 12px}.tdg-avatar-preview{display:inline-flex;align-items:center;padding-left:8px;text-decoration:none}.tdg-avatar{width:36px;height:36px;margin-left:-8px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:var(--td-brand-100)}.tdg-avatar img{width:100%;height:100%;object-fit:cover}.tdg-avatar-more{display:grid;place-items:center;width:36px;height:36px;margin-left:-8px;border:2px solid #fff;border-radius:50%;background:var(--td-brand-100);color:var(--td-secondary-ink);font-size:12px;font-weight:800}.tdg-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.tdg-header-actions .td-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;text-decoration:none;white-space:nowrap}.tdg-invite-menu,.tdg-more{position:relative}.tdg-invite-menu>summary{list-style:none;cursor:pointer}.tdg-invite-menu>summary::-webkit-details-marker,.tdg-more>summary::-webkit-details-marker{display:none}.tdg-invite-options,.tdg-more-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:80;background:#fff;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);box-shadow:0 12px 30px #173e5928;padding:6px;min-width:280px}.tdg-invite-options button,.tdg-more-menu button,.tdg-more-menu a{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:10px;border-radius:var(--td-radius);text-align:left;color:var(--td-brand-700);font:inherit;cursor:pointer;text-decoration:none}.tdg-invite-options button:hover,.tdg-more-menu button:hover,.tdg-more-menu a:hover{background:var(--td-brand-100)}.tdg-invite-options strong,.tdg-invite-options small{display:block}.tdg-invite-options small{color:var(--td-brand-700);font-size:12px}.tdg-nav-bar{display:flex;align-items:stretch;border-top:1px solid var(--td-brand-100);padding:0 20px;gap:8px;min-width:0}.tdg-nav-bar .tdg-tabs{flex:1;min-width:0;display:flex;gap:3px;overflow-x:auto;scrollbar-width:thin;margin:0;padding:0}.tdg-nav-bar .tdg-tabs a{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;white-space:nowrap;padding:13px 12px;color:var(--td-brand-700);font-weight:700}.tdg-nav-bar .tdg-tabs a.is-active{border-color:var(--td-brand-600);color:var(--td-brand-700);background:transparent}.tdg-tab-count{font-size:12px;background:var(--td-brand-100);border-radius:var(--td-radius);padding:2px 5px}.tdg-more{flex:none;align-self:center}.tdg-more>summary{list-style:none;display:grid;place-items:center;border-radius:var(--td-radius);width:42px;height:42px;background:var(--td-brand-100);color:var(--td-secondary-ink);font-size:23px;cursor:pointer}.tdg-more-menu{min-width:180px}.tdg-invite-overlay[hidden]{display:none!important}.tdg-invite-overlay{position:fixed;inset:0;z-index:99999;background:#13283c99;display:grid;place-items:center;padding:14px}.tdg-invite-dialog{width:min(850px,100%);max-height:min(90vh,900px);overflow:auto;background:#fff;border-radius:var(--td-radius-lg);box-shadow:0 22px 55px #102a4055;padding:20px;color:var(--td-brand-800)}.tdg-invite-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--td-brand-100);padding-bottom:13px;margin-bottom:16px}.tdg-invite-title h2{margin:0;font-size:21px}.tdg-invite-title button{border:0;background:none;font-size:27px;cursor:pointer;min-width:40px;min-height:40px}.tdg-invite-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}.tdg-invite-search{display:flex;align-items:center;gap:8px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);padding:0 10px}.tdg-invite-search input{min-width:0;width:100%;border:0!important;box-shadow:none!important}.tdg-invite-state{font-size:13px;color:var(--td-brand-700)}.tdg-invite-results{max-height:360px;overflow:auto}.tdg-invite-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border-radius:var(--td-radius);cursor:pointer}.tdg-invite-row:hover{background:var(--td-brand-50)}.tdg-invite-row img,.tdg-invite-selected-row img{width:38px;height:38px;border-radius:50%;object-fit:cover}.tdg-invite-row span,.tdg-invite-selected-row span{min-width:0;flex:1}.tdg-invite-row strong,.tdg-invite-row small,.tdg-invite-selected-row strong,.tdg-invite-selected-row small{display:block}.tdg-invite-row small,.tdg-invite-selected-row small{font-size:12px;color:var(--td-brand-700)}.tdg-invite-row input{margin-left:auto;width:17px;height:17px}.tdg-invite-selected{border-left:1px solid var(--td-brand-100);padding-left:16px}.tdg-invite-selected h3,.tdg-invite-dialog h3{font-size:15px;margin:0 0 12px}.tdg-invite-selected-row,.tdg-invite-recipient{display:flex;align-items:center;gap:9px;padding:7px 0}.tdg-invite-selected-row button,.tdg-invite-recipient button{margin-left:auto;border:0;background:none;font-size:20px;cursor:pointer}.tdg-invite-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--td-brand-100);margin-top:18px;padding-top:15px}.tdg-invite-actions .td-btn:disabled{opacity:.5;cursor:not-allowed}.tdg-invite-label{display:block;font-weight:700;margin:12px 0 7px}.tdg-invite-label small{display:block;color:var(--td-brand-700);font-weight:400}.tdg-invite-label textarea{display:block;width:100%;margin-top:7px}.tdg-invite-add{display:flex;gap:8px}.tdg-invite-add input{flex:1;min-width:0}.tdg-invite-error{color:var(--td-danger-600)}.tdg-invite-recipients{max-height:180px;overflow:auto;margin:10px 0}.tdg-invite-recipient svg{color:var(--td-brand-700)}
@media(max-width:760px){.tdg-identity{display:block;padding:16px}.tdg-header-actions{justify-content:flex-start;margin-top:15px}.tdg-nav-bar{padding:0 8px}.tdg-nav-bar .tdg-tabs a{padding:12px 9px}.tdg-invite-columns{grid-template-columns:1fr}.tdg-invite-selected{border-left:0;border-top:1px solid var(--td-brand-100);padding:14px 0 0}.tdg-invite-options{left:0;right:auto;max-width:calc(100vw - 32px)}.tdg-cover{height:clamp(150px,35vw,230px)}}
body.tdg-modal-open{overflow:hidden}
.tdg-invite-dialog [hidden]{display:none!important}
.tdg-invite-overlay button:focus-visible,.tdg-nav-bar a:focus-visible,.tdg-invite-menu>summary:focus-visible,.tdg-more>summary:focus-visible{outline:3px solid var(--td-brand-500);outline-offset:2px}

.tdg-cover-default{padding:24px;text-align:center;line-height:1.15;overflow-wrap:anywhere}.tdg-cover-default span{max-width:min(900px,100%)}.tdg-more-menu svg{width:18px;height:18px;flex:none;color:var(--td-brand-700)}[data-tdg-tab-content]{min-width:0}.tdg-tab-loading{padding:28px;text-align:center;color:var(--td-secondary-ink);background:#fff;border:1px solid var(--td-brand-100);border-radius:var(--td-radius-lg)}.tdg-tabs a[aria-busy="true"]{opacity:.65}

/* Groups directory shell */
.td-groups-shell{width:min(1500px,100%);max-width:1500px;min-width:0}.tdg-app-layout{display:grid;grid-template-columns:minmax(245px,30%) minmax(0,70%);gap:22px;align-items:start}.tdg-app-main{min-width:0}.tdg-app-main .td-panel{min-width:0}.tdg-sidebar{min-width:0}.tdg-sidebar-inner{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto;background:#fff;border:1px solid var(--td-brand-100);border-radius:var(--td-radius-lg);padding:18px}.tdg-sidebar-heading{display:flex;align-items:center;gap:10px;font-size:23px;margin-bottom:18px;color:var(--td-brand-700)}.tdg-sidebar-heading svg{width:25px;height:25px;color:var(--td-brand-700)}.tdg-sidebar-search{display:flex;align-items:center;gap:8px;background:var(--td-brand-50);border:1px solid var(--td-brand-200);border-radius:var(--td-radius);padding:0 11px;margin-bottom:15px}.tdg-sidebar-search svg{width:18px;height:18px;flex:none;color:var(--td-brand-700)}.tdg-sidebar-search input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;height:42px}.tdg-sidebar-nav{display:grid;gap:3px}.tdg-sidebar-nav a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:var(--td-radius);color:var(--td-brand-700);text-decoration:none;font-weight:700}.tdg-sidebar-nav a:hover,.tdg-sidebar-nav a.is-active{background:var(--td-brand-100);color:var(--td-secondary-ink)}.tdg-sidebar-nav svg{width:20px;height:20px;flex:none}.tdg-sidebar-create{display:block;text-align:center;text-decoration:none;font-weight:800;border-radius:var(--td-radius);padding:11px;background:var(--td-brand-600);color:#fff!important;margin:16px 0}.tdg-sidebar-create:hover{background:var(--td-brand-600)}.tdg-sidebar-section{border-top:1px solid var(--td-brand-100);padding-top:16px;margin-top:17px}.tdg-sidebar-section.is-active{border-color:var(--td-brand-600)}.tdg-sidebar-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tdg-sidebar-section-head h2{font-size:15px;margin:0 0 12px}.tdg-sidebar-section-head a{font-size:13px;white-space:nowrap}.tdg-sidebar-group{display:flex;align-items:center;gap:9px;text-decoration:none;padding:7px;border-radius:var(--td-radius);min-width:0}.tdg-sidebar-group:hover{background:var(--td-brand-100)}.tdg-sidebar-group img,.tdg-sidebar-thumb{width:38px;height:38px;flex:0 0 38px;border-radius:var(--td-radius);object-fit:cover}.tdg-sidebar-thumb{display:grid;place-items:center;background:linear-gradient(125deg,var(--td-brand-500),var(--td-brand-400));color:#fff;font-weight:800}.tdg-sidebar-group span:last-child{min-width:0}.tdg-sidebar-group strong{display:block;color:var(--td-brand-700);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}.tdg-sidebar-group small{display:block;color:var(--td-brand-700);font-size:12px}.tdg-directory-list{display:grid;gap:13px}.tdg-directory-section{margin:22px 0}.tdg-directory-section>h2,.tdg-directory-heading h2{font-size:21px}.tdg-directory-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.tdg-directory-heading form{display:flex;align-items:center;gap:8px}.tdg-directory-heading select{min-height:38px}.tdg-directory-card{display:flex;align-items:center;gap:15px;padding:13px}.tdg-directory-thumb{width:84px;height:76px;flex:0 0 84px;object-fit:cover;border-radius:var(--td-radius)}.tdg-directory-fallback{display:grid;place-items:center;background:linear-gradient(125deg,var(--td-brand-500),var(--td-brand-400),var(--td-brand-200));color:#fff;text-align:center;overflow-wrap:anywhere;padding:7px;font-size:12px;font-weight:700}.tdg-directory-info{min-width:0;flex:1}.tdg-directory-info h2{font-size:18px;margin:0 0 5px;overflow-wrap:anywhere}.tdg-directory-info h2 a{text-decoration:none}.tdg-directory-info p{margin:0 0 5px;color:var(--td-brand-700);font-size:13px}.tdg-directory-info small{color:var(--td-brand-700)}.tdg-directory-actions{flex:none}.tdg-feed-item h2{font-size:19px;margin:8px 0}.tdg-feed-item small{display:block;color:var(--td-brand-700);margin-top:3px}.tdg-filter-grid{grid-template-columns:minmax(0,2fr) minmax(150px,1fr)}.tdg-app-main .tdg-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tdg-app-main .tdg-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.tdg-app-layout{grid-template-columns:minmax(210px,28%) minmax(0,72%);gap:15px}.tdg-sidebar-inner{padding:12px}.tdg-app-main .tdg-two-col{grid-template-columns:1fr}}
@media(max-width:760px){.tdg-app-layout{display:block}.tdg-sidebar-inner{position:static;max-height:none;overflow:visible;margin-bottom:17px;padding:12px}.tdg-sidebar-section{display:none}.tdg-sidebar-heading{font-size:18px;margin-bottom:8px}.tdg-sidebar-nav{display:flex;overflow-x:auto;gap:4px}.tdg-sidebar-nav a{white-space:nowrap;padding:9px}.tdg-sidebar-create{display:inline-block;margin:10px 0 0;padding:8px 12px}.tdg-app-main .tdg-member-list,.tdg-app-main .tdg-group-grid{grid-template-columns:1fr}.tdg-directory-card{align-items:flex-start;flex-wrap:wrap}.tdg-directory-actions{width:100%}.tdg-directory-actions .td-btn{width:100%;text-align:center}.tdg-filter-grid{grid-template-columns:1fr}}
@media(max-width:760px){.tdg-sidebar-section{display:block;margin-top:10px;padding-top:9px}.tdg-sidebar-section-head h2{margin:0;font-size:13px}.tdg-sidebar-section .tdg-sidebar-group{display:none}}
.tdg-directory-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.tdg-directory-actions{display:flex}.tdg-directory-actions .td-btn{flex:1}}

/* Individual Group route width and mobile application navigation. */
.tdg-individual-route .tdg-app-layout{grid-template-columns:minmax(220px,25%) minmax(0,75%)}
.tdg-mobile-bottom-nav{display:none}
@media(max-width:1050px){.tdg-individual-route .tdg-app-layout{grid-template-columns:minmax(200px,25%) minmax(0,75%)}}
@media(max-width:760px){
  .tdg-individual-route .tdg-app-layout{display:block}
  .tdg-individual-route .tdg-sidebar{display:none!important}
  .tdg-individual-route .tdg-app-main{width:100%;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .tdg-mobile-bottom-nav{position:fixed;z-index:900;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--td-brand-200);box-shadow:0 -4px 18px #173e591c;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}
  .tdg-mobile-bottom-nav a{min-width:0;min-height:53px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--td-brand-700);text-decoration:none;font-size:12px;font-weight:700;text-align:center}
  .tdg-mobile-bottom-nav a:focus-visible{outline:2px solid var(--td-brand-400);border-radius:var(--td-radius)}
  .tdg-mobile-bottom-nav svg{width:21px;height:21px;flex:none}
}
/* Allocate the gap inside the available width so neither column forces overflow. */
.tdg-app-layout{grid-template-columns:minmax(245px,3fr) minmax(0,7fr)}
.tdg-individual-route .tdg-app-layout{grid-template-columns:minmax(220px,1fr) minmax(0,3fr)}
@media(max-width:1050px){.tdg-app-layout{grid-template-columns:minmax(210px,28fr) minmax(0,72fr)}.tdg-individual-route .tdg-app-layout{grid-template-columns:minmax(200px,1fr) minmax(0,3fr)}}
@media(max-width:760px){.tdg-app-layout,.tdg-individual-route .tdg-app-layout{display:block}}

/* The shared shell's 42px top margin is excessive for individual Group pages. */
.td-shell.td-groups-shell.tdg-individual-route{margin-top:12px}
@media(max-width:760px){.td-shell.td-groups-shell.tdg-individual-route{margin-top:8px}}

/* Joined directory:compact cards, contextual menus and the shared Report form. */
.tdg-pending-section{border-bottom:1px solid var(--td-brand-200);padding-bottom:22px}.tdg-pending-section>p{color:var(--td-brand-700);margin:0 0 14px}.tdg-joined-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.tdg-joined-card{min-width:0;align-items:flex-start;flex-wrap:wrap;position:relative}.tdg-joined-card .tdg-directory-info{min-width:0}.tdg-joined-card .tdg-directory-actions{width:100%;justify-content:space-between}.tdg-joined-card .tdg-directory-actions>a{flex:1;text-align:center}.tdg-card-more,.tdg-sort-menu{position:relative;flex:none}.tdg-card-more>summary,.tdg-sort-menu>summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-width:42px;min-height:40px;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);background:var(--td-brand-100);color:var(--td-secondary-ink);font-weight:700}.tdg-card-more>summary{font-size:23px}.tdg-card-more>summary::-webkit-details-marker,.tdg-sort-menu>summary::-webkit-details-marker{display:none}.tdg-card-menu,.tdg-sort-options{position:absolute;right:0;top:calc(100% + 5px);min-width:190px;background:#fff;border:1px solid var(--td-brand-200);border-radius:var(--td-radius);padding:5px;box-shadow:0 10px 28px #173e5928;z-index:80}.tdg-card-menu button,.tdg-sort-options a{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:var(--td-radius);background:#fff;color:var(--td-brand-700);text-align:left;padding:9px;font:inherit;text-decoration:none;cursor:pointer}.tdg-card-menu button:hover,.tdg-sort-options a:hover{background:var(--td-brand-100)}.tdg-card-menu svg{width:18px;height:18px;color:var(--td-brand-700)}.tdg-sort-options{min-width:215px}.tdg-sort-options a{justify-content:space-between}.tdg-sort-options a[aria-current="true"]{color:var(--td-brand-700);font-weight:800}.tdg-directory-heading{margin-bottom:14px}.tdg-directory-heading h2{margin:0}.tdg-joined-section[aria-busy="true"]{opacity:.65}.tdg-report-overlay[hidden]{display:none!important}.tdg-report-overlay{position:fixed;inset:0;background:#13283c99;z-index:99999;display:grid;place-items:center;padding:14px}.tdg-report-dialog{position:relative;width:min(780px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--td-radius-lg);padding:22px}.tdg-report-close{position:absolute;right:10px;top:8px;background:none;border:0;font-size:28px;cursor:pointer}.tdg-report-dialog form{margin-top:20px}.tdg-report-dialog .td-field{margin-bottom:14px}
@media(max-width:1100px){.tdg-joined-grid{grid-template-columns:1fr}}@media(max-width:760px){.tdg-joined-card .tdg-directory-actions{flex-wrap:nowrap}.tdg-joined-card .tdg-directory-actions .td-btn{width:auto}.tdg-sort-options{right:0;max-width:calc(100vw - 35px)}}

/* ===== Instruction 28: Groups and Group routes ===== */
/* 25% sidebar / 75% content on every Groups route (desktop). */
.td-groups-shell .tdg-app-layout,.td-groups-shell.tdg-individual-route .tdg-app-layout{grid-template-columns:minmax(220px,1fr) minmax(0,3fr);gap:24px;align-items:start}
@media(max-width:1050px){.td-groups-shell .tdg-app-layout,.td-groups-shell.tdg-individual-route .tdg-app-layout{grid-template-columns:minmax(200px,1fr) minmax(0,3fr);gap:16px}}
@media(max-width:760px){.td-groups-shell .tdg-app-layout,.td-groups-shell.tdg-individual-route .tdg-app-layout{display:block}}
.td-groups-shell{margin-top:20px}
/* Sidebar */
.td-groups-shell .tdg-sidebar-inner{top:calc(var(--td-header-h,72px) + 16px);padding:16px;border-color:var(--td-border);box-shadow:var(--td-shadow-xs)}
.td-groups-shell .tdg-sidebar-heading{font-size:18px;margin:2px 4px 14px;color:var(--td-text-strong)}
.td-groups-shell .tdg-sidebar-heading svg{width:22px;height:22px;color:var(--td-brand-700)}
.td-groups-shell .tdg-sidebar-search{background:var(--td-bg-subtle);border-color:var(--td-border)}
.td-groups-shell .tdg-sidebar-search:focus-within{border-color:var(--td-brand-500);box-shadow:var(--td-ring)}
.td-groups-shell .tdg-sidebar-search input{height:40px;font-size:14px}
.td-groups-shell .tdg-sidebar-nav a{padding:9px 10px;font-weight:600;font-size:14px;color:var(--td-gray-700)}
.td-groups-shell .tdg-sidebar-nav a svg{color:var(--td-gray-500)}
.td-groups-shell .tdg-sidebar-nav a:hover{background:var(--td-gray-100);color:var(--td-text-strong)}
.td-groups-shell .tdg-sidebar-nav a.is-active{background:var(--td-secondary);color:var(--td-secondary-ink)}
.td-groups-shell .tdg-sidebar-nav a.is-active svg{color:var(--td-secondary-ink)}
.td-groups-shell .tdg-sidebar-create{margin:12px 0 4px;padding:10px;font-weight:700;font-size:14px;background:var(--td-primary);color:var(--td-primary-text)!important}
.td-groups-shell .tdg-sidebar-create:hover{background:var(--td-primary-dark)}
.td-groups-shell .tdg-sidebar-section{margin-top:14px;padding-top:14px;border-color:var(--td-border)}
.td-groups-shell .tdg-sidebar-section-head{margin-bottom:6px}
.td-groups-shell .tdg-sidebar-section-head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--td-text-subtle,var(--td-gray-500));line-height:1.4}
.td-groups-shell .tdg-sidebar-section-head a{font-size:12.5px;font-weight:600;color:var(--td-link)}
.td-groups-shell .tdg-sidebar-group{padding:6px}
.td-groups-shell .tdg-sidebar-group:hover{background:var(--td-gray-100)}
.td-groups-shell .tdg-sidebar-group strong{color:var(--td-text-strong);font-weight:600}
.td-groups-shell .tdg-sidebar-group small{color:var(--td-text-muted)}
.td-groups-shell .tdg-sidebar-group img,.td-groups-shell .tdg-sidebar-thumb{width:34px;height:34px;flex-basis:34px}
/* Compact page titles */
.td-groups-shell .tdg-page-head{margin:0 0 16px;max-width:none}
.td-groups-shell .tdg-page-head h1{margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.3;color:var(--td-text-strong)}
.td-groups-shell .tdg-page-head p{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--td-text-muted)}
/* Directory cards */
.td-groups-shell .tdg-directory-list{display:grid;gap:12px}
.td-groups-shell .tdg-directory-list>.td-panel{margin:0}
.td-groups-shell .tdg-directory-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;margin:0;border-color:var(--td-border);transition:border-color .15s,box-shadow .15s}
.td-groups-shell .tdg-directory-card:hover{border-color:var(--td-brand-200);box-shadow:var(--td-shadow-sm)}
.td-groups-shell .tdg-directory-thumb{width:72px;height:72px;border-radius:12px;object-fit:cover}
.td-groups-shell .tdg-directory-fallback{display:grid;place-items:center;padding:0;background:linear-gradient(135deg,var(--td-brand-500),var(--td-brand-700));color:#fff;font-weight:700;font-size:22px;letter-spacing:.02em;overflow:hidden}
.td-groups-shell .tdg-directory-info{min-width:0}
.td-groups-shell .tdg-directory-info h2{margin:0 0 6px;font-size:17px;line-height:1.4}
.td-groups-shell .tdg-directory-info h2 a{color:var(--td-text-strong);text-decoration:none}
.td-groups-shell .tdg-directory-info h2 a:hover{color:var(--td-link);text-decoration:underline}
.td-groups-shell .tdg-directory-info p,.td-groups-shell .tdg-directory-info small{margin:0;font-size:13px;color:var(--td-text-muted);line-height:1.5}
.td-groups-shell .tdg-card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--td-text-muted)}
.td-groups-shell .tdg-card-meta li{display:inline-flex;align-items:center;gap:5px}
.td-groups-shell .tdg-card-meta .td-icon{width:15px;height:15px;color:var(--td-gray-500)}
.td-groups-shell .tdg-card-meta .td-badge{padding:1px 8px;font-size:12px}
.td-groups-shell .tdg-card-desc{margin-top:6px!important}
.td-groups-shell .tdg-directory-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.td-groups-shell .tdg-directory-actions .td-btn{min-height:38px;padding:7px 14px;font-size:14px}
/* Joined / pending grid: equal cards */
.td-groups-shell .tdg-joined-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:stretch}
.td-groups-shell .tdg-joined-grid>.tdg-directory-card{grid-template-columns:56px minmax(0,1fr);align-content:start;margin:0!important}
.td-groups-shell .tdg-joined-grid .tdg-directory-thumb{width:56px;height:56px;font-size:18px}
.td-groups-shell .tdg-joined-grid .tdg-directory-actions{grid-column:1/-1;justify-content:stretch;flex-wrap:nowrap}
.td-groups-shell .tdg-joined-grid .tdg-directory-actions>.td-btn{flex:1}
.td-groups-shell .tdg-directory-section{margin-bottom:24px}
.td-groups-shell .tdg-directory-section>h2,.td-groups-shell .tdg-directory-heading h2{margin:0 0 4px;font-size:18px;line-height:1.4}
.td-groups-shell .tdg-directory-section>p{margin:0 0 12px;font-size:14px;color:var(--td-text-muted)}
.td-groups-shell .tdg-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.td-groups-shell .tdg-card-more>summary,.td-groups-shell .tdg-more>summary{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--td-border);border-radius:var(--td-radius);background:#fff;color:var(--td-gray-700);list-style:none;cursor:pointer;font-size:0}
.td-groups-shell .tdg-card-more>summary::-webkit-details-marker,.td-groups-shell .tdg-more>summary::-webkit-details-marker{display:none}
.td-groups-shell .tdg-card-more>summary:hover,.td-groups-shell .tdg-more>summary:hover,.td-groups-shell .tdg-card-more[open]>summary,.td-groups-shell .tdg-more[open]>summary{background:var(--td-gray-100);color:var(--td-text-strong)}
.td-groups-shell .tdg-card-more>summary .td-icon,.td-groups-shell .tdg-more>summary .td-icon{width:20px;height:20px}
.td-groups-shell .tdg-card-menu button,.td-groups-shell .tdg-more-menu a,.td-groups-shell .tdg-more-menu button{display:flex;align-items:center;gap:8px}
.td-groups-shell .tdg-card-menu svg,.td-groups-shell .tdg-more-menu svg{width:16px;height:16px;flex:none}
/* Feed */
.td-groups-shell .tdg-feed-item{display:grid;gap:6px;padding:16px 18px;margin:0}
.td-groups-shell .tdg-feed-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--td-text-muted)}
.td-groups-shell .tdg-feed-type{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:var(--td-radius-full);background:var(--td-secondary);color:var(--td-secondary-ink);font-weight:600;font-size:12px}
.td-groups-shell .tdg-feed-type .td-icon{width:14px;height:14px}
.td-groups-shell .tdg-feed-item--notice .tdg-feed-type{background:var(--td-warning-100);color:var(--td-warning-700)}
.td-groups-shell .tdg-feed-item--exam .tdg-feed-type{background:var(--td-success-100);color:var(--td-success-700)}
.td-groups-shell .tdg-feed-group{font-weight:600;color:var(--td-text-strong);text-decoration:none}
.td-groups-shell .tdg-feed-group:hover{color:var(--td-link);text-decoration:underline}
.td-groups-shell .tdg-feed-item h2{margin:0;font-size:16px;line-height:1.45}
.td-groups-shell .tdg-feed-item h2 a{color:var(--td-text-strong);text-decoration:none}
.td-groups-shell .tdg-feed-item h2 a:hover{color:var(--td-link)}
.td-groups-shell .tdg-feed-item p{margin:0;font-size:14px;line-height:1.6;color:var(--td-text-muted)}
/* Discover filter */
.td-groups-shell .tdg-filter{padding:16px 18px;margin-bottom:12px}
.td-groups-shell .tdg-filter form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.td-groups-shell .tdg-filter .tdg-filter-grid{flex:1;min-width:240px;margin:0}
.td-groups-shell .tdg-filter .td-field{margin:0}
.td-groups-shell .tdg-filter .td-btn{min-height:46px}
/* Members */
.td-groups-shell .tdg-member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}
.td-groups-shell .tdg-member{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--td-border);border-radius:var(--td-radius-lg);background:#fff;min-height:0}
.td-groups-shell .tdg-member-main{display:flex;align-items:center;gap:12px;min-width:0}
.td-groups-shell .tdg-member-main>img,.td-groups-shell .tdg-member-main>.td-profile-image{width:44px!important;height:44px!important;flex:0 0 44px;border-radius:50%;object-fit:cover;background:var(--td-brand-100)}
.td-groups-shell .tdg-member-info{min-width:0}
.td-groups-shell .tdg-member-info strong{display:block;color:var(--td-text-strong);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-groups-shell .tdg-member-info small{margin-top:2px;font-size:12.5px;color:var(--td-text-muted)}
.td-groups-shell .tdg-member-actions{margin:0;gap:8px;flex-wrap:wrap}
.td-groups-shell .tdg-member-actions .td-btn{min-height:36px;padding:6px 12px;font-size:13px}
.td-groups-shell .tdg-pending-list{display:grid;gap:10px}
.td-groups-shell .tdg-pending-request{flex-direction:row;align-items:center;flex-wrap:wrap}
/* Header */
.td-groups-shell .tdg-group-header{border-color:var(--td-border);box-shadow:var(--td-shadow-xs)}
.td-groups-shell .tdg-identity h1{font-size:clamp(24px,2.8vw,32px);line-height:1.25;margin:6px 0 4px}
.td-groups-shell .tdg-tabs{scrollbar-width:thin}
.td-groups-shell .tdg-tabs a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-weight:600}
.td-groups-shell .tdg-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--td-danger-600);color:#fff;font-size:11px;font-weight:700}
/* Mobile bottom nav: content clearance */
@media(max-width:760px){
  .td-groups-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .td-groups-shell .tdg-directory-card{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .td-groups-shell .tdg-directory-thumb{width:56px;height:56px;font-size:18px}
  .td-groups-shell .tdg-directory-actions{grid-column:1/-1;justify-content:flex-start}
  .td-groups-shell.tdg-individual-route .tdg-sidebar{display:none}
  .td-groups-shell{margin-top:8px}
}
.td-groups-shell .tdg-rank{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:999px;background:var(--td-gray-100);color:var(--td-gray-700);font-weight:700;font-size:13px}
.td-groups-shell .tdg-rank--1{background:#FEF3C7;color:#92400E}
.td-groups-shell .tdg-rank--2{background:#E2E8F0;color:#334155}
.td-groups-shell .tdg-rank--3{background:#FFEDD5;color:#9A3412}
.td-groups-shell tr.tdg-lb-me>td{background:var(--td-secondary)}
.td-groups-shell .tdg-lb-user{display:inline-flex;align-items:center;gap:10px}
.td-groups-shell .tdg-lb-user img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.td-groups-shell .tdg-stack{max-height:420px;overflow:auto}