:root {
    --sa-safety-role-access-gap: var(--sa-role-guidance-gap);
    --sa-safety-role-access-padding: var(--sa-role-guidance-padding);
    --sa-safety-role-access-label-gap: var(--sa-role-guidance-gap);
    --sa-safety-role-access-label-padding: var(--sa-role-guidance-padding);
    --sa-safety-role-access-label-size: var(--sa-role-guidance-label-size);
    --sa-safety-role-access-label-weight: 700;
}

.superadmin-safety-role-access {
    display: grid;
    gap: var(--sa-safety-role-access-gap);
    margin: var(--sa-role-guidance-zero);
    padding: var(--sa-safety-role-access-padding);
    background: var(--sa-color-panel-soft);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
}

.superadmin-safety-role-access legend {
    margin: var(--sa-role-guidance-zero);
    color: var(--sa-color-label);
    font-size: var(--sa-safety-role-access-label-size);
    font-weight: var(--sa-safety-role-access-label-weight);
}

.superadmin-safety-role-access__controls {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sa-safety-role-access-label-gap);
}

.superadmin-safety-role-access__controls label {
    display: inline-flex;
    align-items: center;
    gap: var(--sa-safety-role-access-label-gap);
    padding: var(--sa-safety-role-access-label-padding);
    color: var(--sa-color-text);
    background: var(--sa-color-panel);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
    font-size: var(--sa-safety-role-access-label-size);
    font-weight: var(--sa-safety-role-access-label-weight);
}