.mgk-mdash {

	--mgk-merchant-accent: #9615db;
	--mgk-merchant-accent-hover: #7e10bc;
	--mgk-merchant-accent-strong: #7c1ab8;
	--mgk-merchant-accent-soft: #f5ebfd;
	--mgk-merchant-accent-muted: #ebd8fa;

	--mgk-merchant-accent-line: #ddb3f8;
	--mgk-merchant-border: #e9e6ef;
	--mgk-merchant-border-soft: #f1eff5;
	--mgk-merchant-page: #f7f6f9;
	--mgk-merchant-surface: #ffffff;
	--mgk-merchant-surface-soft: #f1eff5;
	--mgk-merchant-text: #1b1b1f;
	--mgk-merchant-text-secondary: #6e6a78;
	--mgk-merchant-text-muted: #9b93ab;
	--mgk-merchant-success: #0e7c3f;
	--mgk-merchant-warning: #c37b00;
	--mgk-merchant-danger: #dc2626;
	--mgk-merchant-font-display: 'Quicksand', var(--mgk-font);
	--mgk-merchant-font-body: 'Quicksand', var(--mgk-font);
	--mgk-merchant-header-height: 56px;
	--mgk-merchant-sidebar-width: 248px;
	--mgk-merchant-sidebar-collapsed: 76px;
	--mgk-merchant-sidebar-bg: #fcfbfd;
	--mgk-merchant-sidebar-border: #eceaf1;
	--mgk-merchant-sidebar-text: #44404c;
	--mgk-merchant-sidebar-muted: #8a8494;
	--mgk-merchant-sidebar-group: #9b93ab;
	--mgk-merchant-sidebar-hover: #f1eff5;
	--mgk-merchant-sidebar-active-bg: #f5ebfd;
	--mgk-merchant-sidebar-active-fg: #7c1ab8;
	--mgk-merchant-sidebar-footer: #fbfafd;
	--mgk-merchant-radius-sm: 8px;
	--mgk-merchant-radius-md: 12px;
	--mgk-merchant-shadow-menu: 0 14px 36px rgba(17, 17, 26, 0.14);

	--mdash-accent: var(--mgk-merchant-accent);
	--mdash-accent-h: var(--mgk-merchant-accent-hover);
	--mdash-accent-p: var(--mgk-merchant-accent-strong);
	--mdash-accent-tint: var(--mgk-merchant-accent-soft);
	--mdash-accent-tint2: var(--mgk-merchant-accent-muted);
	--mdash-border: var(--mgk-merchant-border);
	--mdash-border-lt: var(--mgk-merchant-border-soft);
	--mdash-text: var(--mgk-merchant-text);
	--mdash-text-2: var(--mgk-merchant-text-secondary);
	--mdash-text-3: var(--mgk-merchant-text-secondary);
	--mdash-text-4: var(--mgk-merchant-text-muted);
	--mdash-bg-page: var(--mgk-merchant-page);
	--mdash-bg-soft: var(--mgk-merchant-surface-soft);
	--mdash-font-display: var(--mgk-merchant-font-display);

	background: var(--mgk-merchant-page);
	color: var(--mgk-merchant-text);
	font-family: var(--mgk-merchant-font-body);
}

.mgk-mdash [hidden] { display: none !important; }

button,
input { font: inherit; }

.mgk-mdash :where(a, button, input):focus-visible {
	outline: 2px solid var(--mgk-merchant-accent);
	outline-offset: 2px;
}

.mgk-mdash__shell {
	display: flex;
	flex-direction: column;
	height: 100dvh;
	min-height: 620px;
	overflow: hidden;
	background: var(--mgk-merchant-page);
}

body.admin-bar .mgk-mdash__shell { height: calc(100dvh - 32px); }

.mgk-mdash__header {
	position: relative;
	z-index: 50;
	display: flex;
	align-items: center;
	gap: 16px;
	height: var(--mgk-merchant-header-height);
	min-height: var(--mgk-merchant-header-height);
	padding: 0 18px 0 14px;
	background: var(--mgk-merchant-surface);
	border-bottom: 1px solid var(--mgk-merchant-border);
}

