.dc-modal-overlay{
	position:fixed;
	inset:0;
	z-index:16000;
	display:none;
	align-items:center;
	justify-content:center;
	padding:18px;
	background:rgba(15,23,42,.55);
	box-sizing:border-box;
}
.dc-modal-overlay.is-open{display:flex}
.dc-modal-card{
	position:relative;
	width:min(100%,440px);
	max-height:calc(100vh - 36px);
	overflow:auto;
	box-sizing:border-box;
	border:1px solid var(--dc-border-colour,var(--goe-member-card-border,#d9e2ea));
	border-radius:10px;
	background:var(--dc-container-colour,var(--goe-member-content,#fff));
	color:var(--dc-text-colour,var(--goe-member-font,#172033));
	box-shadow:0 20px 55px rgba(15,23,42,.28);
	padding:18px;
}
.dc-modal-card--wide{width:min(100%,760px)}
.dc-modal-close{
	position:absolute;
	top:8px;
	right:8px;
	width:32px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:999px;
	background:transparent;
	color:inherit;
	font-size:20px;
	line-height:1;
	cursor:pointer;
}
.dc-modal-close:hover,.dc-modal-close:focus{background:var(--dc-input-colour,var(--goe-member-input-bg,#eef2f7))}
.dc-modal-title{
	margin:0 34px 8px 0;
	color:var(--dc-heading-colour,var(--goe-member-heading,currentColor));
	font-size:1.15rem;
	line-height:1.25;
	font-weight:700;
}
.dc-modal-message{
	margin:0 0 14px;
	line-height:1.45;
	white-space:pre-wrap;
}
.dc-modal-field{
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:4px 0 14px;
	padding:.65rem .75rem;
	border:1px solid var(--dc-border-colour,var(--goe-member-card-border,#cbd5e1));
	border-radius:7px;
	background:var(--dc-input-colour,var(--goe-member-input-bg,#fff));
	color:var(--dc-text-colour,var(--goe-member-font,#172033));
	font:inherit;
}
.dc-modal-textarea{min-height:96px;resize:vertical}
.dc-modal-field:focus{
	outline:2px solid var(--dc-link-colour,var(--goe-member-dark,#1d4ed8));
	outline-offset:2px;
}
.dc-modal-custom-content:empty{display:none}
.dc-modal-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px;
	margin-top:14px;
}
.dc-modal-actions:empty{display:none}
.dc-modal-actions .dc-button{float:none}
.dc-modal-actions .dc-button--danger{
	background:#b91c1c;
	border-color:#991b1b;
	color:#fff;
}
.dc-modal-actions .dc-button--primary{
	background:var(--dc-button-primary-bg,var(--dc-link-colour,var(--goe-member-dark,#1d4ed8)));
	border-color:var(--dc-button-primary-border,var(--dc-link-colour,var(--goe-member-dark,#1d4ed8)));
	color:var(--dc-button-primary-text,#fff);
}
.dc-modal-preview{margin:0 0 12px}
.dc-modal-preview-image-wrap{
	position:relative;
	overflow:hidden;
	border-radius:8px;
	background:#000;
	margin-bottom:8px;
	min-height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.dc-modal-preview-image-blur{
	position:absolute;
	inset:-24px;
	background-position:center;
	background-size:cover;
	filter:blur(22px);
	opacity:.65;
	transform:scale(1.08);
}
.dc-modal-preview-image{
	position:relative;
	z-index:1;
	display:block;
	max-width:100%;
	max-height:210px;
	object-fit:contain;
}
.dc-modal-preview-text{font-size:12px;color:var(--dc-text-muted-colour,#64748b)}
.dc-modal-toast{
	position:fixed;
	bottom:20px;
	left:50%;
	z-index:16001;
	transform:translateX(-50%);
	background:var(--dc-toast-bg,#111827);
	color:var(--dc-toast-text,#fff);
	padding:8px 12px;
	border-radius:7px;
	box-shadow:0 12px 30px rgba(15,23,42,.28);
	font-size:13px;
	opacity:0;
	pointer-events:none;
	transition:opacity .18s ease,transform .18s ease;
}
.dc-modal-toast.is-visible{opacity:1;transform:translate(-50%,-4px)}
.dc-modal-open{overflow:hidden}
@media (prefers-color-scheme:dark){
	.dc-modal-card{
		border-color:var(--dc-border-colour,#475569);
		background:var(--dc-container-colour,#111827);
		color:var(--dc-text-colour,#f8fafc);
	}
	.dc-modal-field{
		border-color:var(--dc-border-colour,#475569);
		background:var(--dc-input-colour,#0f172a);
		color:var(--dc-text-colour,#f8fafc);
	}
}
@media (max-width:520px){
	.dc-modal-overlay{align-items:flex-end;padding:12px}
	.dc-modal-card{width:100%;max-height:calc(100vh - 24px)}
	.dc-modal-actions{display:grid;grid-template-columns:1fr}
	.dc-modal-actions .dc-button{width:100%;text-align:center}
}