/* Material Groups: layout only. Colours and type come from app.css. */
.group-section { margin: 0 0 56px; }
.group-header { display: flex; align-items: center; gap: 18px; margin: 0 0 22px; }
.group-header .group-logo { max-height: 56px; max-width: 220px; width: auto; flex: none; }
.group-header h2 { margin: 0; color: var(--group-accent-text, inherit); }
.group-header .group-intro { margin: 6px 0 0; max-width: 60ch; }
@media (max-width: 600px) {
  .group-header { flex-direction: column; align-items: flex-start; }
}

/* Admin */
.group-swatch { display: inline-flex; align-items: center; gap: 8px; }
.group-swatch-chip { width: 22px; height: 22px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .15); }
.group-swatch-text { font-weight: 700; background: #fbf6ec; padding: 2px 8px; border-radius: 6px; }
.share-group { border-top: 1px solid rgba(0, 0, 0, .08); padding: 14px 0; }
.share-group:first-of-type { border-top: 0; }
.share-handouts { margin: 6px 0 0 28px; }
.tag-hidden { margin-left: 8px; font-size: .85rem; font-weight: 700; color: var(--soft); background: #fbf6ec; padding: 1px 8px; border-radius: 6px; white-space: nowrap; }

/* Partner: what to share */
.pick-head { display: flex; align-items: center; gap: 14px; }
.pick-head h3 { margin: 0; color: var(--group-accent-text, inherit); }
.pick-head .pick-logo { max-height: 36px; max-width: 140px; width: auto; object-fit: contain; flex: none; }
.pick-list .check { margin-top: 10px; }