/* Email Log audit workspace */
.subin-email-log-page {
	--subin-log-ink: #172033;
	--subin-log-copy: #475569;
	--subin-log-muted: #64748b;
	--subin-log-line: #d8e2ee;
	--subin-log-soft-line: #e8eef6;
	--subin-log-soft: #f7f9fc;
	--subin-log-primary: #2563eb;
	--subin-log-success: #137333;
	--subin-log-warning: #a15c07;
	--subin-log-danger: #b42318;
	--subin-log-info: #0369a1;
	color: var(--subin-log-ink);
}

.subin-email-log-page *,
.subin-email-log-page *::before,
.subin-email-log-page *::after {
	box-sizing: border-box;
}

.subin-log-truth {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	margin: 0 0 16px;
	padding: 14px 16px;
	color: #284158;
	background: linear-gradient(110deg, #eef7ff, #f8fbff 64%, #fff);
	border: 1px solid #b9d9f3;
	border-radius: 14px;
}

.subin-log-truth__icon {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	color: #fff;
	background: var(--subin-log-info);
	border-radius: 10px;
}

.subin-log-truth h2,
.subin-log-truth p,
.subin-log-results-toolbar h2,
.subin-log-results-toolbar p {
	margin: 0;
}

.subin-log-truth h2 {
	font-size: 14px;
	line-height: 1.35;
}

.subin-log-truth p {
	margin-top: 3px;
	color: #52677b;
	font-size: 12px;
	line-height: 1.5;
}

.subin-log-truth > a {
	font-weight: 650;
	white-space: nowrap;
}

.subin-log-scope {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.subin-log-scope__card {
	--subin-log-card-accent: #64748b;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: 1px 10px;
	min-width: 0;
	padding: 14px;
	color: var(--subin-log-ink);
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--subin-log-line);
	border-radius: 14px;
	box-shadow: 0 7px 20px rgba(15, 23, 42, 0.035);
	transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.subin-log-scope__card:hover,
.subin-log-scope__card:focus-visible {
	color: var(--subin-log-ink);
	border-color: var(--subin-log-card-accent);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.subin-log-scope__card.is-active {
	border-color: var(--subin-log-card-accent);
	box-shadow: inset 0 -3px 0 var(--subin-log-card-accent), 0 10px 24px rgba(15, 23, 42, 0.08);
}

.subin-log-scope__card--success { --subin-log-card-accent: var(--subin-log-success); }
.subin-log-scope__card--danger { --subin-log-card-accent: var(--subin-log-danger); }
.subin-log-scope__card--warning { --subin-log-card-accent: var(--subin-log-warning); }
.subin-log-scope__card--info { --subin-log-card-accent: var(--subin-log-info); }

.subin-log-scope__card .dashicons {
	grid-row: 1 / span 2;
	align-self: center;
	width: 32px;
	height: 32px;
	padding: 6px;
	color: var(--subin-log-card-accent);
	font-size: 19px;
	background: color-mix(in srgb, var(--subin-log-card-accent) 9%, #fff);
	border-radius: 9px;
}

.subin-log-scope__card strong {
	font-size: 22px;
	line-height: 1.1;
}

.subin-log-scope__card > span:last-child {
	min-width: 0;
	color: var(--subin-log-muted);
	font-size: 12px;
	font-weight: 650;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.subin-log-awaiting-breakdown,
.subin-log-quick-views,
.subin-log-filter-chips,
.subin-log-results-toolbar,
.subin-log-results-toolbar__actions,
.subin-event-actions,
.subin-event-outcome__heading,
.subin-event-retry__queued {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.subin-log-awaiting-breakdown {
	justify-content: flex-end;
	margin: 8px 2px 0;
	color: var(--subin-log-muted);
	font-size: 11px;
}

.subin-log-awaiting-breakdown a {
	padding: 2px 7px;
	color: var(--subin-log-info);
	text-decoration: none;
	background: #eff9ff;
	border-radius: 999px;
}

.subin-log-awaiting-breakdown__stalled {
	color: var(--subin-log-warning) !important;
	background: #fff9eb !important;
}

.subin-log-quick-views {
	margin: 18px 0 10px;
}

.subin-log-quick-views__label {
	margin-right: 2px;
	color: var(--subin-log-muted);
	font-size: 12px;
	font-weight: 750;
}

.subin-log-quick-view {
	padding: 6px 10px;
	color: #334155;
	font-size: 12px;
	font-weight: 650;
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--subin-log-line);
	border-radius: 999px;
}

.subin-log-quick-view:hover,
.subin-log-quick-view:focus-visible,
.subin-log-quick-view.is-active {
	color: #174ea6;
	background: #eef5ff;
	border-color: #8ab4f8;
}

.subin-log-filter-panel {
	background: #fff;
	border: 1px solid var(--subin-log-line);
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

.subin-log-filter-form label,
.subin-log-save-view-form > label,
.subin-log-popover__panel > label {
	display: grid;
	gap: 6px;
	color: #334155;
	font-size: 11px;
	font-weight: 750;
}

.subin-log-filter-main {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(150px, 190px) minmax(140px, 170px) auto;
	align-items: end;
	gap: 12px;
	padding: 15px;
}

.subin-log-search__control {
	position: relative;
	display: block;
}

.subin-log-search__control .dashicons {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	color: #8090a3;
	font-size: 18px;
	pointer-events: none;
}

.subin-log-filter-form input[type="search"],
.subin-log-filter-form input[type="number"],
.subin-log-filter-form input[type="date"],
.subin-log-filter-form select,
.subin-log-popover__panel input[type="text"],
.subin-log-popover__panel select {
	width: 100%;
	min-height: 38px;
	margin: 0;
	border-color: #bdc9d8;
	border-radius: 8px;
}

.subin-log-filter-form input[type="search"] {
	padding-left: 36px;
	font-size: 13px;
}

.subin-log-filter-main .button {
	min-height: 38px;
}

.subin-log-advanced {
	border-top: 1px solid var(--subin-log-soft-line);
}

.subin-log-advanced > summary {
	display: flex;
	align-items: center;
	gap: 7px;
	width: max-content;
	padding: 11px 15px;
	color: #334155;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.subin-log-advanced__count,
.subin-log-count {
	display: inline-grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	color: #174ea6;
	font-size: 10px;
	background: #e8f0fe;
	border-radius: 999px;
}

.subin-log-advanced__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(140px, 1fr));
	gap: 12px;
	padding: 4px 15px 15px;
}

.subin-log-filter-error {
	margin: 0;
	padding: 10px 15px;
	color: var(--subin-log-danger);
	font-weight: 650;
	background: #fff4f3;
	border-top: 1px solid #fecaca;
	border-radius: 0 0 16px 16px;
}

.subin-log-filter-chips {
	margin: 10px 2px 0;
	font-size: 11px;
}

.subin-log-filter-chips > span:first-child {
	color: var(--subin-log-muted);
	font-weight: 700;
}

.subin-log-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 5px 4px 9px;
	color: #334155;
	font-weight: 650;
	text-decoration: none;
	background: #f2f6fb;
	border: 1px solid #cfdae7;
	border-radius: 999px;
}

.subin-log-filter-chip .dashicons {
	width: 15px;
	height: 15px;
	font-size: 15px;
}

.subin-log-filter-clear {
	margin-left: 3px;
	font-weight: 650;
}

.subin-log-results-toolbar {
	justify-content: space-between;
	margin-top: 20px;
}

.subin-log-results-toolbar h2 {
	font-size: 18px;
}

.subin-log-results-toolbar p {
	margin-top: 3px;
	color: var(--subin-log-muted);
	font-size: 12px;
}

.subin-log-popover {
	position: relative;
}

.subin-log-popover > summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	cursor: pointer;
}

.subin-log-popover > summary::-webkit-details-marker {
	display: none;
}

.subin-log-popover > summary .dashicons {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin: 0;
	font-size: 16px;
	line-height: 1;
	vertical-align: middle;
}

.subin-log-popover > summary .dashicons::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	line-height: 1;
}

.subin-log-popover__panel {
	position: absolute;
	top: calc(100% + 7px);
	right: 0;
	z-index: 20;
	display: grid;
	gap: 12px;
	width: min(310px, calc(100vw - 52px));
	padding: 14px;
	background: #fff;
	border: 1px solid var(--subin-log-line);
	border-radius: 12px;
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.18);
}

.subin-log-popover__panel fieldset,
.subin-log-popover__panel p {
	margin: 0;
}

.subin-log-popover__panel legend {
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: 750;
}

.subin-log-popover__panel fieldset label {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 6px 0;
	font-size: 12px;
}

.subin-log-saved-view {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--subin-log-soft-line);
}

