.ecb-expire-content {
	border: 1px dashed rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	padding: 12px;
	background: #fdfdfd;
}

.ecb-expire-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.ecb-label {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #555d66;
}

.ecb-expire-badge {
	font-size: 11px;
	padding: 3px 8px;
	border-radius: 999px;
	border: 1px solid transparent;
}

.ecb-expire-badge--active {
	background: #e4f6ec;
	border-color: #b5e2c8;
	color: #135e2e;
}

.ecb-expire-badge--expired {
	background: #fdecea;
	border-color: #f5c2b8;
	color: #8a1c13;
}

.ecb-inner-wrapper {
	padding: 8px;
	border-radius: 6px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.ecb-expire-preview-overlay {
	padding: 12px;
	border-radius: 6px;
	background: #fff8e6;
	border: 1px solid #f2d49b;
}

.ecb-expire-preview-title {
	margin: 0 0 4px;
	font-weight: 600;
	font-size: 13px;
}

.ecb-expire-preview-text {
	margin: 0;
	font-size: 12px;
	color: #444;
}

.ecb-notice {
	margin-top: 8px;
}

.ecb-datetime-wrapper {
	position: relative;
}

.ecb-timezone-note {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	color: #555d66;
	line-height: 1.2;
	text-align: right;
	padding-left: 8px;
	background: #fff;
	z-index: 1;
}

.components-base-control.components-input-control.components-number-control.components-datetime__time-field.components-datetime__time-field-day,
.components-base-control.components-input-control.components-number-control.components-datetime__time-field-hours-input,
h3.components-truncate.components-text.components-heading {
	margin-bottom: 0;
}