.email-delivery-main {
	display: grid;
	gap: 20px;
	max-width: 1280px;
	padding-top: 28px;
}

.email-delivery-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 16px;
}

.email-delivery-hero h1 {
	margin: 2px 0 8px;
	color: var(--ink-900);
	font-size: 32px;
	line-height: 1.15;
}

.email-delivery-hero p {
	margin: 0;
	color: var(--ink-500);
	line-height: 1.5;
}

.email-delivery-eyebrow {
	color: #9b6700 !important;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.email-delivery-back,
.email-delivery-clear {
	color: var(--navy-800);
	font-size: 14px;
	font-weight: 750;
}

.email-delivery-back {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	border: 1px solid var(--line);
	border-radius: 6px;
	background: var(--surface);
	padding: 8px 13px;
}

.email-delivery-alert {
	border: 1px solid;
	border-radius: 7px;
	padding: 12px 14px;
	font-size: 14px;
	font-weight: 700;
}

.email-delivery-alert--success {
	border-color: #a6d7bb;
	background: #edf9f2;
	color: #17643b;
}

.email-delivery-alert--error {
	border-color: #edb3b3;
	background: #fff1f1;
	color: #992c2c;
}

.email-delivery-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.email-delivery-stats article {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 128px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--surface);
	padding: 15px;
	box-shadow: var(--shadow-sm);
}

.email-delivery-stats span,
.email-delivery-stats small {
	color: var(--ink-500);
}

.email-delivery-stats span {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.email-delivery-stats strong {
	margin: 8px 0 4px;
	color: var(--ink-900);
	font-size: 30px;
	line-height: 1;
}

.email-delivery-stats small {
	margin-top: auto;
	font-size: 11px;
	line-height: 1.4;
}

.email-delivery-stat--problem {
	border-top: 3px solid #d94c4c !important;
}

.email-delivery-quota,
.email-delivery-statuses,
.email-delivery-list,
.email-delivery-suppressions {
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--surface);
	padding: 18px;
	box-shadow: var(--shadow-sm);
}

.email-delivery-quota__summary,
.email-delivery-statuses > header,
.email-delivery-list > header,
.email-delivery-suppressions > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 10px;
}

.email-delivery-quota h2,
.email-delivery-statuses h2,
.email-delivery-list h2,
.email-delivery-suppressions h2 {
	margin: 2px 0 5px;
	color: var(--ink-900);
	font-size: 19px;
}

.email-delivery-quota p,
.email-delivery-statuses p,
.email-delivery-list p,
.email-delivery-suppressions p {
	margin: 0;
	color: var(--ink-500);
	font-size: 13px;
	line-height: 1.5;
}

.email-delivery-source {
	border-radius: 999px;
	background: #fff3d3;
	color: #8a5a00;
	padding: 6px 10px;
	font-size: 11px;
	font-weight: 800;
}

.email-delivery-source--live {
	background: #e8f7ef;
	color: #17643b;
}

.email-delivery-quota progress {
	width: 100%;
	height: 10px;
	margin: 18px 0 10px;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	background: #edf1f6;
}

.email-delivery-quota progress::-webkit-progress-bar {
	background: #edf1f6;
}

.email-delivery-quota progress::-webkit-progress-value {
	background: var(--gold-500);
}

.email-delivery-quota progress::-moz-progress-bar {
	background: var(--gold-500);
}

.email-delivery-quota__details {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	color: var(--ink-500);
	font-size: 12px;
}

.email-delivery-quota__details strong {
	color: var(--ink-900);
}

.email-delivery-status-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 16px;
}

.email-delivery-status-grid a {
	display: grid;
	grid-template-columns: 9px minmax(0, 1fr);
	gap: 4px 9px;
	min-width: 0;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	background: #fafbfd;
	padding: 11px;
	color: var(--ink-900);
}

.email-delivery-status-grid a:hover {
	border-color: #c9d3df;
	background: #f5f7fa;
}

.email-status-dot {
	width: 9px;
	height: 9px;
	margin-top: 4px;
	border-radius: 50%;
	background: #7b8799;
}

.email-delivery-status-grid strong,
.email-delivery-status-grid small,
.email-status-help {
	display: block;
}

.email-delivery-status-grid strong {
	font-size: 18px;
	line-height: 1;
}

.email-delivery-status-grid small {
	margin-top: 4px;
	color: var(--ink-700);
	font-size: 11px;
	font-weight: 750;
}

.email-status-help {
	grid-column: 2;
	color: var(--ink-500);
	font-size: 10px;
	line-height: 1.35;
}

.email-status-card--pending .email-status-dot,
.email-status-badge--pending {
	background: #edf1f6;
	color: #536176;
}

.email-status-card--processing .email-status-dot,
.email-status-badge--processing {
	background: #dcecff;
	color: #185a9d;
}

.email-status-card--retry .email-status-dot,
.email-status-badge--retry {
	background: #fff0c7;
	color: #8a5a00;
}

.email-status-card--sent .email-status-dot,
.email-status-badge--sent {
	background: #e3edff;
	color: #315f9f;
}

.email-status-card--delivered .email-status-dot,
.email-status-badge--delivered {
	background: #e4f6ec;
	color: #17643b;
}

.email-status-card--failed .email-status-dot,
.email-status-card--blocked .email-status-dot,
.email-status-card--bounced .email-status-dot,
.email-status-card--complained .email-status-dot,
.email-status-badge--failed,
.email-status-badge--blocked,
.email-status-badge--bounced,
.email-status-badge--complained {
	background: #ffe7e7;
	color: #9b2d2d;
}

