body.mgk-is-merchant-portal {
	--mgk-font: 'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--mgk-navy: #1b3a52;
	--mgk-navy-md: #2c5070;
	--mgk-navy-800: #0a2a5c;
	--mgk-blue: #1565c0;
	--mgk-cta-blue: #1454b8;
	--mgk-bg: #f4f7fb;
	--mgk-bg-alt: #f1eff5;
	--mgk-surface: #ffffff;
	--mgk-border: #e9e6ef;
	--mgk-border-lt: #f1eff5;
	--mgk-text: #1b1b1f;
	--mgk-text-2: #44404c;
	--mgk-text-3: #8a8494;
	--mgk-green: #0e7c3f;
	--mgk-green-bg: #e7f6ec;
	--mgk-red: #b42121;
	--mgk-red-bg: #fff4f6;
	--mgk-amber: #92610a;
	--mgk-amber-bg: #fbf2df;
	--mgk-sfa-bg: #e3f0ff;
	--mgk-radius: 12px;
	--mgk-radius-sm: 8px;
	--mgk-shadow: none;
	margin: 0;
	padding: 0;
	background: #f7f6f9;
	font-family: var(--mgk-font);
}

body.mgk-is-merchant-portal :where(button, input, select, textarea) {
	font-family: inherit;
}

body.mgk-is-merchant-portal .mgk-mdash,
body.mgk-is-merchant-portal .mgk-opdash {
	--mdash-accent: #9615db;
	--mdash-accent-h: #7e10bc;
	--mdash-accent-p: #7c1ab8;
	--mdash-accent-tint: #f5ebfd;
	--mdash-accent-tint2: #ddb3f8;
	--mdash-border: #e9e6ef;
	--mdash-border-lt: #f1eff5;

	--mdash-border-md: #d5d0de;
	--mdash-text: #1b1b1f;
	--mdash-text-2: #44404c;
	--mdash-text-3: #6e6a78;
	--mdash-text-4: #8a8494;
	--mdash-bg-page: #f7f6f9;
	--mdash-bg-soft: #f1eff5;
	--mdash-green: #0e7c3f;
	--mdash-green-bg: #e7f6ec;
	--mdash-green-bd: #b8e9d2;
	--mdash-green-dot: #17a34a;
	--mdash-amber: #92610a;
	--mdash-amber-bg: #fbf2df;
	--mdash-amber-bd: #f3dfb6;
	--mdash-amber-dot: #d8930f;
	--mdash-red: #b42121;
	--mdash-font: var(--mgk-font);
	--mdash-font-display: var(--mgk-font);
}

body.mgk-is-merchant-portal .mgk-mdash *,
body.mgk-is-merchant-portal .mgk-mdash *::before,
body.mgk-is-merchant-portal .mgk-mdash *::after,
body.mgk-is-merchant-portal .mgk-opdash *,
body.mgk-is-merchant-portal .mgk-opdash *::before,
body.mgk-is-merchant-portal .mgk-opdash *::after {
	box-sizing: border-box;
}

body.mgk-is-merchant-portal .mgk-card {
	padding: 20px;
	background: var(--mgk-surface);
	border: 1px solid var(--mgk-border);
	border-radius: var(--mgk-radius);
	box-shadow: var(--mgk-shadow);
}

body.mgk-is-merchant-portal .mgk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	color: inherit;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	background: transparent;
	border: 0;
	border-radius: var(--mgk-radius-sm);
	cursor: pointer;
	transition: opacity .15s;
}

body.mgk-is-merchant-portal .mgk-btn:hover { opacity: .9; }
body.mgk-is-merchant-portal .mgk-btn:disabled,
body.mgk-is-merchant-portal .mgk-btn.is-disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
body.mgk-is-merchant-portal .mgk-btn--sm { padding: 6px 12px; font-size: 13px; }
body.mgk-is-merchant-portal .mgk-btn--xs { padding: 4px 8px; font-size: 12px; }
body.mgk-is-merchant-portal .mgk-btn--navy { color: #fff; background: var(--mgk-navy); border: 1px solid var(--mgk-navy); }

body.mgk-is-merchant-portal .mgk-mord-btn--accent {
	color: #fff;
	background: var(--mdash-accent, #9615db);
	border: 1px solid var(--mdash-accent, #9615db);
}
body.mgk-is-merchant-portal .mgk-mord-btn--accent:hover {
	background: var(--mdash-accent-h, #7e10bc);
	border-color: var(--mdash-accent-h, #7e10bc);
	opacity: 1;
}
body.mgk-is-merchant-portal .mgk-mord-btn--accent-outline {
	color: var(--mdash-accent-h, #7e10bc);
	background: #fff;
	border: 1px solid var(--mgk-merchant-accent-line, #ddb3f8);
}
body.mgk-is-merchant-portal .mgk-mord-btn--accent-outline:hover {
	background: var(--mdash-accent-tint, #f5ebfd);
	opacity: 1;
}
body.mgk-is-merchant-portal .mgk-mord-btn--outline {
	color: var(--mdash-text-2, #44404c);
	background: #fff;
	border: 1px solid var(--mdash-border, #e9e6ef);
}
body.mgk-is-merchant-portal .mgk-mord-btn--outline:hover {
	background: var(--mdash-bg-page, #f7f6f9);
	opacity: 1;
}
body.mgk-is-merchant-portal .mgk-mord-btn--danger-outline {
	color: var(--mdash-red, #b42121);
	background: #fff;
	border: 1px solid #ffb8c1;
}
body.mgk-is-merchant-portal .mgk-mord-btn--danger-outline:hover {
	background: #fff4f6;
	opacity: 1;
}
body.mgk-is-merchant-portal .mgk-mord-btn--green {
	color: #fff;
	background: var(--mdash-green, #0e7c3f);
	border: 1px solid var(--mdash-green, #0e7c3f);
}
body.mgk-is-merchant-portal .mgk-mord-btn--red {
	color: #fff;
	background: var(--mgk-merchant-danger, #dc2626);
	border: 1px solid var(--mgk-merchant-danger, #dc2626);
}

body.mgk-is-merchant-portal .mgk-btn--outline {
	color: var(--mgk-navy);
	background: #fff;
	border: 1px solid var(--mgk-navy);
}
body.mgk-is-merchant-portal .mgk-btn--red {
	color: #fff;
	background: var(--mgk-red);
	border: 1px solid var(--mgk-red);
}
body.mgk-is-merchant-portal .mgk-btn--ghost {
	color: var(--mgk-navy);
	background: transparent;
	border: 1px solid transparent;
}
body.mgk-is-merchant-portal .mgk-btn--ghost:hover { background: var(--mgk-bg-alt); opacity: 1; }

body.mgk-is-merchant-portal img {
	max-width: 100%;
}