/* A role's permissions (roles/_form): shadcn's FieldSet per group of capabilities, a
/* Separator between them, the group's tick-all checkbox as the legend and its keys under it
/* in two columns. The kit draws all of it; this only lays the groups out. */
@layer ui {
  .permission-groups {
    gap: 1rem;
  }

  .permission-group {
    gap: 0.75rem;
  }

  .ui-fieldset > .permission-group__legend {
    inline-size: 100%;
    margin-block-end: 0.75rem;
  }

  .permission-group__keys {
    display: grid;
    gap: 0.75rem 1rem;

    @media (min-width: 640px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-label {
      overflow-wrap: anywhere;
    }
  }
}