/* Only the participation field changes; the existing Keycloak theme is inherited. */
.grana-roles {
  border: 0;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}
.grana-roles legend { color: inherit; font: inherit; font-weight: 600; margin-block-end: 4px; }
.grana-roles__hint { margin: 0 0 10px; }
.grana-roles__option {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-height: 44px;
  padding: 10px 0;
  margin: 0;
  cursor: pointer;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.grana-roles__option > input { grid-column: 1; grid-row: 1; position: static; opacity: 1; }
.grana-roles__option > label { grid-column: 2; grid-row: 1; padding: 0; margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; }
.grana-roles__option > label::before, .grana-roles__option > label::after { display: none; }
.grana-roles__option input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--mg-amber, #F28A2D); }
.grana-roles__option input:focus-visible { outline: 3px solid var(--mg-amber, #F28A2D); outline-offset: 3px; }
.grana-roles__title { display: block; font-weight: 600; }
.grana-roles__description { display: block; color: var(--pf-v5-global--Color--200, var(--pf-global--Color--200, inherit)); font-weight: 400; }
.grana-roles__option:has(input:disabled) { cursor: default; }
.grana-roles__error { margin: 8px 0 0; color: var(--pf-v5-global--danger-color--100, #C9190B); }
.grana-roles [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .grana-roles * { animation: none !important; transition: none !important; } }