.email-delivery-filters {
	display: grid;
	gap: 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--surface);
	padding: 16px;
	box-shadow: var(--shadow-sm);
}

.email-delivery-filters label {
	display: block;
	margin-bottom: 6px;
	color: var(--ink-700);
	font-size: 12px;
}

.email-delivery-problems-only {
	display: flex !important;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	margin: 0 !important;
}

.email-delivery-problems-only input {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: var(--navy-900);
}

.email-delivery-filters button {
	min-height: 42px;
	background: var(--navy-900);
}

.email-delivery-clear {
	align-self: center;
	justify-self: center;
}

.email-delivery-entries {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.email-delivery-entry {
	display: grid;
	gap: 14px;
	min-width: 0;
	border: 1px solid #e0e6ee;
	border-radius: 7px;
	background: #fbfcfd;
	padding: 14px;
}

.email-delivery-entry__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}

.email-delivery-entry__heading small {
	color: var(--ink-500);
	font-size: 10px;
}

.email-status-badge {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	border-radius: 999px;
	padding: 4px 9px;
	font-size: 10px;
	font-weight: 850;
}

.email-delivery-entry h3 {
	margin: 9px 0 4px;
	color: var(--ink-900);
	font-size: 15px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.email-delivery-recipient,
.email-delivery-organization {
	display: block;
	overflow-wrap: anywhere;
}

.email-delivery-recipient {
	color: #175da8;
	font-size: 12px;
	font-weight: 700;
}

.email-delivery-organization {
	margin-top: 5px;
	color: var(--ink-500);
	font-size: 11px;
}

.email-delivery-entry__timing,
.email-delivery-entry__actions dl {
	display: grid;
	gap: 7px;
	margin: 0;
}

.email-delivery-entry__timing div,
.email-delivery-entry__actions dl div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.email-delivery-entry dt {
	color: var(--ink-500);
	font-size: 10px;
	font-weight: 750;
	text-transform: uppercase;
}

.email-delivery-entry dd {
	margin: 0;
	color: var(--ink-700);
	font-size: 11px;
	text-align: right;
	overflow-wrap: anywhere;
}

.email-delivery-entry__error {
	border-left: 3px solid #d94c4c;
	background: #fff1f1;
	padding: 9px 10px;
}

.email-delivery-entry__error strong,
.email-delivery-entry__error span {
	display: block;
	overflow-wrap: anywhere;
}

.email-delivery-entry__error strong {
	color: #992c2c;
	font-size: 11px;
}

.email-delivery-entry__error span {
	margin-top: 3px;
	color: #754343;
	font-size: 10px;
}

.email-delivery-entry__actions {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 10px;
}

.email-delivery-entry__actions button {
	min-height: 36px;
	background: var(--gold-500);
	color: var(--ink-900);
	padding: 7px 12px;
	font-size: 11px;
}

.email-delivery-entry__actions details {
	width: 100%;
}

.email-delivery-entry__actions summary {
	color: var(--navy-800);
	cursor: pointer;
	font-size: 11px;
	font-weight: 750;
}

.email-delivery-entry__actions dl {
	margin-top: 10px;
	border-top: 1px solid var(--line);
	padding-top: 9px;
}

.email-delivery-entry code,
.email-suppression-list code {
	font-size: 10px;
	overflow-wrap: anywhere;
}

.email-delivery-empty {
	margin-top: 16px !important;
	border: 1px dashed #cad4df;
	border-radius: 7px;
	background: #fafbfd;
	padding: 22px;
	text-align: center;
}

.email-delivery-empty strong {
	display: block;
	color: var(--ink-900);
}

.email-delivery-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 18px;
	border-top: 1px solid var(--line);
	padding-top: 15px;
	font-size: 12px;
	font-weight: 700;
}

.email-suppression-list {
	display: grid;
	gap: 8px;
	margin-top: 16px;
}

.email-suppression-list article {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 8px;
	border-bottom: 1px solid #e5eaf0;
	padding: 0 0 10px;
}

.email-suppression-list article:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.email-suppression-list strong,
.email-suppression-list span,
.email-suppression-list small {
	display: block;
}

.email-suppression-list strong {
	color: #9b2d2d;
	font-size: 12px;
}

.email-suppression-list span,
.email-suppression-list small {
	color: var(--ink-500);
	font-size: 10px;
}

@media (min-width: 720px) {
	.email-delivery-hero,
	.email-delivery-quota__summary,
	.email-delivery-statuses > header,
	.email-delivery-list > header,
	.email-delivery-suppressions > header {
		align-items: center;
		flex-direction: row;
	}

	.email-delivery-stats {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.email-delivery-status-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.email-delivery-filters {
		grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) minmax(160px, 1fr);
		align-items: end;
	}

	.email-delivery-problems-only {
		align-self: end;
	}

	.email-delivery-filters button {
		width: auto;
	}

	.email-delivery-clear {
		justify-self: start;
	}

	.email-suppression-list article {
		align-items: center;
		flex-direction: row;
	}

	.email-suppression-list article > div:last-child {
		text-align: right;
	}
}

@media (min-width: 980px) {
	.email-delivery-status-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.email-delivery-entry {
		grid-template-columns: minmax(240px, 1.5fr) minmax(190px, 1fr) minmax(180px, 1fr);
		align-items: start;
		padding: 16px;
	}

	.email-delivery-entry__error {
		grid-column: 2;
	}

	.email-delivery-entry__actions {
		grid-column: 3;
		grid-row: 1 / span 2;
	}
}