:root {
    --sa-email-zero: 0;
    --sa-email-full: 100%;
    --sa-email-auto: auto;
    --sa-email-none: none;
    --sa-email-grid-full: 1 / -1;
    --sa-email-flex-static: 0 0 auto;
    --sa-email-section-gap: var(--sa-space-md);
    --sa-email-section-padding: var(--sa-space-sm);
    --sa-email-panel-padding-inline: var(--sa-space-md);
    --sa-email-compact-gap: 0.25rem;
    --sa-email-content-gap: var(--sa-space-xs);
    --sa-email-large-gap: var(--sa-space-sm);
    --sa-email-kpi-columns: repeat(4, minmax(var(--sa-email-zero), 1fr));
    --sa-email-kpi-template: "icon label value" "icon detail value";
    --sa-email-kpi-column-template: 2rem minmax(var(--sa-email-zero), 1fr) auto;
    --sa-email-icon-size: 2rem;
    --sa-email-meter-height: 0.375rem;
    --sa-email-limit-columns: minmax(14rem, 1fr) minmax(12rem, 2fr) auto;
    --sa-email-timeline-icon-size: 1.75rem;
    --sa-email-timeline-columns: var(--sa-email-timeline-icon-size) minmax(var(--sa-email-zero), 1fr);
    --sa-email-table-layout: fixed;
    --sa-email-table-row-padding-block: var(--sa-space-xs);
    --sa-email-table-row-padding-inline: 0.625rem;
    --sa-email-table-header-padding-block: var(--sa-space-xs);
    --sa-email-table-header-padding-inline: 0.625rem;
    --sa-email-history-flow-columns: minmax(4.5rem, 0.8fr) minmax(var(--sa-email-zero), 1fr);
    --sa-email-recipient-id-width: 11%;
    --sa-email-recipient-identity-width: 18%;
    --sa-email-recipient-status-width: 10%;
    --sa-email-recipient-count-width: 8%;
    --sa-email-recipient-time-width: 14.5%;
    --sa-email-history-id-width: 11%;
    --sa-email-history-identity-width: 16%;
    --sa-email-history-subject-width: 16%;
    --sa-email-history-status-width: 10%;
    --sa-email-history-flow-width: 21%;
    --sa-email-history-time-width: 10%;
    --sa-email-history-opens-width: 6%;
    --sa-email-code-padding-block: 0.125rem;
    --sa-email-code-padding-inline: 0.375rem;
    --sa-email-label-spacing: 0.04em;
    --sa-email-value-size: 1.375rem;
    --sa-email-heading-size: 1.125rem;
    --sa-email-icon-font-size: 1rem;
    --sa-email-heading-copy-width: 24rem;
    --sa-email-font-weight-medium: 600;
    --sa-email-font-weight-bold: 700;
    --sa-email-status-radius: 999px;
    --sa-email-flat-shadow: none;
    --sa-email-content-width: max-content;
    --sa-email-white-space-normal: normal;
    --sa-email-surface: var(--sa-color-panel);
    --sa-email-soft-surface: var(--sa-color-panel-soft);
    --sa-email-text: var(--sa-color-text);
    --sa-email-label: var(--sa-color-label);
    --sa-email-muted: var(--sa-color-muted);
    --sa-email-border: var(--sa-border);
    --sa-email-success: var(--sa-color-success);
    --sa-email-success-soft: var(--sa-color-success-soft);
    --sa-email-warning: var(--sa-color-warning);
    --sa-email-warning-soft: var(--sa-color-warning-soft);
    --sa-email-danger: var(--sa-color-danger);
    --sa-email-danger-soft: var(--sa-color-danger-soft);
    --sa-email-info: var(--sa-color-info);
    --sa-email-info-soft: var(--sa-color-info-soft);
    --sa-email-disabled: var(--sa-color-disabled);
    --sa-email-disabled-soft: var(--sa-color-disabled-soft);
}