.mgk-mdash__burger {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	color: var(--mgk-merchant-text-secondary);
	background: transparent;
	border: 0;
	border-radius: var(--mgk-merchant-radius-sm);
	cursor: pointer;
}

.mgk-mdash__burger:hover { background: var(--mgk-merchant-surface-soft); }

.mgk-mdash__brand {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
	color: inherit;
	text-decoration: none;
}

.mgk-mdash__brand-mark {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	color: #fff;
	font: 800 17px/1 var(--mgk-merchant-font-display);
	background: var(--mgk-merchant-accent);
	border-radius: var(--mgk-merchant-radius-sm);
}

.mgk-mdash__brand-word {
	color: var(--mgk-merchant-text);
	font: 800 18px/1 var(--mgk-merchant-font-display);
	letter-spacing: -0.01em;
}

.mgk-mdash__brand-word b { color: var(--mgk-merchant-accent); }

.mgk-mdash__brand-badge {
	padding: 2px 6px;
	color: var(--mgk-merchant-accent);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background: var(--mgk-merchant-accent-soft);
	border: 1px solid #e0b8fd;
	border-radius: 4px;
}

.mgk-mdash__spacer {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	margin-left: auto;
}

.mgk-mdash__global-search,
.mgk-mdash__notifications,
.mgk-mdash__profile { position: relative; }

.mgk-mdash__search {
	display: flex;
	align-items: center;
	gap: 8px;
	width: min(240px, 21vw);
	height: 36px;
	padding: 0 12px;
	background: var(--mgk-merchant-surface-soft);
	border: 1px solid transparent;
	border-radius: var(--mgk-merchant-radius-sm);
}

.mgk-mdash__global-search.is-open .mgk-mdash__search {
	background: var(--mgk-merchant-surface);
	border-color: #d7a6f4;
	box-shadow: 0 0 0 3px rgba(150, 21, 219, 0.08);
}

.mgk-mdash__search-icon { display: flex; flex: 0 0 auto; color: var(--mgk-merchant-text-muted); }
.mgk-mdash__search-input { width: 100%; min-width: 0; padding: 0; color: var(--mgk-merchant-text); background: transparent; border: 0; outline: 0; font-size: 12px; }
.mgk-mdash__search-input::placeholder { color: var(--mgk-merchant-text-muted); }

.mgk-mdash__sim,
.mgk-mdash__viewstore,
.mgk-mdash__bell,
.mgk-mdash__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.mgk-mdash__sim {
	gap: 6px;
	height: 30px;
	padding: 0 10px;
	color: var(--mgk-merchant-warning);
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	background: #fefbf5;
	border: 1px solid #f4dcad;
	border-radius: 999px;
	cursor: pointer;
}