.subin-log-saved-view > a {
	min-width: 0;
	font-weight: 650;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.subin-icon-button {
	display: grid;
	place-items: center;
	padding: 2px;
	color: #718096;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.subin-icon-button:hover,
.subin-icon-button:focus-visible {
	color: var(--subin-log-danger);
}

.subin-log-save-view-form {
	display: grid;
	gap: 6px;
}

.subin-log-save-view-form > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px;
}

.subin-log-export-popover:target > summary {
	color: #174ea6;
	background: #eef5ff;
	border-color: #8ab4f8;
}

.subin-log-export-panel {
	width: min(430px, calc(100vw - 52px));
}

.subin-log-export-panel__intro strong {
	display: block;
	font-size: 12px;
}

.subin-log-export-panel__intro p,
.subin-log-export-empty,
.subin-log-export-error,
.subin-log-export-warning {
	margin: 4px 0 0;
	color: var(--subin-log-muted);
	font-size: 11px;
	line-height: 1.45;
}

.subin-log-export-start {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px;
	background: #f2f7ff;
	border: 1px solid #c8dcf5;
	border-radius: 10px;
}

.subin-log-export-start > span {
	color: #405267;
	font-size: 11px;
	font-weight: 650;
}

.subin-log-export-jobs {
	display: grid;
	gap: 8px;
	max-height: min(390px, calc(100vh - 290px));
	overflow-y: auto;
	scrollbar-gutter: stable;
}

.subin-log-export-job {
	--subin-log-export-accent: #64748b;
	padding: 10px;
	background: #fafbfd;
	border: 1px solid var(--subin-log-soft-line);
	border-left: 3px solid var(--subin-log-export-accent);
	border-radius: 9px;
}

.subin-log-export-job--processing { --subin-log-export-accent: var(--subin-log-info); }
.subin-log-export-job--completed { --subin-log-export-accent: var(--subin-log-success); }
.subin-log-export-job--failed { --subin-log-export-accent: var(--subin-log-danger); }

.subin-log-export-job__head,
.subin-log-export-job__actions,
.subin-log-export-refresh {
	display: flex;
	align-items: center;
	gap: 7px;
}

.subin-log-export-job__head {
	justify-content: space-between;
}

.subin-log-export-job__head > div,
.subin-log-export-job__head strong,
.subin-log-export-job__head small,
.subin-log-export-expiry {
	display: block;
}

.subin-log-export-job__head strong {
	font-size: 11px;
}

.subin-log-export-job__head small,
.subin-log-export-job__head time,
.subin-log-export-expiry {
	color: var(--subin-log-muted);
	font-size: 9px;
}

.subin-log-export-progress {
	height: 5px;
	margin-top: 8px;
	overflow: hidden;
	background: #e2e8f0;
	border-radius: 999px;
}

.subin-log-export-progress > span {
	display: block;
	height: 100%;
	background: var(--subin-log-export-accent);
	border-radius: inherit;
	transition: width 180ms ease;
}

.subin-log-export-error {
	color: var(--subin-log-danger);
}

.subin-log-export-warning {
	color: var(--subin-log-warning);
}

.subin-log-export-job__actions {
	margin-top: 8px;
}

.subin-log-export-job__actions form {
	margin: 0;
}

.subin-log-export-job__actions .button {
	min-height: 28px;
	font-size: 10px;
	line-height: 26px;
}

.subin-log-export-job__actions .button small {
	font-size: inherit;
}

.subin-log-export-expiry {
	margin-top: 6px;
}

.subin-log-export-refresh {
	width: max-content;
	font-size: 11px;
	font-weight: 650;
	text-decoration: none;
}

.subin-log-export-refresh .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
}

.subin-email-log-workspace {
	display: block;
}

.subin-email-log-results {
	min-width: 0;
}