.superadmin-email-marketing,
.superadmin-email-section,
.superadmin-email-panel,
.superadmin-email-panel .superadmin-table-wrap,
.superadmin-email-table,
.superadmin-email-table th,
.superadmin-email-table td {
    min-width: var(--sa-email-zero);
    max-width: var(--sa-email-full);
}

.superadmin-email-marketing {
    display: grid;
    gap: var(--sa-email-section-gap);
}

.superadmin-email-marketing__generated {
    display: flex;
    align-items: center;
    gap: var(--sa-email-compact-gap);
    justify-self: end;
    margin: var(--sa-email-zero);
    color: var(--sa-email-muted);
    font-size: var(--sa-font-size-xs);
    font-variant-numeric: tabular-nums;
}

.superadmin-email-section {
    display: grid;
    gap: var(--sa-email-large-gap);
    scroll-margin-top: var(--sa-email-section-padding);
}

.superadmin-email-section__heading,
.superadmin-email-limit__header,
.superadmin-email-limit__facts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sa-email-large-gap);
}

.superadmin-email-section__heading > div,
.superadmin-email-panel .superadmin-panel__header > div {
    display: grid;
    gap: var(--sa-email-compact-gap);
    min-width: var(--sa-email-zero);
}

.superadmin-email-section__heading h2,
.superadmin-email-section__heading p,
.superadmin-email-section__eyebrow,
.superadmin-email-limit__header h3,
.superadmin-email-limit__header p {
    margin: var(--sa-email-zero);
}

.superadmin-email-section__heading h2 {
    color: var(--sa-email-text);
    font-size: var(--sa-email-heading-size);
}

.superadmin-email-section__heading > p {
    max-width: var(--sa-email-heading-copy-width);
    color: var(--sa-email-muted);
    font-size: var(--sa-font-size-xs);
    text-align: right;
}

.superadmin-email-section__eyebrow {
    color: var(--sa-email-info);
    font-size: var(--sa-font-size-xs);
    font-weight: var(--sa-email-font-weight-bold);
    letter-spacing: var(--sa-email-label-spacing);
    text-transform: uppercase;
}

.superadmin-email-kpi-grid {
    display: grid;
    grid-template-columns: var(--sa-email-kpi-columns);
    gap: var(--sa-email-content-gap);
}

.superadmin-email-kpi {
    display: grid;
    grid-template-columns: var(--sa-email-kpi-column-template);
    grid-template-areas: var(--sa-email-kpi-template);
    align-items: center;
    gap: var(--sa-email-compact-gap) var(--sa-email-content-gap);
    min-width: var(--sa-email-zero);
    padding: var(--sa-email-section-padding);
    background: var(--sa-email-surface);
    border: var(--sa-email-border);
    border-radius: var(--sa-radius-md);
    box-shadow: var(--sa-email-flat-shadow);
}

.superadmin-email-kpi__icon {
    display: grid;
    grid-area: icon;
    place-items: center;
    width: var(--sa-email-icon-size);
    height: var(--sa-email-icon-size);
    color: var(--sa-email-info);
    background: var(--sa-email-info-soft);
    border-radius: var(--sa-radius-sm);
    font-size: var(--sa-email-icon-font-size);
}

.superadmin-email-kpi__value {
    grid-area: value;
    color: var(--sa-email-text);
    font-family: var(--sa-font-display);
    font-size: var(--sa-email-value-size);
    font-variant-numeric: tabular-nums;
    font-weight: var(--sa-email-font-weight-bold);
    line-height: var(--sa-line-height-compact);
}

.superadmin-email-kpi h3,
.superadmin-email-kpi p {
    margin: var(--sa-email-zero);
    overflow-wrap: anywhere;
}

.superadmin-email-kpi h3 {
    grid-area: label;
    color: var(--sa-email-label);
    font-size: var(--sa-font-size-xs);
}

