/* Action spacing applies to controls, not calendar navigation or tab strips. */
.crm-root { --crm-action-gap: 8px; --crm-action-section-gap: 12px; }
.crm-root :is(.crm-actions, .crm-form-footer, .crm-row-actions, .crm-offer-actions, .tournament-actions):not(.crm-calendar-tools > .crm-actions) {
  display: flex; flex-wrap: wrap;
  column-gap: var(--crm-action-gap) !important;
  row-gap: var(--crm-action-section-gap) !important;
}
.crm-root :is(.crm-panel, .crm-open-section) > :is(.crm-stack, .crm-actions, .tournament-actions) + :is(button, .crm-actions, .tournament-actions) {
  margin-block-start: var(--crm-action-section-gap);
}
.crm-root :is(.crm-panel, .crm-open-section) > button + :is(.crm-actions, .tournament-actions) {
  margin-block-start: var(--crm-action-section-gap);
}
.crm-root .crm-client-invitation > .crm-stack > button {
  align-self: flex-start; width: fit-content; max-width: 100%;
}
.crm-root .crm-client-invitation > button { margin-block-start: var(--crm-action-section-gap); }
.crm-root .crm-client-invitation button { white-space: normal; }