.subin-log-table-card {
	margin-top: 12px;
	overflow-x: auto;
	background: #fff;
	border: 1px solid var(--subin-log-line);
	border-radius: 15px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

.subin-log-table {
	min-width: 760px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.subin-log-table th {
	padding: 11px 13px;
	color: var(--subin-log-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.045em;
	text-align: left;
	text-transform: uppercase;
	background: #f8fafc;
	border-bottom: 1px solid var(--subin-log-soft-line);
}

.subin-log-table td {
	padding: 13px;
	vertical-align: middle;
	border-bottom: 1px solid #edf2f7;
}

.subin-log-table-card--compact .subin-log-table td {
	padding-top: 8px;
	padding-bottom: 8px;
}

.subin-log-table tr:last-child td {
	border-bottom: 0;
}

.subin-log-row {
	--subin-log-row-accent: #94a3b8;
	transition: background-color 120ms ease;
}

.subin-log-row--success { --subin-log-row-accent: var(--subin-log-success); }
.subin-log-row--danger { --subin-log-row-accent: var(--subin-log-danger); }
.subin-log-row--warning { --subin-log-row-accent: var(--subin-log-warning); }
.subin-log-row--info { --subin-log-row-accent: var(--subin-log-info); }

.subin-log-row td:first-child {
	border-left: 3px solid transparent;
}

.subin-log-row:hover,
.subin-log-row.is-selected {
	background: #f8fbff;
}

.subin-log-row.is-selected td:first-child {
	border-left-color: var(--subin-log-row-accent);
}

.subin-log-row.is-selected {
	scroll-margin-top: 46px;
}

.subin-log-detail-row > td,
.subin-log-table-card--compact .subin-log-detail-row > td {
	padding: 0;
	background: #f8fbff;
	border-bottom: 1px solid #dce7f3;
}

.subin-log-detail-row .subin-event-detail {
	margin: 0 12px 16px;
}

.subin-event-detail-inline--standalone {
	margin-top: 12px;
}

.subin-log-row time,
.subin-log-origin,
.subin-log-message__meta,
.subin-log-outcome-reason {
	display: block;
	color: var(--subin-log-muted);
	font-size: 11px;
	line-height: 1.45;
}

.subin-log-row time {
	max-width: 75px;
	font-weight: 650;
}

.subin-log-message {
	display: block;
	max-width: 330px;
	color: var(--subin-log-ink);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.subin-log-message:hover,
.subin-log-message:focus-visible {
	color: #174ea6;
}

.subin-log-message__meta,
.subin-log-outcome-reason {
	margin-top: 3px;
}

.subin-log-type {
	display: block;
	font-size: 12px;
	font-weight: 700;
}

.subin-log-origin {
	max-width: 180px;
	overflow-wrap: anywhere;
}

.subin-log-related {
	display: block;
	max-width: 180px;
	color: #405267;
	font-size: 11px;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.subin-log-row__open {
	width: 42px;
	text-align: right;
}

.subin-log-row__open a {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 30px;
	color: #64748b;
	text-decoration: none;
	border-radius: 8px;
}

.subin-log-row__open a:hover,
.subin-log-row__open a:focus-visible {
	color: #174ea6;
	background: #e8f0fe;
}

.subin-event-detail {
	--subin-event-accent: #64748b;
	position: static;
	max-height: none;
	overflow: visible;
	background: #fff;
	border: 1px solid var(--subin-log-line);
	border-top: 4px solid var(--subin-event-accent);
	border-radius: 14px;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.subin-event-detail--success { --subin-event-accent: var(--subin-log-success); }
.subin-event-detail--danger { --subin-event-accent: var(--subin-log-danger); }
.subin-event-detail--warning { --subin-event-accent: var(--subin-log-warning); }
.subin-event-detail--info { --subin-event-accent: var(--subin-log-info); }

.subin-event-detail:focus-visible {
	outline: 3px solid rgba(37, 99, 235, 0.28);
	outline-offset: 2px;
}

.subin-event-detail__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 18px;
	background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
	border-bottom: 1px solid var(--subin-log-soft-line);
}

.subin-event-detail__eyebrow {
	display: block;
	margin-bottom: 4px;
	color: var(--subin-event-accent);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.subin-event-detail__header h2,
.subin-event-detail__section h3,
.subin-event-next-step h3,
.subin-event-privacy h3,
.subin-event-retry h3 {
	margin: 0;
	color: var(--subin-log-ink);
}

.subin-event-detail__header h2 {
	font-size: 18px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.subin-event-detail__close {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 32px;
	height: 32px;
	color: #64748b;
	text-decoration: none;
	background: #f3f6fa;
	border-radius: 9px;
}

.subin-event-detail__close:hover,
.subin-event-detail__close:focus-visible {
	color: var(--subin-log-ink);
	background: #e7edf5;
}

.subin-event-outcome,
.subin-event-next-step,
.subin-event-actions,
.subin-event-detail__section,
.subin-event-technical,
.subin-event-privacy,
.subin-event-retry,
.subin-event-detail--missing {
	margin: 14px;
}

.subin-event-outcome {
	padding: 14px;
	background: color-mix(in srgb, var(--subin-event-accent) 7%, #fff);
	border: 1px solid color-mix(in srgb, var(--subin-event-accent) 24%, #fff);
	border-radius: 12px;
}

.subin-event-outcome p,
.subin-event-next-step p,
.subin-event-privacy p,
.subin-event-retry p,
.subin-event-detail__help {
	margin: 7px 0 0;
	color: var(--subin-log-copy);
	font-size: 12px;
	line-height: 1.55;
}

.subin-event-outcome__verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--subin-log-success);
	font-size: 10px;
	font-weight: 750;
}

.subin-event-outcome__verified .dashicons {
	width: 13px;
	height: 13px;
	font-size: 13px;
}

.subin-event-next-step,
.subin-event-privacy {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 13px;
	background: #fff9eb;
	border: 1px solid #f7d99a;
	border-radius: 12px;
}

.subin-event-next-step > .dashicons,
.subin-event-privacy > .dashicons {
	flex: 0 0 auto;
	color: var(--subin-log-warning);
}

.subin-event-next-step--expected {
	background: #f2f7ff;
	border-color: #c7dcf8;
}

.subin-event-next-step--expected > .dashicons {
	color: var(--subin-log-info);
}

.subin-event-next-step h3,
.subin-event-privacy h3,
.subin-event-retry h3,
.subin-event-detail__section h3 {
	font-size: 13px;
}

.subin-event-next-step strong {
	display: block;
	margin-top: 8px;
	font-size: 11px;
}

.subin-event-actions {
	margin-top: 10px;
	margin-bottom: 10px;
}

.subin-event-actions .button {
	font-size: 11px;
}

.subin-event-detail__section {
	padding-top: 14px;
	border-top: 1px solid var(--subin-log-soft-line);
}

.subin-event-facts {
	display: grid;
	gap: 1px;
	margin: 10px 0 0;
	overflow: hidden;
	background: #e6edf5;
	border: 1px solid #e6edf5;
	border-radius: 10px;
}

.subin-event-facts--grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.subin-event-facts > div {
	min-width: 0;
	padding: 9px 10px;
	background: #f9fbfd;
}

.subin-event-facts dt {
	color: var(--subin-log-muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.subin-event-facts dd {
	margin: 3px 0 0;
	color: #25384c;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.subin-event-fact--wide {
	grid-column: 1 / -1;
}

.subin-event-timeline,
.subin-event-attempts {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.subin-event-timeline li {
	position: relative;
	display: grid;
	grid-template-columns: 14px minmax(0, 1fr);
	gap: 8px;
	padding-bottom: 13px;
}

.subin-event-timeline li:not(:last-child)::before {
	position: absolute;
	top: 10px;
	bottom: -2px;
	left: 5px;
	width: 2px;
	background: #dbe5ef;
	content: "";
}

.subin-event-timeline__marker {
	position: relative;
	z-index: 1;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	background: #fff;
	border: 3px solid var(--subin-event-accent);
	border-radius: 50%;
}

.subin-event-timeline strong,
.subin-event-timeline time,
.subin-event-timeline small {
	display: block;
}

.subin-event-timeline strong {
	font-size: 11px;
}

.subin-event-timeline time,
.subin-event-timeline small {
	margin-top: 2px;
	color: var(--subin-log-muted);
	font-size: 10px;
}

.subin-event-technical {
	padding: 11px 12px;
	background: #f8fafc;
	border: 1px solid var(--subin-log-line);
	border-radius: 10px;
}

.subin-event-technical > summary {
	font-size: 11px;
	font-weight: 750;
	cursor: pointer;
}

.subin-event-privacy {
	background: #f2fbf6;
	border-color: #b9e2c5;
}

.subin-event-privacy > .dashicons {
	color: var(--subin-log-success);
}

.subin-event-privacy code {
	font-size: 10px;
}

.subin-event-attempts {
	display: grid;
	gap: 6px;
}

.subin-event-attempts a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2px 8px;
	padding: 9px 10px;
	color: #334155;
	text-decoration: none;
	background: #f8fafc;
	border: 1px solid var(--subin-log-soft-line);
	border-radius: 9px;
}

.subin-event-attempts .is-current a {
	background: #eef5ff;
	border-color: #8ab4f8;
}

.subin-event-attempts span,
.subin-event-attempts strong,
.subin-event-attempts time {
	font-size: 10px;
}

.subin-event-attempts span {
	font-weight: 700;
}

.subin-event-attempts span small {
	margin-left: 4px;
	padding: 1px 5px;
	color: #174ea6;
	background: #dbeafe;
	border-radius: 999px;
}

.subin-event-attempts strong {
	grid-row: 1 / span 2;
	grid-column: 2;
	align-self: center;
}

.subin-event-attempts time {
	color: var(--subin-log-muted);
}

.subin-event-retry {
	padding: 13px;
	background: #f7f9fc;
	border: 1px solid var(--subin-log-line);
	border-radius: 12px;
}

.subin-event-retry form {
	margin-top: 10px;
}

.subin-event-retry__queued {
	color: var(--subin-log-info) !important;
	font-weight: 650;
}

.subin-event-detail--missing {
	position: relative;
	min-height: 180px;
	padding: 20px;
}

.subin-event-detail--missing .subin-event-detail__close {
	position: absolute;
	top: 12px;
	right: 12px;
}

@media (max-width: 1280px) {
	.subin-log-scope {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.subin-log-advanced__grid {
		grid-template-columns: repeat(3, minmax(140px, 1fr));
	}

}

@media (max-width: 1050px) {
	.subin-log-filter-main {
		grid-template-columns: minmax(260px, 1fr) repeat(2, minmax(130px, 170px));
	}

	.subin-log-filter-main .button {
		grid-column: 1 / -1;
		justify-self: start;
	}

}

@media (max-width: 782px) {
	.subin-log-truth {
		grid-template-columns: 34px minmax(0, 1fr);
	}

	.subin-log-truth > a {
		grid-column: 2;
	}

	.subin-log-scope {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.subin-log-filter-main,
	.subin-log-advanced__grid {
		grid-template-columns: 1fr;
	}

	.subin-log-filter-main .button {
		width: 100%;
	}

	.subin-log-results-toolbar {
		align-items: flex-start;
	}

	.subin-log-results-toolbar__actions {
		width: 100%;
	}

	.subin-log-popover {
		flex: 1 1 0;
	}

	.subin-log-popover > summary {
		justify-content: center;
		width: 100%;
	}

	.subin-log-popover__panel {
		position: fixed;
		top: auto;
		right: 12px;
		bottom: 12px;
		left: 12px;
		width: auto;
		max-height: calc(100vh - 70px);
		overflow-y: auto;
	}

	.subin-log-table-card {
		overflow: visible;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	.subin-log-table,
	.subin-log-table tbody,
	.subin-log-table tr,
	.subin-log-table td {
		display: block;
		width: 100%;
		min-width: 0;
	}

	.subin-log-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.subin-log-table tbody {
		display: grid;
		gap: 10px;
	}

	.subin-log-table tr {
		position: relative;
		padding: 12px 46px 12px 15px;
		background: #fff;
		border: 1px solid var(--subin-log-line);
		border-left: 4px solid var(--subin-log-row-accent);
		border-radius: 12px;
		box-shadow: 0 7px 18px rgba(15, 23, 42, 0.04);
	}

	.subin-log-table td,
	.subin-log-table-card--compact .subin-log-table td {
		display: grid;
		grid-template-columns: minmax(76px, 0.34fr) minmax(0, 1fr);
		gap: 9px;
		padding: 7px 0;
		border: 0;
	}

	.subin-log-table td::before {
		color: var(--subin-log-muted);
		font-size: 9px;
		font-weight: 800;
		letter-spacing: 0.045em;
		text-transform: uppercase;
		content: attr(data-label);
	}

	.subin-log-table td:first-child {
		border-left: 0;
	}

	.subin-log-table .subin-log-row__open {
		position: absolute;
		top: 9px;
		right: 9px;
		display: block;
		width: auto;
		padding: 0;
	}

	.subin-log-table .subin-log-row__open::before {
		display: none;
	}

	.subin-log-row time,
	.subin-log-message,
	.subin-log-origin,
	.subin-log-related {
		max-width: none;
	}

	.subin-log-table .subin-log-detail-row {
		padding: 0;
		background: transparent;
		border: 0;
		border-left: 0;
		box-shadow: none;
	}

	.subin-log-table .subin-log-detail-row > td,
	.subin-log-table-card--compact .subin-log-detail-row > td {
		display: block;
		padding: 0;
	}

	.subin-log-table .subin-log-detail-row > td::before {
		display: none;
	}

	.subin-log-detail-row .subin-event-detail {
		margin: 0;
	}

	.subin-event-detail {
		border-radius: 12px;
		box-shadow: none;
	}

	.subin-event-facts--grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.subin-log-scope__card,
	.subin-log-row,
	.subin-log-export-progress > span {
		transition: none;
	}

	.subin-log-scope__card:hover,
	.subin-log-scope__card:focus-visible {
		transform: none;
	}
}

@media (forced-colors: active) {
	.subin-log-scope__card.is-active,
	.subin-log-row.is-selected,
	.subin-event-detail {
		border-color: Highlight;
	}
}

@media (max-width: 520px) {
	.subin-log-scope {
		grid-template-columns: 1fr;
	}

	.subin-log-awaiting-breakdown {
		justify-content: flex-start;
	}

	.subin-log-quick-views {
		align-items: stretch;
	}

	.subin-log-quick-views__label {
		flex-basis: 100%;
	}

	.subin-log-quick-view {
		flex: 1 1 calc(50% - 8px);
		text-align: center;
	}
}

/* Email Health diagnostic workspace */
.subin-email-health-page {
	--subin-health-ink: #172033;
	--subin-health-copy: #475569;
	--subin-health-muted: #64748b;
	--subin-health-line: #d8e2ee;
	--subin-health-soft-line: #e8eef6;
	--subin-health-surface: #fff;
	--subin-health-soft: #f7f9fc;
	--subin-health-primary: #2563eb;
	--subin-health-danger: #b42318;
	--subin-health-warning: #a15c07;
	--subin-health-success: #137333;
	--subin-health-info: #0369a1;
	color: var(--subin-health-ink);
}

.subin-email-health-page *,
.subin-email-health-page *::before,
.subin-email-health-page *::after {
	box-sizing: border-box;
}

.subin-email-health-page #subin-health-incidents,
.subin-email-health-page #subin-health-verify,
.subin-email-health-page #subin-health-activity {
	scroll-margin-top: 46px;
}

.subin-email-health-page .subin-health-overview__heading,
.subin-email-health-page .subin-health-section__heading,
.subin-email-health-page .subin-health-activity__heading,
.subin-email-health-page .subin-health-actions,
.subin-email-health-page .subin-health-issue__title,
.subin-email-health-page .subin-health-issue__actions,
.subin-email-health-page .subin-health-legend,
.subin-email-health-page .subin-health-source-name,
.subin-email-health-page .subin-health-support__body > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.subin-email-health-page .subin-health-overview__heading,
.subin-email-health-page .subin-health-section__heading,
.subin-email-health-page .subin-health-activity__heading {
	justify-content: space-between;
}

.subin-email-health-page .subin-health-eyebrow {
	display: block;
	margin: 0 0 4px;
	color: var(--subin-health-accent, var(--subin-health-primary));
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.09em;
	line-height: 1.3;
	text-transform: uppercase;
}

.subin-email-health-page .subin-health-overview h2,
.subin-email-health-page .subin-health-section h2,
.subin-email-health-page .subin-health-activity h2,
.subin-email-health-page .subin-health-no-data h2,
.subin-email-health-page .subin-health-issue h3 {
	margin: 0;
	color: var(--subin-health-ink);
	line-height: 1.25;
}

.subin-email-health-page .subin-health-section h2,
.subin-email-health-page .subin-health-activity h2 {
	font-size: 19px;
}

.subin-email-health-page .subin-health-section__heading p,
.subin-email-health-page .subin-health-activity__heading p {
	max-width: 740px;
	margin: 5px 0 0;
	color: var(--subin-health-muted);
	font-size: 13px;
	line-height: 1.5;
}

/* Global status is the page's strongest visual landmark. */
.subin-email-health-page .subin-health-overview {
	--subin-health-accent: #64748b;
	--subin-health-tint: #f4f7fb;
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) minmax(360px, 440px);
	gap: 22px;
	margin: 0 0 18px;
	padding: 24px;
	overflow: hidden;
	background: linear-gradient(135deg, var(--subin-health-tint), #fff 58%);
	border: 1px solid #cbd7e6;
	border-left: 6px solid var(--subin-health-accent);
	border-radius: 18px;
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09), 0 2px 8px rgba(15, 23, 42, 0.04);
}

.subin-email-health-page .subin-health-overview--healthy {
	--subin-health-accent: #137333;
	--subin-health-tint: #effbf2;
}

.subin-email-health-page .subin-health-overview--recovering {
	--subin-health-accent: #0369a1;
	--subin-health-tint: #eef9ff;
}

.subin-email-health-page .subin-health-overview--degraded {
	--subin-health-accent: #a15c07;
	--subin-health-tint: #fff9eb;
}

.subin-email-health-page .subin-health-overview--critical {
	--subin-health-accent: #b42318;
	--subin-health-tint: #fff4f3;
}

.subin-email-health-page .subin-health-overview__signal {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	color: #fff;
	background: var(--subin-health-accent);
	border: 4px solid rgba(255, 255, 255, 0.88);
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.13);
}

.subin-email-health-page .subin-health-overview__signal .dashicons {
	width: auto;
	height: auto;
	font-size: 26px;
	line-height: 1;
}

.subin-email-health-page .subin-health-overview__content {
	min-width: 0;
}

.subin-email-health-page .subin-health-overview h2 {
	font-size: 23px;
}

.subin-email-health-page .subin-health-overview__message {
	max-width: 760px;
	margin: 9px 0 0;
	color: var(--subin-health-copy);
	font-size: 14px;
	line-height: 1.6;
}

.subin-email-health-page .subin-health-overview__badge-help {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	max-width: 760px;
	margin: 14px 0 0;
	padding: 9px 11px;
	color: #415268;
	font-size: 12px;
	line-height: 1.45;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(148, 163, 184, 0.3);
	border-radius: 10px;
}

.subin-email-health-page .subin-health-overview__badge-help .dashicons {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin-top: 1px;
	color: var(--subin-health-accent);
	font-size: 17px;
}

.subin-email-health-page .subin-health-actions,
.subin-email-health-page .subin-health-issue__actions {
	flex-wrap: wrap;
	margin-top: 16px;
}

.subin-email-health-page .subin-health-overview__facts,
.subin-email-health-page .subin-health-issue__meta {
	margin: 0;
}

.subin-email-health-page .subin-health-overview__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-self: stretch;
	gap: 1px;
	padding: 1px;
	background: #dfe7f1;
	border: 1px solid #dfe7f1;
	border-radius: 13px;
	overflow: hidden;
}

.subin-email-health-page .subin-health-overview__facts > div {
	min-width: 0;
	padding: 13px 14px;
	background: rgba(255, 255, 255, 0.9);
}

.subin-email-health-page .subin-health-overview__facts dt,
.subin-email-health-page .subin-health-issue__meta dt {
	color: var(--subin-health-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.055em;
	line-height: 1.35;
	text-transform: uppercase;
}

.subin-email-health-page .subin-health-overview__facts dd,
.subin-email-health-page .subin-health-issue__meta dd {
	margin: 4px 0 0;
	color: var(--subin-health-ink);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.subin-email-health-page .subin-health-overview__facts dd:not(.subin-health-overview__date) {
	font-size: 21px;
}

.subin-email-health-page .subin-health-overview__facts small {
	display: block;
	margin-top: 3px;
	color: #64748b;
	font-size: 11px;
	line-height: 1.35;
}

.subin-email-health-page .subin-health-overview__primary-fact {
	box-shadow: inset 3px 0 0 var(--subin-health-accent);
}

.subin-email-health-page .subin-health-overview__limit {
	grid-column: 2 / -1;
	margin: -7px 0 0;
	color: var(--subin-health-muted);
	font-size: 12px;
	line-height: 1.45;
}

/* Empty and quiet states remain useful without claiming delivery health. */
.subin-email-health-page .subin-health-no-data,
.subin-email-health-page .subin-health-inline-empty {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 19px 20px;
	background: var(--subin-health-surface);
	border: 1px dashed #aebed2;
	border-radius: 14px;
}

.subin-email-health-page .subin-health-no-data {
	margin-bottom: 18px;
}

.subin-email-health-page .subin-health-no-data > .dashicons,
.subin-email-health-page .subin-health-inline-empty > .dashicons {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	padding: 8px;
	color: #475569;
	font-size: 24px;
	background: #eef3f9;
	border-radius: 12px;
}

.subin-email-health-page .subin-health-no-data h2 {
	font-size: 17px;
}

.subin-email-health-page .subin-health-no-data p,
.subin-email-health-page .subin-health-inline-empty p {
	margin: 5px 0 0;
	color: var(--subin-health-muted);
	line-height: 1.5;
}

.subin-email-health-page .subin-health-no-data .button {
	margin-left: auto;
}

/* Reusable utility surfaces. */
.subin-email-health-page .subin-health-section {
	min-width: 0;
	margin-top: 18px;
	padding: 20px;
	background: var(--subin-health-surface);
	border: 1px solid var(--subin-health-line);
	border-radius: 16px;
	box-shadow: 0 5px 18px rgba(15, 23, 42, 0.035);
}

.subin-email-health-page .subin-health-section__footer {
	margin: 16px -20px -20px;
	padding: 13px 20px;
	background: #f8fafc;
	border-top: 1px solid var(--subin-health-soft-line);
	border-radius: 0 0 16px 16px;
}

.subin-email-health-page .subin-health-section__footer a,
.subin-email-health-page .subin-health-issue__actions > a,
.subin-email-health-page .subin-health-source-actions a,
.subin-email-health-page .subin-health-verify__log {
	font-weight: 700;
	text-decoration: none;
}

/* Current incidents are prominent, but secondary to the site-wide hero. */
.subin-email-health-page .subin-health-incidents {
	margin-top: 0;
	border-color: #cdd9e8;
	box-shadow: 0 11px 30px rgba(15, 23, 42, 0.065);
}

.subin-email-health-page .subin-health-incident-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 7px;
}

.subin-email-health-page .subin-health-incident-summary span,
.subin-email-health-page .subin-health-scope-badge,
.subin-email-health-page .subin-health-source-chips span {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 4px 9px;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	border-radius: 999px;
	white-space: nowrap;
}

.subin-email-health-page .subin-health-incident-summary .is-active {
	color: #991b1b;
	background: #fff1f0;
	border: 1px solid #fecaca;
}

.subin-email-health-page .subin-health-incident-summary .is-recovering {
	color: #075985;
	background: #eef9ff;
	border: 1px solid #bae6fd;
}

.subin-email-health-page .subin-health-issue-list {
	display: grid;
	gap: 13px;
	margin-top: 17px;
}

.subin-email-health-page .subin-health-issue {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
	column-gap: 22px;
	padding: 17px;
	background: #fffafa;
	border: 1px solid #f1c9c5;
	border-left: 5px solid var(--subin-health-danger);
	border-radius: 13px;
	box-shadow: 0 5px 16px rgba(127, 29, 29, 0.045);
}

.subin-email-health-page .subin-health-issue--recovering {
	background: #f7fcff;
	border-color: #bfe4f5;
	border-left-color: var(--subin-health-info);
	box-shadow: 0 5px 16px rgba(3, 105, 161, 0.045);
}

.subin-email-health-page .subin-health-issue__main {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 11px;
	min-width: 0;
}

.subin-email-health-page .subin-health-issue__icon {
	width: 24px;
	height: 24px;
	margin-top: 1px;
	color: var(--subin-health-danger);
	font-size: 22px;
}

.subin-email-health-page .subin-health-issue--recovering .subin-health-issue__icon {
	color: var(--subin-health-info);
}

.subin-email-health-page .subin-health-issue__title {
	justify-content: flex-start;
	flex-wrap: wrap;
}

.subin-email-health-page .subin-health-issue h3 {
	font-size: 15px;
}

.subin-email-health-page .subin-health-issue__main p {
	margin: 7px 0;
	color: var(--subin-health-copy);
	line-height: 1.52;
}

.subin-email-health-page .subin-health-recommendation {
	display: block;
	color: var(--subin-health-ink);
	font-size: 13px;
	line-height: 1.45;
}

.subin-email-health-page .subin-health-source-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 11px;
}

.subin-email-health-page .subin-health-source-chips span {
	gap: 5px;
	color: #334155;
	background: #fff;
	border: 1px solid #cbd8e7;
}

.subin-email-health-page .subin-health-source-chips .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
}

.subin-email-health-page .subin-health-issue__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: start;
	gap: 12px 16px;
	padding-left: 20px;
	border-left: 1px solid #e2e8f0;
}

.subin-email-health-page .subin-health-issue__actions {
	grid-column: 1 / -1;
	padding-top: 13px;
	border-top: 1px solid #eadfdf;
}

.subin-email-health-page .subin-health-issue--recovering .subin-health-issue__actions {
	border-top-color: #dcecf4;
}

.subin-email-health-page .subin-health-issue__actions details {
	flex-basis: 100%;
	margin-top: 2px;
}

.subin-email-health-page .subin-health-technical summary,
.subin-email-health-page .subin-health-issue__actions summary,
.subin-email-health-page .subin-health-inactive summary {
	width: max-content;
	max-width: 100%;
	cursor: pointer;
	color: var(--subin-health-copy);
	font-weight: 700;
	border-radius: 6px;
}

.subin-email-health-page .subin-health-technical pre,
.subin-email-health-page .subin-health-issue__actions pre {
	max-width: 100%;
	margin: 10px 0 0;
	padding: 12px;
	overflow: auto;
	color: #7f1d1d;
	font-size: 12px;
	line-height: 1.5;
	background: #fff7f7;
	border: 1px solid #fecaca;
	border-radius: 9px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

/* Fix and verify tools share a deliberate two-column workspace. */
.subin-email-health-page .subin-health-remediation-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
	align-items: start;
	gap: 18px;
}

.subin-email-health-page .subin-health-remediation-grid > .subin-health-section {
	height: auto;
}

.subin-email-health-page .subin-health-verify {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	background: linear-gradient(145deg, #f8fbff, #fff 60%);
	border-color: #cbdcf1;
}

.subin-email-health-page .subin-health-verify__copy > p {
	max-width: 720px;
	margin: 7px 0 0;
	color: var(--subin-health-copy);
	line-height: 1.55;
}

.subin-email-health-page .subin-health-verify-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}

.subin-email-health-page .subin-health-verify-steps li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 9px;
	color: #64748b;
	background: #f7f9fc;
	border: 1px solid #dbe4ef;
	border-radius: 10px;
}

.subin-email-health-page .subin-health-verify-steps li > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #52657b;
	font-size: 11px;
	font-weight: 850;
	background: #e6ebf2;
	border: 2px solid transparent;
	border-radius: 50%;
}

.subin-email-health-page .subin-health-verify-steps strong,
.subin-email-health-page .subin-health-verify-steps small {
	display: block;
}

.subin-email-health-page .subin-health-verify-steps strong {
	color: #334155;
	font-size: 12px;
	line-height: 1.3;
}

.subin-email-health-page .subin-health-verify-steps small {
	margin-top: 2px;
	color: #64748b;
	font-size: 10px;
	line-height: 1.3;
}

.subin-email-health-page .subin-health-verify-steps .is-done {
	background: #f2fbf4;
	border-color: #c7ead0;
}

.subin-email-health-page .subin-health-verify-steps .is-done > span {
	color: #fff;
	background: var(--subin-health-success);
}

.subin-email-health-page .subin-health-verify-steps .is-current {
	background: #f2f7ff;
	border-color: #a9c8f1;
	box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

.subin-email-health-page .subin-health-verify-steps .is-current > span {
	color: #1d4ed8;
	background: #fff;
	border-color: var(--subin-health-primary);
}

.subin-email-health-page .subin-health-verify-steps .is-failed {
	background: #fff7f7;
	border-color: #fecaca;
}

.subin-email-health-page .subin-health-verify-steps .is-failed > span {
	color: #fff;
	background: var(--subin-health-danger);
}

.subin-email-health-page .subin-health-last-test {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 15px;
	padding: 12px 13px;
	color: #14532d;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 11px;
}

.subin-email-health-page .subin-health-last-test--awaiting {
	color: #075985;
	background: #effaff;
	border-color: #bae6fd;
}

.subin-email-health-page .subin-health-last-test--not_received,
.subin-email-health-page .subin-health-last-test--failed {
	color: #7f1d1d;
	background: #fff7f7;
	border-color: #fecaca;
}

.subin-email-health-page .subin-health-last-test > .dashicons {
	flex: 0 0 auto;
	width: 21px;
	height: 21px;
	color: currentColor;
	font-size: 21px;
}

.subin-email-health-page .subin-health-last-test strong,
.subin-email-health-page .subin-health-last-test small {
	display: block;
}

.subin-email-health-page .subin-health-last-test small {
	margin-top: 3px;
	color: #52657b;
	line-height: 1.35;
}

.subin-email-health-page .subin-health-last-test p {
	margin: 6px 0 0;
	color: currentColor;
	line-height: 1.45;
}

.subin-email-health-page .subin-health-confirmation {
	margin-top: 12px;
	padding: 12px 13px;
	background: #fff;
	border: 1px solid #cbd8e7;
	border-radius: 11px;
}

.subin-email-health-page .subin-health-confirmation > span {
	display: block;
	font-weight: 700;
	line-height: 1.4;
}

.subin-email-health-page .subin-health-confirmation > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 9px;
}

.subin-email-health-page .subin-health-confirmation--update {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.subin-email-health-page .subin-health-confirmation--update > span {
	flex: 1 1 auto;
}

.subin-email-health-page .subin-health-verify__expired,
.subin-email-health-page .subin-health-verify__never {
	margin: 12px 0 0;
	color: var(--subin-health-muted);
	font-size: 13px;
	font-style: italic;
	line-height: 1.45;
}

.subin-email-health-page .subin-health-verify__form {
	padding-top: 17px;
	border-top: 1px solid var(--subin-health-line);
}

.subin-email-health-page .subin-health-verify__form form {
	display: grid;
	grid-template-columns: minmax(200px, 1fr) auto;
	align-items: end;
	gap: 9px 10px;
}

.subin-email-health-page .subin-health-verify__form label {
	grid-column: 1 / -1;
	font-weight: 750;
}

.subin-email-health-page .subin-health-verify__form input[type="email"] {
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 7px 11px;
	color: var(--subin-health-ink);
	background: #fff;
	border: 1px solid #bdcad9;
	border-radius: 10px;
	box-shadow: none;
}

.subin-email-health-page .subin-health-verify__form small {
	grid-column: 1 / -1;
	color: var(--subin-health-muted);
	line-height: 1.45;
}

.subin-email-health-page .subin-health-verify__form > p {
	margin: 0;
	color: var(--subin-health-muted);
	line-height: 1.5;
}

.subin-email-health-page .subin-health-verify__log {
	display: inline-block;
	margin-top: 12px;
}

.subin-email-health-page .subin-health-diagnostics {
	padding: 0;
	overflow: hidden;
}

.subin-email-health-page .subin-health-diagnostics__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 76px;
	padding: 18px 20px;
	cursor: pointer;
	list-style: none;
	border-radius: 16px;
}

.subin-email-health-page .subin-health-diagnostics__summary::-webkit-details-marker {
	display: none;
}

.subin-email-health-page .subin-health-diagnostics__summary::after {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-left: 2px;
	border-right: 2px solid #64748b;
	border-bottom: 2px solid #64748b;
	content: "";
	transform: rotate(45deg) translateY(-2px);
	transition: transform 150ms ease;
}

.subin-email-health-page .subin-health-diagnostics[open] > .subin-health-diagnostics__summary::after {
	transform: rotate(225deg) translate(-2px, -1px);
}

.subin-email-health-page .subin-health-diagnostics__summary > span:first-child {
	display: block;
	min-width: 0;
}

.subin-email-health-page .subin-health-diagnostics__summary strong,
.subin-email-health-page .subin-health-diagnostics__summary small {
	display: block;
}

.subin-email-health-page .subin-health-diagnostics__summary strong {
	font-size: 17px;
}

.subin-email-health-page .subin-health-diagnostics__summary small {
	margin-top: 4px;
	color: var(--subin-health-muted);
	font-weight: 400;
	line-height: 1.4;
}

.subin-email-health-page .subin-health-check-counts {
	margin-left: auto;
	color: #475569;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.35;
	white-space: nowrap;
}

.subin-email-health-page .subin-health-checks {
	display: grid;
	gap: 9px;
	padding: 0 20px 20px;
	border-top: 1px solid var(--subin-health-soft-line);
}

.subin-email-health-page .subin-health-check {
	display: grid;
	grid-template-columns: 21px minmax(0, 1fr) auto;
	align-items: start;
	gap: 10px;
	padding: 12px;
	background: #fbfdff;
	border: 1px solid #dfe7f1;
	border-radius: 10px;
}

.subin-email-health-page .subin-health-check:first-child {
	margin-top: 14px;
}

.subin-email-health-page .subin-health-check--fail {
	background: #fff8f7;
	border-color: #fecaca;
}

.subin-email-health-page .subin-health-check--warning {
	background: #fffcf4;
	border-color: #f7dca0;
}

.subin-email-health-page .subin-health-check__icon {
	width: 20px;
	height: 20px;
	margin-top: 1px;
	color: var(--subin-health-primary);
	font-size: 20px;
}

.subin-email-health-page .subin-health-check--pass .subin-health-check__icon {
	color: var(--subin-health-success);
}

.subin-email-health-page .subin-health-check--warning .subin-health-check__icon {
	color: var(--subin-health-warning);
}

.subin-email-health-page .subin-health-check--fail .subin-health-check__icon {
	color: var(--subin-health-danger);
}

.subin-email-health-page .subin-health-check__content {
	min-width: 0;
}

.subin-email-health-page .subin-health-check__content > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
}

.subin-email-health-page .subin-health-check__content p {
	margin: 5px 0 0;
	color: var(--subin-health-muted);
	font-size: 12px;
	line-height: 1.45;
}

.subin-email-health-page .subin-health-check__action {
	padding-top: 1px;
	white-space: nowrap;
}

/* Activity is intentionally flatter: it explores history, not current state. */
.subin-email-health-page .subin-health-activity {
	margin-top: 28px;
	padding-top: 25px;
	border-top: 1px solid #cfd9e6;
}

.subin-email-health-page .subin-health-scope-badge {
	color: #475569;
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
}

.subin-email-health-page .subin-health-filters {
	margin: 15px 0 17px;
	padding: 0;
	overflow: hidden;
	background: #f8fafc;
	border: 1px solid var(--subin-health-line);
	border-radius: 13px;
	box-shadow: none;
}

.subin-email-health-page .subin-health-filters__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 58px;
	padding: 13px 16px;
	cursor: pointer;
	list-style: none;
	border-radius: 13px;
}

.subin-email-health-page .subin-health-filters__summary::-webkit-details-marker {
	display: none;
}

.subin-email-health-page .subin-health-filters__summary > span:first-child {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.subin-email-health-page .subin-health-filters__summary strong {
	color: var(--subin-health-ink);
}

.subin-email-health-page .subin-health-filters__summary small {
	color: var(--subin-health-muted);
	font-size: 12px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.subin-email-health-page .subin-health-filters__control {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #475569;
	font-size: 11px;
	font-weight: 800;
	white-space: nowrap;
}

.subin-email-health-page .subin-health-filters__control::after {
	width: 8px;
	height: 8px;
	border-right: 2px solid #64748b;
	border-bottom: 2px solid #64748b;
	content: "";
	transform: rotate(45deg) translateY(-2px);
	transition: transform 150ms ease;
}

.subin-email-health-page .subin-health-filters[open] .subin-health-filters__control::after {
	transform: rotate(225deg) translate(-2px, -1px);
}

.subin-email-health-page .subin-health-filters > form {
	padding: 15px 16px 16px;
	background: #fff;
	border-top: 1px solid var(--subin-health-soft-line);
}

.subin-email-health-page .subin-filter-main--health {
	display: grid;
	grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
	align-items: end;
	gap: 11px;
}

.subin-email-health-page .subin-health-custom-dates {
	margin-top: 13px;
}

.subin-email-health-page .subin-health-analytics-grid {
	display: grid;
	grid-template-columns: minmax(360px, 0.9fr) minmax(430px, 1.1fr);
	align-items: stretch;
	gap: 17px;
}

.subin-email-health-page .subin-health-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px;
	margin: 0;
}

.subin-email-health-page .subin-health-metric {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-content: start;
	column-gap: 10px;
	min-width: 0;
	padding: 15px;
	color: var(--subin-health-ink);
	background: #fff;
	border: 1px solid var(--subin-health-line);
	border-radius: 13px;
	box-shadow: none;
	text-decoration: none;
	transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.subin-email-health-page a.subin-health-metric:hover {
	border-color: #8fb5e9;
	box-shadow: 0 7px 18px rgba(37, 99, 235, 0.08);
	transform: translateY(-1px);
}

.subin-email-health-page .subin-health-metric__icon {
	grid-row: 1 / span 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: var(--subin-health-primary);
	background: #eef5ff;
	border-radius: 11px;
}

.subin-email-health-page .subin-health-metric--failed .subin-health-metric__icon {
	color: var(--subin-health-danger);
	background: #fff1f0;
}

.subin-email-health-page .subin-health-metric--missing .subin-health-metric__icon {
	color: var(--subin-health-warning);
	background: #fff7e8;
}

.subin-email-health-page .subin-health-metric--unknown .subin-health-metric__icon {
	color: #52657b;
	background: #eef2f7;
}

.subin-email-health-page .subin-health-metric__value {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.08;
}

.subin-email-health-page .subin-health-metric strong {
	margin-top: 3px;
	font-size: 12px;
	line-height: 1.3;
}

.subin-email-health-page .subin-health-metric small {
	grid-column: 2;
	margin-top: 5px;
	color: var(--subin-health-muted);
	font-size: 11px;
	line-height: 1.4;
}

.subin-email-health-page .subin-health-trend {
	margin-top: 0;
	box-shadow: none;
}

.subin-email-health-page .subin-health-legend {
	flex-wrap: wrap;
	font-size: 11px;
	font-weight: 750;
}

.subin-email-health-page .subin-health-legend span::before {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	vertical-align: -1px;
	background: var(--subin-health-primary);
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 2px;
	content: "";
}

.subin-email-health-page .subin-health-legend .is-problem::before,
.subin-email-health-page .subin-health-chart__bar .is-problem {
	background-color: #dc2626;
	background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0 2px, transparent 2px 5px);
}

.subin-email-health-page .subin-health-chart {
	display: flex;
	align-items: stretch;
	gap: 3px;
	height: 166px;
	margin-top: 15px;
	padding-top: 5px;
	border-bottom: 1px solid var(--subin-health-line);
}

.subin-email-health-page .subin-health-chart__day {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	min-width: 5px;
}

.subin-email-health-page .subin-health-chart__bar {
	display: flex;
	flex: 1 1 auto;
	align-items: flex-end;
	justify-content: center;
	gap: 1px;
	width: 100%;
	max-width: 18px;
}

.subin-email-health-page .subin-health-chart__bar span {
	display: block;
	width: calc(50% - 0.5px);
	min-height: 1px;
	background: var(--subin-health-primary);
	border-radius: 3px 3px 0 0;
}

.subin-email-health-page .subin-health-chart__bar span.is-empty {
	min-height: 0;
}

.subin-email-health-page .subin-health-chart__day small {
	min-height: 24px;
	padding-top: 6px;
	color: #52657b;
	font-size: 9px;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

.subin-email-health-page .subin-health-footnote {
	margin: 11px 0 0;
	color: var(--subin-health-muted);
	font-size: 12px;
	line-height: 1.45;
}

.subin-email-health-page .subin-health-activity__empty {
	margin-top: 2px;
}

/* Source aggregates retain native table semantics at every viewport width. */
.subin-email-health-page .subin-health-sources {
	box-shadow: none;
}

.subin-email-health-page .subin-health-source-table-wrap {
	max-width: 100%;
	margin: 16px -20px -20px;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: 0 0 16px 16px;
	-webkit-overflow-scrolling: touch;
}

.subin-email-health-page .subin-health-source-table {
	width: 100%;
	min-width: 760px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: auto;
}

.subin-email-health-page .subin-health-source-table th {
	padding: 11px 12px;
	color: #52657b;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.045em;
	text-align: left;
	text-transform: uppercase;
	background: #f6f8fb;
	border-bottom: 1px solid var(--subin-health-line);
	white-space: nowrap;
}

.subin-email-health-page .subin-health-source-table td {
	padding: 13px 12px;
	vertical-align: middle;
	border-bottom: 1px solid #edf2f7;
}

.subin-email-health-page .subin-health-source-table tbody tr:last-child td {
	border-bottom: 0;
}

.subin-email-health-page .subin-health-source-table tbody tr:hover td {
	background: #fafcff;
}

.subin-email-health-page .subin-health-source-row--critical td:first-child,
.subin-email-health-page .subin-health-source-row--degraded td:first-child {
	box-shadow: inset 3px 0 0 var(--subin-health-danger);
}

.subin-email-health-page .subin-health-source-row--recovering td:first-child {
	box-shadow: inset 3px 0 0 var(--subin-health-info);
}

.subin-email-health-page .subin-health-source-name {
	white-space: nowrap;
}

.subin-email-health-page .subin-health-source-name i {
	color: var(--subin-health-primary);
}

.subin-email-health-page .subin-health-outcomes {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.subin-email-health-page .subin-health-outcomes span {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 3px 7px;
	color: #334155;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	background: #f1f5f9;
	border-radius: 999px;
	white-space: nowrap;
}

.subin-email-health-page .subin-health-outcomes .is-failed {
	color: #991b1b;
	background: #fff1f0;
}

.subin-email-health-page .subin-health-outcomes .is-missing {
	color: #854d0e;
	background: #fff7e8;
}

.subin-email-health-page .subin-health-outcomes .is-unknown {
	color: #475569;
	background: #eef2f7;
}

.subin-email-health-page .subin-health-source-actions {
	text-align: right;
	white-space: nowrap;
}

.subin-email-health-page .subin-health-inactive {
	margin-top: 14px;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid var(--subin-health-soft-line);
	border-radius: 10px;
}

.subin-email-health-page .subin-health-inactive > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.subin-email-health-page .subin-health-inactive > div > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 9px;
	color: var(--subin-health-copy);
	background: #fff;
	border: 1px solid var(--subin-health-line);
	border-radius: 9px;
}

.subin-email-health-page .subin-health-inactive small {
	padding-left: 6px;
	color: #64748b;
	border-left: 1px solid var(--subin-health-line);
}

/* Support data stays quiet until explicitly requested. */
.subin-email-health-page .subin-health-support {
	margin-top: 17px;
	padding: 0;
	background: #f8fafc;
	border: 1px solid var(--subin-health-line);
	border-radius: 12px;
}

.subin-email-health-page .subin-health-support > summary {
	padding: 13px 15px;
	cursor: pointer;
	color: #334155;
	font-weight: 750;
	border-radius: 12px;
}

.subin-email-health-page .subin-health-support__body {
	padding: 0 15px 15px;
	border-top: 1px solid var(--subin-health-soft-line);
}

.subin-email-health-page .subin-health-support__body p {
	margin: 13px 0 9px;
	color: var(--subin-health-muted);
	line-height: 1.5;
}

.subin-email-health-page .subin-health-support__body textarea {
	display: block;
	width: 100%;
	max-width: 920px;
	min-height: 210px;
	padding: 11px;
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	line-height: 1.45;
	white-space: pre;
	background: #fff;
	border: 1px solid #bdcad9;
	border-radius: 9px;
	resize: vertical;
}

.subin-email-health-page .subin-health-support__body > div {
	margin-top: 9px;
}

/* Strong keyboard affordances on every interactive surface. */
.subin-email-health-page a:focus-visible,
.subin-email-health-page button:focus-visible,
.subin-email-health-page summary:focus-visible,
.subin-email-health-page select:focus-visible,
.subin-email-health-page input:focus-visible,
.subin-email-health-page textarea:focus-visible {
	outline: 3px solid rgba(37, 99, 235, 0.32);
	outline-offset: 2px;
}

.subin-email-health-page .subin-health-verify__form input[type="email"]:focus,
.subin-email-health-page .subin-health-support__body textarea:focus {
	border-color: var(--subin-health-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

@supports (border-color: color-mix(in srgb, white, black)) {
	.subin-email-health-page .subin-health-overview {
		border-color: color-mix(in srgb, var(--subin-health-accent) 30%, #d8e2ee);
	}
}

@media (max-width: 1100px) {
	.subin-email-health-page .subin-health-overview {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.subin-email-health-page .subin-health-overview__facts {
		grid-column: 2;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.subin-email-health-page .subin-health-overview__limit {
		grid-column: 2;
	}

	.subin-email-health-page .subin-health-remediation-grid,
	.subin-email-health-page .subin-health-analytics-grid {
		grid-template-columns: 1fr;
	}

	.subin-email-health-page .subin-health-remediation-grid > .subin-health-section {
		height: auto;
	}

	.subin-email-health-page .subin-filter-main--health {
		grid-template-columns: repeat(2, minmax(180px, 1fr));
	}

	.subin-email-health-page .subin-filter-main--health .subin-filter-actions {
		grid-column: 1 / -1;
	}

	.subin-email-health-page .subin-health-issue {
		grid-template-columns: 1fr;
	}

	.subin-email-health-page .subin-health-issue__meta {
		margin-top: 15px;
		padding: 14px 0 0;
		border-top: 1px solid #e2e8f0;
		border-left: 0;
	}
}

@media (max-width: 782px) {
	.subin-email-health-page .subin-health-overview,
	.subin-email-health-page .subin-health-section {
		padding: 18px;
	}

	.subin-email-health-page .subin-health-overview {
		gap: 16px;
	}

	.subin-email-health-page .subin-health-overview__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.subin-email-health-page .subin-health-section__footer,
	.subin-email-health-page .subin-health-source-table-wrap {
		margin-right: -18px;
		margin-bottom: -18px;
		margin-left: -18px;
	}

	.subin-email-health-page .subin-health-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.subin-email-health-page .subin-health-chart {
		height: 160px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.subin-email-health-page .subin-health-chart__day {
		min-width: 10px;
	}

	.subin-email-health-page .subin-health-diagnostics {
		padding: 0;
	}

	.subin-email-health-page .subin-health-diagnostics__summary {
		padding: 16px 18px;
	}

	.subin-email-health-page .subin-health-checks {
		padding: 0 18px 18px;
	}

	.subin-email-health-page .subin-health-source-table-wrap {
		position: relative;
		padding-bottom: 3px;
	}
}

@media (max-width: 520px) {
	.subin-email-health-page .subin-health-overview {
		grid-template-columns: 1fr;
		padding: 17px;
		border-left-width: 5px;
	}

	.subin-email-health-page .subin-health-overview__signal {
		width: 46px;
		height: 46px;
		border-radius: 14px;
	}

	.subin-email-health-page .subin-health-overview__content,
	.subin-email-health-page .subin-health-overview__facts,
	.subin-email-health-page .subin-health-overview__limit {
		grid-column: 1;
	}

	.subin-email-health-page .subin-health-overview__heading,
	.subin-email-health-page .subin-health-section__heading,
	.subin-email-health-page .subin-health-activity__heading,
	.subin-email-health-page .subin-health-no-data {
		align-items: flex-start;
		flex-direction: column;
	}

	.subin-email-health-page .subin-health-overview__facts,
	.subin-email-health-page .subin-health-metrics,
	.subin-email-health-page .subin-filter-main--health,
	.subin-email-health-page .subin-health-issue__meta {
		grid-template-columns: 1fr;
	}

	.subin-email-health-page .subin-health-overview h2 {
		font-size: 21px;
	}

	.subin-email-health-page .subin-health-no-data .button {
		margin-left: 0;
	}

	.subin-email-health-page .subin-health-actions,
	.subin-email-health-page .subin-health-confirmation > div {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}

	.subin-email-health-page .subin-health-verify-steps {
		grid-template-columns: 1fr;
	}

	.subin-email-health-page .subin-health-confirmation--update {
		align-items: stretch;
		flex-direction: column;
	}

	.subin-email-health-page .subin-health-actions .button,
	.subin-email-health-page .subin-health-confirmation .button,
	.subin-email-health-page .subin-health-no-data .button,
	.subin-email-health-page .subin-filter-actions .button,
	.subin-email-health-page .subin-health-verify__form .button,
	.subin-email-health-page .subin-health-verify__form input,
	.subin-email-health-page .subin-filter-panel input,
	.subin-email-health-page .subin-filter-panel select {
		width: 100%;
		min-height: 44px;
	}

	.subin-email-health-page .subin-health-verify__form form {
		grid-template-columns: 1fr;
	}

	.subin-email-health-page .subin-health-verify__form label,
	.subin-email-health-page .subin-health-verify__form small {
		grid-column: 1;
	}

	.subin-email-health-page .subin-health-diagnostics__summary {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.subin-email-health-page .subin-health-check-counts {
		order: 3;
		width: 100%;
		margin-left: 0;
		white-space: normal;
	}

	.subin-email-health-page .subin-health-check {
		grid-template-columns: 21px minmax(0, 1fr);
	}

	.subin-email-health-page .subin-health-check__action {
		grid-column: 2;
	}

	.subin-email-health-page .subin-health-check__action .button {
		min-height: 44px;
	}

	.subin-email-health-page .subin-health-issue__main {
		grid-template-columns: 1fr;
	}

	.subin-email-health-page .subin-health-issue__icon {
		margin-bottom: -3px;
	}

	.subin-email-health-page .subin-health-issue__actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.subin-email-health-page .subin-health-filters__summary {
		align-items: flex-start;
	}

	.subin-email-health-page .subin-health-filters__control {
		margin-top: 2px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.subin-email-health-page *,
	.subin-email-health-page *::before,
	.subin-email-health-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}