.superadmin-email-kpi p {
    grid-area: detail;
    color: var(--sa-email-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-email-limit {
    display: grid;
    grid-template-columns: var(--sa-email-limit-columns);
    align-items: center;
    gap: var(--sa-email-large-gap);
    min-width: var(--sa-email-zero);
    padding: var(--sa-email-section-padding) var(--sa-email-panel-padding-inline);
    background: var(--sa-email-soft-surface);
    border: var(--sa-email-border);
    border-radius: var(--sa-radius-md);
}

.superadmin-email-limit__header strong,
.superadmin-email-limit__facts {
    font-size: var(--sa-font-size-xs);
    font-variant-numeric: tabular-nums;
}

.superadmin-email-limit meter {
    width: var(--sa-email-full);
    min-width: var(--sa-email-zero);
    height: var(--sa-email-meter-height);
    overflow: hidden;
    background: var(--sa-color-border);
    border: var(--sa-email-zero);
    border-radius: var(--sa-email-status-radius);
    appearance: none;
}

.superadmin-email-limit meter::-webkit-meter-bar {
    background: var(--sa-color-border);
    border: var(--sa-email-zero);
    border-radius: var(--sa-email-status-radius);
}

.superadmin-email-limit meter::-webkit-meter-optimum-value,
.superadmin-email-limit meter::-moz-meter-bar {
    background: var(--sa-email-info);
    border-radius: var(--sa-email-status-radius);
}

.superadmin-email-limit__facts {
    color: var(--sa-email-muted);
    white-space: nowrap;
}

.superadmin-email-limit__facts strong {
    color: var(--sa-email-text);
}

.superadmin-email-panel {
    margin-bottom: var(--sa-email-zero);
    border-radius: var(--sa-radius-md);
    box-shadow: var(--sa-email-flat-shadow);
    scroll-margin-top: var(--sa-email-section-padding);
}

.superadmin-email-panel .superadmin-panel__header {
    gap: var(--sa-email-large-gap);
    padding: var(--sa-email-section-padding) var(--sa-email-panel-padding-inline);
}

.superadmin-email-panel__count {
    flex: var(--sa-email-flex-static);
    color: var(--sa-email-muted);
    font-size: var(--sa-font-size-xs);
    font-variant-numeric: tabular-nums;
}

.superadmin-email-panel .superadmin-table-wrap {
    overflow: hidden;
}

.superadmin-email-table {
    width: var(--sa-email-full);
    min-width: var(--sa-email-zero);
    table-layout: var(--sa-email-table-layout);
}

.superadmin-email-table th,
.superadmin-email-table td {
    padding: var(--sa-email-table-row-padding-block) var(--sa-email-table-row-padding-inline);
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.superadmin-email-table thead th {
    padding: var(--sa-email-table-header-padding-block) var(--sa-email-table-header-padding-inline);
    font-size: var(--sa-font-size-xs);
    line-height: var(--sa-line-height-compact);
    white-space: var(--sa-email-white-space-normal);
}

.superadmin-email-table td {
    color: var(--sa-email-label);
    font-size: var(--sa-font-size-xs);
    line-height: var(--sa-line-height-compact);
}

.superadmin-email-table td::before {
    display: var(--sa-email-none);
}

.superadmin-email-table code,
.superadmin-email-timeline code {
    display: inline-block;
    width: var(--sa-email-auto);
    max-width: var(--sa-email-full);
    padding: var(--sa-email-code-padding-block) var(--sa-email-code-padding-inline);
    color: var(--sa-email-label);
    background: var(--sa-email-soft-surface);
    border-radius: var(--sa-radius-sm);
    font-size: var(--sa-font-size-xs);
    white-space: var(--sa-email-white-space-normal);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.superadmin-email-table__identity,
.superadmin-email-table__identifier,
.superadmin-email-table__subject,
.superadmin-email-table__time {
    min-width: var(--sa-email-zero);
}

.superadmin-email-table__identity strong,
.superadmin-email-table__identity span,
.superadmin-email-history__opens {
    display: block;
}

.superadmin-email-table__identity span,
.superadmin-email-history__opens,
.superadmin-email-history__timestamps dt,
.superadmin-email-table__time {
    color: var(--sa-email-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-email-table__time,
.superadmin-email-history__timestamps dd {
    font-variant-numeric: tabular-nums;
}

.superadmin-email-table .superadmin-table__number {
    white-space: var(--sa-email-white-space-normal);
}

.superadmin-email-status,
.superadmin-email-tag {
    display: inline-flex;
    align-items: center;
    gap: var(--sa-email-compact-gap);
    max-width: var(--sa-email-full);
    padding: var(--sa-email-code-padding-block) var(--sa-email-content-gap);
    border-radius: var(--sa-email-status-radius);
    font-size: var(--sa-font-size-xs);
    font-weight: var(--sa-email-font-weight-medium);
    line-height: var(--sa-line-height-compact);
    white-space: var(--sa-email-white-space-normal);
}

.superadmin-email-status__lamp {
    flex: var(--sa-email-flex-static);
    width: var(--sa-email-compact-gap);
    height: var(--sa-email-compact-gap);
    background: currentcolor;
    border-radius: var(--sa-email-status-radius);
}

.superadmin-email-status--success { color: var(--sa-email-success); background: var(--sa-email-success-soft); }
.superadmin-email-status--warning,
.superadmin-email-tag--automated { color: var(--sa-email-warning); background: var(--sa-email-warning-soft); }
.superadmin-email-status--danger { color: var(--sa-email-danger); background: var(--sa-email-danger-soft); }
.superadmin-email-status--info,
.superadmin-email-tag--first,
.superadmin-email-tag--simulation { color: var(--sa-email-info); background: var(--sa-email-info-soft); }
.superadmin-email-status--muted { color: var(--sa-email-disabled); background: var(--sa-email-disabled-soft); }

.superadmin-email-table__identifier .superadmin-email-tag--simulation {
    display: flex;
    width: var(--sa-email-content-width);
    margin-top: var(--sa-email-compact-gap);
}

.superadmin-email-history__row--simulated,
.superadmin-email-history__row--simulated:hover {
    background: var(--sa-email-info-soft);
}

.superadmin-email-history__timestamps {
    display: grid;
    gap: var(--sa-email-compact-gap);
    min-width: var(--sa-email-zero);
    margin: var(--sa-email-zero);
}

.superadmin-email-history__timestamps div {
    display: grid;
    grid-template-columns: var(--sa-email-history-flow-columns);
    gap: var(--sa-email-compact-gap);
}

.superadmin-email-history__timestamps dt,
.superadmin-email-history__timestamps dd {
    margin: var(--sa-email-zero);
}

.superadmin-email-history__timestamps dd {
    color: var(--sa-email-label);
    font-size: var(--sa-font-size-xs);
}

.superadmin-email-recipients :is(th, td):nth-child(1) { width: var(--sa-email-recipient-id-width); }
.superadmin-email-recipients :is(th, td):nth-child(2) { width: var(--sa-email-recipient-identity-width); }
.superadmin-email-recipients :is(th, td):nth-child(3) { width: var(--sa-email-recipient-status-width); }
.superadmin-email-recipients :is(th, td):nth-child(n + 8) { width: var(--sa-email-recipient-time-width); }
.superadmin-email-history :is(th, td):nth-child(1) { width: var(--sa-email-history-id-width); }
.superadmin-email-history :is(th, td):nth-child(2) { width: var(--sa-email-history-identity-width); }
.superadmin-email-history :is(th, td):nth-child(3) { width: var(--sa-email-history-subject-width); }
.superadmin-email-history :is(th, td):nth-child(4) { width: var(--sa-email-history-status-width); }
.superadmin-email-history :is(th, td):nth-child(5) { width: var(--sa-email-history-flow-width); }
.superadmin-email-history :is(th, td):nth-child(6),
.superadmin-email-history :is(th, td):nth-child(7) { width: var(--sa-email-history-time-width); }
.superadmin-email-history :is(th, td):nth-child(8) { width: var(--sa-email-history-opens-width); }
.superadmin-email-recipients :is(th, td):nth-child(n + 4):nth-child(-n + 7) { width: var(--sa-email-recipient-count-width); }