.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{
	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-title{
	margin:0 0 8px;
	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-field:focus{
	outline:2px solid var(--dc-link-colour,var(--goe-member-dark,#1d4ed8));
	outline-offset:2px;
}
.dc-modal-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px;
}
.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-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}
}