.mgk-mdash__sim-dot { width: 7px; height: 7px; background: #dd9301; border-radius: 50%; }

.mgk-mdash__sim.is-live { color: #1f9d5c; background: #f2fbf6; border-color: #bfe8d2; }
.mgk-mdash__sim.is-live .mgk-mdash__sim-dot { background: #20bb72; }

.mgk-mdash__viewstore {
	gap: 6px;
	height: 36px;
	padding: 0 12px;
	color: var(--mgk-merchant-text-secondary);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	background: var(--mgk-merchant-surface);
	border: 1px solid var(--mgk-merchant-border);
	border-radius: var(--mgk-merchant-radius-sm);
}

.mgk-mdash__viewstore:hover,
.mgk-mdash__bell:hover { background: var(--mgk-merchant-page); }

.mgk-mdash__bell,
.mgk-mdash__avatar {
	width: 36px;
	height: 36px;
	padding: 0;
	cursor: pointer;
}

.mgk-mdash__bell {
	position: relative;
	color: var(--mgk-merchant-text-secondary);
	background: var(--mgk-merchant-surface);
	border: 1px solid var(--mgk-merchant-border);
	border-radius: var(--mgk-merchant-radius-sm);
}

.mgk-mdash__bell-dot {
	position: absolute;
	top: 6px;
	right: 7px;
	width: 7px;
	height: 7px;
	background: var(--mgk-merchant-danger);
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
}

.mgk-mdash__avatar {
	color: var(--mgk-merchant-accent-strong);
	font-size: 12px;
	font-weight: 700;
	background: var(--mgk-merchant-accent-soft);
	border: 1px solid #e0b8fd;
	border-radius: 50%;
	overflow: hidden;
}

.mgk-mdash__profile .mgk-mdash__avatar-img { width: 100%; height: 100%; object-fit: cover; object-position: center; max-width: none; }

.mgk-mdash__popover {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 80;
	min-width: 250px;
	overflow: hidden;
	background: var(--mgk-merchant-surface);
	border: 1px solid var(--mgk-merchant-border);
	border-radius: var(--mgk-merchant-radius-md);
	box-shadow: var(--mgk-merchant-shadow-menu);
}

.mgk-mdash__search-menu { right: auto; left: 0; width: 290px; padding: 6px; }
.mgk-mdash__popover-label { margin: 2px 8px 5px; color: var(--mgk-merchant-text-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }

.mgk-mdash__search-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 9px 10px;
	color: var(--mgk-merchant-text-secondary);
	text-align: left;
	background: transparent;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
}

.mgk-mdash__search-option:hover { color: var(--mgk-merchant-accent); background: var(--mgk-merchant-accent-soft); }
.mgk-mdash__search-option span { font-size: 12px; font-weight: 650; }
.mgk-mdash__search-option small { color: var(--mgk-merchant-text-muted); font-size: 10px; }

.mgk-mdash__notification-menu { width: 342px; }
.mgk-mdash__popover-head,
.mgk-mdash__profile-summary {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 13px 16px;
	border-bottom: 1px solid var(--mgk-merchant-border-soft);
}

.mgk-mdash__popover-head { justify-content: space-between; }
.mgk-mdash__popover-head strong { font: 700 13px var(--mgk-merchant-font-display); }
.mgk-mdash__popover-head span { color: var(--mgk-merchant-accent); font-size: 10px; font-weight: 700; }

.mgk-mdash__notification-item {
	display: grid;
	grid-template-columns: 8px minmax(0, 1fr) auto;
	gap: 9px;
	align-items: start;
	padding: 11px 14px;
	color: var(--mgk-merchant-text);
	text-decoration: none;
	border-bottom: 1px solid #f6f6f8;
}

.mgk-mdash__notification-item:hover { background: var(--mgk-merchant-page); }
.mgk-mdash__notification-dot { width: 7px; height: 7px; margin-top: 5px; background: #d7d7db; border-radius: 50%; }
.mgk-mdash__notification-item.is-unread .mgk-mdash__notification-dot { background: var(--mgk-merchant-accent); }
.mgk-mdash__notification-item strong,
.mgk-mdash__notification-item small { display: block; }
.mgk-mdash__notification-item strong { margin-bottom: 2px; font-size: 11px; }
.mgk-mdash__notification-item small { overflow: hidden; color: var(--mgk-merchant-text-muted); font-size: 11px; line-height: 1.35; text-overflow: ellipsis; }
.mgk-mdash__notification-item time { color: #a1a1aa; font-size: 9px; white-space: nowrap; }
.mgk-mdash__popover-empty { margin: 0; padding: 24px 16px; color: var(--mgk-merchant-text-muted); font-size: 12px; text-align: center; }
.mgk-mdash__popover-footer { display: block; padding: 10px 12px; color: var(--mgk-merchant-accent); font-size: 11px; font-weight: 700; text-align: center; text-decoration: none; }
.mgk-mdash__popover-footer:hover { background: var(--mgk-merchant-accent-soft); }

.mgk-mdash__profile-menu { width: 252px; padding-bottom: 6px; }
.mgk-mdash__profile-summary { margin-bottom: 6px; }
.mgk-mdash__avatar--large { width: 38px; height: 38px; }
.mgk-mdash__profile-summary > span:last-child { min-width: 0; }
.mgk-mdash__profile-summary strong,
.mgk-mdash__profile-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-mdash__profile-summary strong { margin-bottom: 2px; font-size: 13px; }
.mgk-mdash__profile-summary small { color: var(--mgk-merchant-text-muted); font-size: 11px; }
.mgk-mdash__profile-menu > a { display: block; margin: 0 6px; padding: 9px 10px; color: var(--mgk-merchant-text-secondary); font-size: 12px; font-weight: 550; text-decoration: none; border-radius: 7px; }
.mgk-mdash__profile-menu > a:hover { background: var(--mgk-merchant-page); }
.mgk-mdash__profile-menu > a.is-danger { color: var(--mgk-merchant-danger); }

.mgk-mdash__body { display: flex; flex: 1 1 auto; min-height: 0; }

.mgk-mdash__sidebar {
	display: flex;
	flex: 0 0 var(--mgk-merchant-sidebar-width);
	flex-direction: column;
	width: var(--mgk-merchant-sidebar-width);
	min-width: 0;
	overflow: hidden;
	background: var(--mgk-merchant-sidebar-bg);
	border-right: 1px solid var(--mgk-merchant-sidebar-border);
	transition: width 0.18s ease, flex-basis 0.18s ease, transform 0.2s ease;
}

.mgk-mdash__nav {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-height: 0;
	padding: 12px 12px 8px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: system-ui, sans-serif;
	scrollbar-color: #d5cfe0 transparent;
	scrollbar-width: thin;
}
.mgk-mdash__nav::-webkit-scrollbar { width: 6px; }
.mgk-mdash__nav::-webkit-scrollbar-thumb { background: #d5cfe0; border-radius: 999px; }
.mgk-mdash__nav-group { padding: 10px 10px 4px; color: var(--mgk-merchant-sidebar-group); font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.mgk-mdash__nav-group:not(:first-child) { padding-top: 14px; }

.mgk-mdash__nav-item {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 10px;
	height: 34px;
	box-sizing: border-box;
	padding: 0 10px;
	color: var(--mgk-merchant-sidebar-text);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	border-radius: 8px;
}

.mgk-mdash__nav-item:hover { background: var(--mgk-merchant-sidebar-hover); }
.mgk-mdash__nav-item.is-active { color: var(--mgk-merchant-sidebar-active-fg); background: var(--mgk-merchant-sidebar-active-bg); }
.mgk-mdash__nav-item.is-soon { cursor: default; }
.mgk-mdash__nav-icon { display: flex; flex: 0 0 19px; align-items: center; justify-content: center; width: 19px; height: 19px; }
.mgk-mdash__nav-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-mdash__nav-badge { display: grid; flex: 0 0 auto; place-items: center; min-width: 20px; height: 18px; box-sizing: border-box; padding: 0 6px; color: #fff; font-size: 10px; font-weight: 700; background: #9615db; border-radius: 999px; }
.mgk-mdash__nav-soon { flex: 0 0 auto; color: var(--mgk-merchant-sidebar-muted); font-size: 9px; font-weight: 700; }

.mgk-mdash__sidebar-foot { flex: 0 0 auto; padding: 12px; border-top: 1px solid var(--mgk-merchant-sidebar-border); }
.mgk-mdash__foot-box { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--mgk-merchant-sidebar-footer); border-radius: 8px; }
.mgk-mdash__foot-dot { flex: 0 0 auto; width: 8px; height: 8px; background: var(--mdash-amber-dot, #d8930f); border-radius: 50%; }
.mgk-mdash__foot-box.is-live .mgk-mdash__foot-dot { background: var(--mdash-green-dot, #17a34a); }
.mgk-mdash__foot-title,
.mgk-mdash__foot-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-mdash__foot-title { margin: 0; color: var(--mgk-merchant-sidebar-text); font-family: system-ui, sans-serif; font-size: 11px; font-weight: 600; }
.mgk-mdash__foot-sub { margin: 0; color: var(--mgk-merchant-sidebar-muted); font-family: system-ui, sans-serif; font-size: 10px; }

.mgk-mdash__main { position: relative; flex: 1 1 auto; min-width: 0; overflow: auto; scrollbar-gutter: stable; background: var(--mgk-merchant-page); }
.mgk-mdash__content { width: min(100%, 1340px); margin: 0 auto; padding: 26px 30px 60px; }
.mgk-mdash__backdrop { display: none; }

.mgk-mdash__shell.is-navigating .mgk-mdash__main { cursor: progress; }
.mgk-mdash__shell.is-navigating .mgk-mdash__content {
	pointer-events: none;
}
.mgk-mdash__shell.is-navigating .mgk-mdash__main::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 80;
	height: 3px;
	content: '';
	background: linear-gradient(90deg, transparent 0%, var(--mgk-purple, #8f00d8) 45%, transparent 100%);
	background-size: 42% 100%;
	animation: mgk-merchant-progress 0.9s linear infinite;
}
@keyframes mgk-merchant-progress {
	from { background-position: -70% 0; }
	to { background-position: 170% 0; }
}

.mgk-mdash__shell.is-collapsed .mgk-mdash__sidebar { flex-basis: var(--mgk-merchant-sidebar-collapsed); width: var(--mgk-merchant-sidebar-collapsed); }
.mgk-mdash__shell.is-collapsed :is(.mgk-mdash__nav-group, .mgk-mdash__nav-label, .mgk-mdash__nav-soon, .mgk-mdash__nav-badge, .mgk-mdash__foot-title, .mgk-mdash__foot-sub) { display: none; }
.mgk-mdash__shell.is-collapsed .mgk-mdash__nav-item { justify-content: center; padding: 0; }
.mgk-mdash__shell.is-collapsed .mgk-mdash__foot-box { justify-content: center; padding-inline: 0; }

.mgk-mdash__shell.is-collapsed .mgk-mdash__nav-item::after {
	position: absolute;
	left: calc(100% + 8px);
	z-index: 100;
	display: none;
	padding: 6px 8px;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
	content: attr(data-label);
	background: var(--mgk-merchant-text);
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(17, 17, 20, 0.18);
}

.mgk-mdash__shell.is-collapsed .mgk-mdash__nav-item:hover::after { display: block; }

@media (max-width: 1180px) {
	.mgk-mdash__search { width: 190px; }
	.mgk-mdash__sim-label { display: none; }
	.mgk-mdash__sim { width: 30px; padding: 0; }
}

@media (max-width: 960px) {
	.mgk-mdash__global-search { display: none; }
}

@media (max-width: 860px) {
	.mgk-mdash__sidebar {
		position: fixed;
		top: var(--mgk-merchant-header-height);
		bottom: 0;
		left: 0;
		z-index: 70;
		width: 280px;
		max-width: 84vw;
		transform: translateX(-105%);
		box-shadow: 0 16px 36px rgba(17, 17, 20, 0.2);
	}

	body.admin-bar .mgk-mdash__sidebar { top: calc(var(--mgk-merchant-header-height) + 32px); }
	.mgk-mdash__shell.is-collapsed .mgk-mdash__sidebar { width: 280px; }
	.mgk-mdash__shell.is-collapsed :is(.mgk-mdash__nav-group, .mgk-mdash__nav-label, .mgk-mdash__nav-soon, .mgk-mdash__nav-badge, .mgk-mdash__foot-title, .mgk-mdash__foot-sub) { display: block; }
	.mgk-mdash__shell.is-collapsed .mgk-mdash__nav-item { justify-content: flex-start; padding: 0 12px; }
	.mgk-mdash__shell.is-collapsed .mgk-mdash__nav-item::after { display: none !important; }
	.mgk-mdash__shell.is-nav-open .mgk-mdash__sidebar { transform: translateX(0); }

	.mgk-mdash__backdrop {
		position: fixed;
		inset: var(--mgk-merchant-header-height) 0 0;
		z-index: 60;
		display: block;
		background: rgba(17, 17, 20, 0.42);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
	}

	body.admin-bar .mgk-mdash__backdrop { top: calc(var(--mgk-merchant-header-height) + 32px); }
	.mgk-mdash__shell.is-nav-open .mgk-mdash__backdrop { opacity: 1; pointer-events: auto; }
	.mgk-mdash__content { padding: 20px 18px 44px; }
}

@media (max-width: 782px) {
	body.admin-bar .mgk-mdash__shell { height: calc(100dvh - 46px); }
	body.admin-bar .mgk-mdash__sidebar,
	body.admin-bar .mgk-mdash__backdrop { top: calc(var(--mgk-merchant-header-height) + 46px); }
}

@media (max-width: 640px) {
	.mgk-mdash__header { gap: 9px; padding-inline: 10px; }
	.mgk-mdash__brand-word,
	.mgk-mdash__brand-badge,
	.mgk-mdash__viewstore span { display: none; }
	.mgk-mdash__viewstore { width: 36px; padding: 0; }
	.mgk-mdash__notification-menu { position: fixed; top: calc(var(--mgk-merchant-header-height) + 8px); right: 10px; left: 10px; width: auto; }
	body.admin-bar .mgk-mdash__notification-menu { top: calc(var(--mgk-merchant-header-height) + 54px); }
	.mgk-mdash__content { padding-inline: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.mgk-mdash__sidebar,
	.mgk-mdash__backdrop { transition: none; }
	.mgk-mdash__shell.is-navigating .mgk-mdash__main::before { animation: none; }
}

.mgk-mcfg__links{display:flex;gap:8px;flex-wrap:wrap;}
.mgk-mcfg__card{margin-bottom:16px;padding:18px 20px 20px;}
.mgk-mcfg__card .mgk-mdash__card-head{margin-bottom:14px;}
.mgk-mcfg__table-wrap{overflow-x:auto;}
.mgk-mcfg__table{width:100%;border-collapse:collapse;font-family:'Inter',sans-serif;font-size:12.5px;}
.mgk-mcfg__table th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--mgk-merchant-border);color:var(--mgk-merchant-text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;}
.mgk-mcfg__table td{padding:10px;border-bottom:1px solid var(--mgk-merchant-border-soft);color:var(--mgk-merchant-text);vertical-align:middle;}
.mgk-mcfg__table--matrix td{white-space:nowrap;}
.mgk-mcfg__cell-flag{text-align:center;color:var(--mgk-merchant-success);font-weight:700;}
.mgk-mcfg__cap-slug{display:block;font-size:10.5px;color:#A1A1AA;}
.mgk-mcfg__cell-target{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--mgk-merchant-text-secondary);}
.mgk-mcfg__cell-action{text-align:right;white-space:nowrap;}

.mgk-mcfg__select{height:34px;padding:0 28px 0 8px;border:1px solid var(--mgk-merchant-border);border-radius:7px;background-color:#fff;font-family:'Inter',sans-serif;font-size:12px;color:var(--mgk-merchant-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16' fill='none' stroke='%231B1B1F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5l4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:11px 11px;}
.mgk-mcfg__role-ro{color:var(--mgk-merchant-text-muted);}
.mgk-mcfg__pager{display:flex;gap:6px;padding:10px 0 2px;}
.mgk-mcfg__pager-link{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mgk-merchant-border);border-radius:6px;font-family:'Inter',sans-serif;font-size:12px;color:var(--mgk-merchant-text-secondary);text-decoration:none;}
.mgk-mcfg__pager-link.is-active{border-color:var(--mgk-merchant-accent);background:var(--mgk-merchant-accent-soft);color:var(--mgk-merchant-accent-hover);}
.mgk-mcfg__search-results{list-style:none;margin:-6px 0 0;padding:4px;border:1px solid var(--mgk-merchant-border);border-radius:8px;max-height:160px;overflow-y:auto;background:#fff;}
.mgk-mcfg__search-result{padding:8px 10px;border-radius:6px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--mgk-merchant-text);cursor:pointer;}
.mgk-mcfg__search-result:hover{background:var(--mgk-merchant-page);}
.mgk-mcfg__selected-customer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--mgk-merchant-border);border-radius:8px;background:var(--mgk-merchant-page);font-family:'Inter',sans-serif;font-size:12.5px;}
.mgk-mcfg__selected-customer strong{display:block;color:var(--mgk-merchant-text);}
.mgk-mcfg__selected-customer span{color:var(--mgk-merchant-text-secondary);font-size:11.5px;}