.zak-event-details {
	background: var(--ast-global-color-5, #f5f5f5);
	border: 1px solid var(--ast-border-color, #dddddd);
	border-radius: .35rem;
	color: var(--ast-global-color-3, inherit);
	margin-block: 2rem;
	padding: clamp(1rem, 3vw, 2rem);
}

.zak-event-details h2 {
	color: var(--ast-global-color-2, inherit);
	margin-top: 0;
}

.zak-event-featured-image {
	margin: 0 0 1.5rem;
}

.zak-event-featured-image img {
	aspect-ratio: 16 / 9;
	border-radius: .4rem;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.zak-event-layout--hero .zak-event-featured-image img {
	aspect-ratio: 21 / 9;
}

.zak-event-layout--split {
	align-items: start;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.zak-event-layout--split .zak-event-featured-image {
	margin: 0;
}

.zak-event-additional-content {
	border-top: 1px solid var(--ast-border-color, #dddddd);
	margin-block: 2rem;
	padding-top: 1rem;
}

.zak-event-status {
	background: var(--ast-global-color-0, #2457a6);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1;
	padding: .5rem .75rem;
}

.zak-event-status--cancelled,
.zak-event-status--postponed {
	background: #8a2424;
}

.zak-event-status--completed {
	background: #4a4a4a;
}

.zak-event-alert {
	border-inline-start: .3rem solid #8a2424;
	margin-block: 1rem;
	padding: .75rem 1rem;
}

.zak-event-facts {
	display: grid;
	gap: 1rem 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 1.5rem 0;
}

.zak-event-facts div {
	min-width: 0;
}

.zak-event-facts dt {
	font-weight: 700;
}

.zak-event-facts dd {
	margin: .2rem 0 0;
}

.zak-event-registration-state {
	border-top: 1px solid var(--ast-border-color, #dddddd);
	font-weight: 600;
	padding-top: 1rem;
}

.zak-event-registration-state p {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	.zak-event-facts {
		grid-template-columns: 1fr;
	}
}

.zak-events-grid { display:grid; gap:1.25rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); }
.zak-event-card { border:1px solid var(--ast-border-color,#ddd); border-radius:.35rem; padding:1rem; }
.zak-event-card--registered { border-inline-start:.4rem solid var(--ast-global-color-0,#2457a6); }
.zak-event-card__image { aspect-ratio:16/9; height:auto; object-fit:cover; width:100%; }
.zak-event-card__registration,.zak-event-registration-status { font-weight:700; text-transform:capitalize; }
.zak-event-message { border-inline-start:.3rem solid #2e7d32; margin-block:1rem; padding:.75rem 1rem; }
.zak-event-message--error { border-color:#b32d2e; }
.zak-event-cancel-form { margin-top: 1rem; }
.zak-event-button--danger { background: #9b2424 !important; border-color: #9b2424 !important; color: #fff !important; }
.zak-event-checkin-pass { border-top: 1px solid var(--ast-border-color,#ddd); margin-top: 1rem; padding-top: 1rem; }
.zak-event-checkin-qr img { background: #fff; border: 1px solid #ddd; height: auto; max-width: 18rem; padding: .5rem; width: 100%; }
.zak-event-question { border:0; margin:1rem 0; padding:0; }
.zak-event-question legend { font-weight:700; }
.zak-event-question label { display:block; margin:.4rem 0; }
.zak-event-question input[type="text"],.zak-event-question textarea,.zak-event-question select { max-width:40rem; width:100%; }

.zak-event-manager {
	--zak-manager-border: var(--ast-border-color, #d7dce2);
	margin-block: 1.5rem;
}

.zak-event-manager__heading {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.zak-event-manager .zak-manager-action,
.zak-event-manager button.button,
.zak-event-manager input[type="submit"].button {
	align-items: center;
	border-radius: .35rem;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.2;
	min-height: 2.6rem;
	padding: .65rem 1rem;
	text-decoration: none !important;
	width: auto !important;
}

.zak-event-manager .zak-manager-action--secondary {
	background: transparent;
	border: 1px solid var(--zak-manager-border);
	color: var(--ast-global-color-0, #2457a6);
}

.zak-event-manager .zak-manager-action:hover,
.zak-event-manager .zak-manager-action:focus-visible,
.zak-event-manager button.button:hover,
.zak-event-manager button.button:focus-visible {
	filter: brightness(.92);
	text-decoration: none !important;
}

.zak-manager-section {
	margin-block: 2rem;
}

.zak-manager-event-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.zak-manager-event-card {
	border: 1px solid var(--zak-manager-border);
	border-radius: .4rem;
	padding: 1.25rem;
}

.zak-manager-event-card--image {
	background-image: linear-gradient(rgba(255, 255, 255, .88), rgba(255, 255, 255, .94)), var(--zak-manager-card-image);
	background-position: center;
	background-size: cover;
}

.zak-manager-event-card h4 {
	margin: .5rem 0;
}

.zak-manager-event-card__status {
	background: #e8edf3;
	border-radius: 999px;
	color: #344054;
	display: inline-flex;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .03em;
	line-height: 1;
	padding: .45rem .65rem;
	text-transform: uppercase;
}

.zak-manager-event-card__status--publish { background: #d9f2e3; color: #176b3a; }
.zak-manager-event-card__status--pending { background: #fff1c7; color: #815b00; }
.zak-manager-event-card__status--changes-requested { background: #fde1e1; color: #9b2424; }
.zak-manager-event-card__status--private { background: #eee3fa; color: #63359a; }

.zak-manager-event-card dl,
.zak-manager-summary {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

.zak-manager-event-card dl div,
.zak-manager-summary > div {
	background: var(--ast-global-color-5, #f5f5f5);
	border-radius: .25rem;
	padding: .75rem;
}

.zak-manager-event-card dt,
.zak-manager-summary span {
	display: block;
	font-size: .82rem;
}

.zak-manager-event-card dd,
.zak-manager-summary strong {
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
	margin: .15rem 0 0;
}

.zak-manager-event-card__actions {
	display: flex;
	gap: .75rem;
	align-items: center;
	margin-bottom: 0;
}

.zak-event-manager-message {
	border-inline-start: .3rem solid var(--ast-global-color-0, #2457a6);
	padding: .75rem 1rem;
}

.zak-event-manager-message--error {
	border-color: #b32d2e;
}

.zak-manager-filters {
	align-items: end;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-block: 1.5rem;
}

.zak-manager-filters label span,
.zak-manager-attendee-table small {
	display: block;
}

.zak-manager-table-wrap {
	overflow-x: auto;
}

.zak-manager-attendee-table {
	border-collapse: collapse;
	min-width: 760px;
	width: 100%;
}

.zak-manager-attendee-table th,
.zak-manager-attendee-table td {
	border-bottom: 1px solid var(--zak-manager-border);
	padding: .8rem;
	text-align: start;
	vertical-align: top;
}

.zak-manager-attendee-table details {
	min-width: 12rem;
}

.zak-registration-badge {
	background: #e8edf3;
	border-radius: 999px;
	display: inline-flex;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1;
	padding: .45rem .65rem;
	white-space: nowrap;
}

.zak-registration-badge--confirmed { background: #d9f2e3; color: #176b3a; }
.zak-registration-badge--checked_in { background: #dcecff; color: #174f8d; }
.zak-registration-badge--pending_payment { background: #fff1c7; color: #815b00; }
.zak-registration-badge--waitlisted { background: #f1e5ff; color: #69349a; }
.zak-registration-badge--payment_failed,
.zak-registration-badge--cancelled { background: #fde1e1; color: #9b2424; }

.zak-manager-inline-action {
	display: inline;
	margin: 0;
}

.zak-event-manager .zak-manager-inline-action .button {
	font-size: .85rem;
	min-height: 2.1rem;
	padding: .45rem .7rem;
}

.zak-manager-attendee-table dd {
	margin: .2rem 0 .75rem;
}

.zak-manager-pagination {
	display: flex;
	gap: .4rem;
	margin-top: 1rem;
}

.zak-manager-pagination a,
.zak-manager-pagination span {
	border: 1px solid var(--zak-manager-border);
	padding: .35rem .65rem;
}

.zak-event-editor-form section {
	border-top: 1px solid var(--zak-manager-border);
	margin-top: 2rem;
	padding-top: 1rem;
}

.zak-event-editor-grid {
	display: grid;
	gap: 1rem 1.25rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zak-event-editor-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zak-event-editor-field {
	margin-block: 1rem;
}

.zak-event-editor-field label,
.zak-event-editor-field input,
.zak-event-editor-field textarea,
.zak-event-editor-field select {
	display: block;
	width: 100%;
}

.zak-event-editor-field input[type="file"] {
	width: auto;
}

.zak-event-editor-field .description {
	font-size: .88rem;
	margin-top: .35rem;
}

.zak-event-editor-image img {
	height: auto;
	margin-block: .75rem;
	max-width: 30rem;
	width: 100%;
}

.zak-event-editor .zak-events-question-row {
	background: var(--ast-global-color-5, #f5f5f5);
	border: 1px solid var(--zak-manager-border);
	margin-block: 1rem;
	padding: 1rem;
}

.zak-event-editor .zak-events-question-row legend {
	font-weight: 700;
	padding-inline: .4rem;
}

.zak-event-editor-submit {
	position: sticky;
	bottom: 1rem;
	margin-top: 1.5rem;
	text-align: end;
}

.zak-event-review,
.zak-event-review-feedback {
	border: 1px solid var(--zak-manager-border);
	border-radius: .4rem;
	margin-top: 2rem;
	padding: 1rem;
}

.zak-event-review-feedback {
	background: #fff4e5;
	border-color: #dba617;
}

.zak-event-review-actions {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.zak-event-review-actions textarea,
.zak-event-review-actions label {
	display: block;
	margin-bottom: .5rem;
	width: 100%;
}

.zak-event-email-compose > label,
.zak-event-email-compose input[type="text"],
.zak-event-email-compose textarea {
	display: block;
	margin-bottom: 1rem;
	width: 100%;
}

.zak-event-email-statuses {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin: .5rem 0 1.25rem;
}

.zak-event-email-preview {
	border: 1px solid var(--zak-manager-border);
	border-radius: .4rem;
	padding: 1rem;
}

.zak-event-email-message {
	background: var(--ast-global-color-5, #f5f5f5);
	margin-block: 1rem;
	padding: 1rem;
	white-space: normal;
}

@media (max-width: 720px) {
	.zak-event-editor-grid,
	.zak-event-editor-grid--three {
		grid-template-columns: 1fr;
	}

	.zak-event-manager__heading {
		align-items: start;
		flex-direction: column;
		gap: 1rem;
	}

	.zak-event-layout--split {
		grid-template-columns: 1fr;
	}
}