:is([data-rollout-review], [data-individual-access-tests]) {
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}

:is([data-rollout-review], [data-individual-access-tests]) > *,
:is([data-rollout-review], [data-individual-access-tests]) .access-group-preview {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

:is([data-rollout-review], [data-individual-access-tests]) .xero-table-frame {
  box-sizing: border-box;
  display: block;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

:is([data-rollout-review], [data-individual-access-tests]) .detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

:is([data-rollout-review], [data-individual-access-tests]) button,
:is([data-rollout-review], [data-individual-access-tests]) input {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

:is([data-rollout-review], [data-individual-access-tests]) button {
  white-space: normal;
  text-align: center;
}

[data-individual-access-tests] .panel-title { flex-wrap: wrap; gap: 8px; }
[data-individual-access-tests] .panel-title > div { min-width: 0; flex: 1 1 260px; }
[data-individual-access-tests] .detail-actions > label { min-width: 0; max-width: 100%; }
[data-individual-access-tests] select { max-width: 100%; }
[data-individual-access-tests] .xero-table { min-width: 0; width: 100%; table-layout: fixed; }
[data-individual-access-tests] .xero-table :is(th, td) { white-space: normal; overflow-wrap: anywhere; }