:root {
    --sa-email-category-gap: 0.25rem;
    --sa-email-category-padding-block: 0.125rem;
    --sa-email-category-padding-inline: 0.375rem;
    --sa-email-category-font-size: var(--sa-font-size-xs);
    --sa-email-category-background: var(--sa-color-info-soft);
    --sa-email-category-text: var(--sa-color-info);
}

.superadmin-email-categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sa-email-category-gap);
    margin-top: var(--sa-email-category-gap);
}

.superadmin-email-category-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sa-email-category-gap);
    margin-top: var(--sa-email-category-gap);
    color: var(--sa-email-muted);
    font-size: var(--sa-email-category-font-size);
}

.superadmin-email-category-summary__label {
    font-weight: var(--sa-email-font-weight-bold);
    text-transform: uppercase;
}

.superadmin-email-category-summary__item {
    padding: var(--sa-email-category-padding-block) var(--sa-email-category-padding-inline);
    color: var(--sa-email-category-text);
    background: var(--sa-email-category-background);
    border-radius: var(--sa-email-status-radius);
    font-weight: var(--sa-email-font-weight-bold);
}

.superadmin-email-category {
    display: inline-flex;
    width: var(--sa-email-content-width);
    max-width: var(--sa-email-full);
    padding: var(--sa-email-category-padding-block) var(--sa-email-category-padding-inline);
    color: var(--sa-email-category-text);
    background: var(--sa-email-category-background);
    border-radius: var(--sa-email-status-radius);
    font-size: var(--sa-email-category-font-size);
    font-weight: var(--sa-email-font-weight-bold);
    overflow-wrap: anywhere;
}