/* Pandora seller panel — layout modelled on marketplace seller cabinets:
   breadcrumbs strip, page head with actions, navigation card on the left, content cards. */

:root {
	--vsmp-accent: #7c3aed;
	--vsmp-accent-soft: #f2ebfd;
	--vsmp-accent-dark: #6a31c9;
	--vsmp-bg: #f5f5f7;
	--vsmp-card: #ffffff;
	--vsmp-border: #e4e4e9;
	--vsmp-border-strong: #d4d4dc;
	--vsmp-text: #1d1d24;
	--vsmp-text-2: #4b4b57;
	--vsmp-muted: #7a7a86;
	--vsmp-field: #f7f7f9;
	--vsmp-good: #1f8a4c;
	--vsmp-good-bg: #e6f5ec;
	--vsmp-warn: #a15c00;
	--vsmp-warn-bg: #fff3dc;
	--vsmp-bad: #c62f2f;
	--vsmp-bad-bg: #fdeaea;
	--vsmp-info: #2563c9;
	--vsmp-info-bg: #e8f0fd;
	--vsmp-radius: 6px;
	--vsmp-shadow: 0 1px 2px rgba(20, 20, 40, .04);
	--vsmp-nav-w: 300px;
	--vsmp-font: Roboto, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.vsmp {
	margin: 0;
	background: var(--vsmp-bg);
	color: var(--vsmp-text);
	font: 15px/1.5 var(--vsmp-font);
	min-width: 320px;
}
.vsmp a { color: var(--vsmp-accent); text-decoration: none; }
.vsmp a:hover { color: var(--vsmp-accent-dark); }
.vsmp button { font: inherit; }
.vsmp-icon {
	width: 20px; height: 20px; flex: 0 0 auto;
	fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.vsmp :focus-visible { outline: 2px solid var(--vsmp-accent); outline-offset: 2px; }

/* ----------------------------------------------------------- top bar */
.vsmp-topline { height: 3px; background: linear-gradient(90deg, var(--vsmp-accent), #3b6ff5); }
.vsmp-topbar {
	display: flex; align-items: center; gap: 8px;
	height: 60px; padding: 0 24px;
	background: var(--vsmp-card); border-bottom: 1px solid var(--vsmp-border);
	position: sticky; top: 0; z-index: 40;
}
.vsmp-topbar__spacer { flex: 1; }
.vsmp-topbar__burger {
	display: none; border: 0; background: none; padding: 8px; margin-left: -8px;
	color: var(--vsmp-text); cursor: pointer; border-radius: var(--vsmp-radius);
}
.vsmp-brand { display: flex; align-items: center; gap: 10px; color: var(--vsmp-text) !important; font-weight: 700; font-size: 17px; }
.vsmp-brand__logo { max-height: 36px; max-width: 180px; display: block; }
.vsmp-brand__mark {
	width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center;
	background: var(--vsmp-accent); color: #fff;
}
.vsmp-topbar__link {
	display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: var(--vsmp-radius);
	color: var(--vsmp-text-2) !important; font-size: 14px;
}
.vsmp-topbar__link:hover { background: var(--vsmp-bg); }

.vsmp-dropdown { position: relative; }
.vsmp-dropdown__toggle {
	display: flex; align-items: center; gap: 8px; border: 0; background: none; cursor: pointer;
	padding: 6px 10px; border-radius: var(--vsmp-radius); color: var(--vsmp-text-2); font-size: 14px;
}
.vsmp-dropdown__toggle:hover, .vsmp-dropdown.is-open .vsmp-dropdown__toggle { background: var(--vsmp-bg); }
.vsmp-dropdown__menu {
	display: none; position: absolute; top: calc(100% + 6px); left: 0; min-width: 210px; z-index: 50;
	background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius);
	box-shadow: 0 8px 24px rgba(20, 20, 40, .12); padding: 6px;
}
.vsmp-dropdown__menu--right { left: auto; right: 0; }
.vsmp-dropdown.is-open .vsmp-dropdown__menu { display: block; }
.vsmp-dropdown__item {
	display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 4px;
	color: var(--vsmp-text) !important; font-size: 14px; white-space: nowrap;
}
.vsmp-dropdown__item:hover { background: var(--vsmp-accent-soft); }
.vsmp-dropdown__item.is-active { color: var(--vsmp-accent) !important; font-weight: 500; }
.vsmp-dropdown__item b { min-width: 24px; font-weight: 700; }
.vsmp-avatar {
	width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
	background: var(--vsmp-accent-soft); color: var(--vsmp-accent); font-weight: 700; font-size: 13px;
}
.vsmp-user__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.25; text-align: left; }
.vsmp-user__name { color: var(--vsmp-text); font-weight: 500; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-user__store { color: var(--vsmp-muted); font-size: 12px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ----------------------------------------------------- breadcrumbs, head */
.vsmp-crumbs { background: var(--vsmp-card); border-bottom: 1px solid var(--vsmp-border); padding: 10px 24px; font-size: 14px; }
.vsmp-crumbs:empty { display: none; }
.vsmp-crumbs__nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.vsmp-crumbs__link { color: var(--vsmp-text) !important; display: inline-flex; align-items: center; gap: 6px; }
.vsmp-crumbs__link:hover { color: var(--vsmp-accent) !important; }
.vsmp-crumbs__current { color: var(--vsmp-muted); display: inline-flex; align-items: center; gap: 6px; }
.vsmp-crumbs__sep { color: var(--vsmp-muted); }
.vsmp-crumbs__home { width: 16px; height: 16px; }

.vsmp-head {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	padding: 22px 24px 18px;
}
.vsmp-head__title { margin: 0; font-size: 22px; font-weight: 500; line-height: 1.3; }
.vsmp-head__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.vsmp-head__actions:empty { display: none; }

/* ----------------------------------------------------------- layout */
.vsmp-layout {
	display: grid; grid-template-columns: var(--vsmp-nav-w) minmax(0, 1fr); gap: 20px;
	padding: 0 24px 40px; align-items: start;
}
.vsmp--guest .vsmp-layout { grid-template-columns: minmax(0, 1fr); }
.vsmp-main { min-width: 0; display: flex; flex-direction: column; gap: 20px; }

/* ------------------------------------------------------- navigation */
.vsmp-nav {
	background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius);
	box-shadow: var(--vsmp-shadow); padding-bottom: 10px; position: sticky; top: 76px;
	max-height: calc(100vh - 92px); overflow: auto;
}
.vsmp-nav__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 14px; }
.vsmp-nav__title { font-size: 15px; color: var(--vsmp-text-2); }
.vsmp-nav__collapse {
	border: 0; background: none; cursor: pointer; padding: 6px; border-radius: var(--vsmp-radius); color: var(--vsmp-text);
}
.vsmp-nav__collapse:hover { background: var(--vsmp-bg); }
.vsmp-nav__list, .vsmp-nav__sub { list-style: none; margin: 0; padding: 0; }
.vsmp-nav__item {
	display: flex; align-items: center; gap: 16px; width: 100%; min-height: 50px; padding: 0 20px;
	border: 0; background: none; cursor: pointer; text-align: left;
	color: var(--vsmp-text) !important; font-size: 15px;
}
.vsmp-nav__item:hover { background: var(--vsmp-bg); }
.vsmp-nav__item.is-active, .vsmp-nav__item.is-active:hover { background: var(--vsmp-accent); color: #fff !important; }
.vsmp-nav__text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-nav__chevron { width: 16px; height: 16px; transition: transform .15s; }
.vsmp-nav__group.is-open > .vsmp-nav__toggle { background: var(--vsmp-accent-soft); }
.vsmp-nav__group.is-open > .vsmp-nav__toggle .vsmp-nav__chevron { transform: rotate(90deg); }
.vsmp-nav__sub { display: none; padding: 4px 0; }
.vsmp-nav__group.is-open > .vsmp-nav__sub { display: block; }
.vsmp-nav__subitem { padding-left: 46px; min-height: 44px; font-size: 14.5px; }

.vsmp-backdrop { display: none; }

/* collapsed (icons only) */
.vsmp-nav-collapsed .vsmp-layout { grid-template-columns: 76px minmax(0, 1fr); }
.vsmp-nav-collapsed .vsmp-nav__title,
.vsmp-nav-collapsed .vsmp-nav__text,
.vsmp-nav-collapsed .vsmp-nav__chevron { display: none; }
.vsmp-nav-collapsed .vsmp-nav__head { justify-content: center; padding: 16px 0 10px; }
.vsmp-nav-collapsed .vsmp-nav__item { justify-content: center; padding: 0; }
.vsmp-nav-collapsed .vsmp-nav__subitem { padding: 0; }

/* ------------------------------------------------------------ cards */
.vsmp-card {
	background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius);
	box-shadow: var(--vsmp-shadow); min-width: 0;
}
.vsmp-card__head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
	padding: 18px 24px; border-bottom: 1px solid var(--vsmp-border);
}
.vsmp-card__title { margin: 0; font-size: 17px; font-weight: 500; }
.vsmp-card__sub { color: var(--vsmp-muted); font-size: 13.5px; }
.vsmp-card__body { padding: 24px; }
.vsmp-card__body--flush { padding: 0; }
.vsmp-card__foot { padding: 14px 24px; border-top: 1px solid var(--vsmp-border); display: flex; justify-content: flex-end; gap: 8px; }

.vsmp-grid { display: grid; gap: 20px; }
.vsmp-grid--stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vsmp-grid--2-1 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.vsmp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* stat tiles */
.vsmp-stat { padding: 20px 22px; display: flex; flex-direction: column; gap: 6px; }
.vsmp-stat__label { color: var(--vsmp-muted); font-size: 13.5px; display: flex; align-items: center; gap: 8px; }
.vsmp-stat__label .vsmp-icon { width: 18px; height: 18px; color: var(--vsmp-accent); }
.vsmp-stat__value { font-size: 24px; font-weight: 500; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vsmp-stat__note { color: var(--vsmp-muted); font-size: 13px; }
.vsmp-stat__note b { color: var(--vsmp-text); font-weight: 500; }

/* chart */
.vsmp-chart { position: relative; padding: 18px 24px 14px; }
.vsmp-chart svg { display: block; max-width: 100%; height: auto; overflow: visible; }
.vsmp-chart__grid { stroke: var(--vsmp-border); stroke-width: 1; }
.vsmp-chart__axis { fill: var(--vsmp-muted); font-size: 11px; font-family: var(--vsmp-font); }
.vsmp-chart__bar { fill: var(--vsmp-accent); }
.vsmp-chart__hit { fill: transparent; cursor: default; }
.vsmp-chart__hit:hover + .vsmp-chart__bar, .vsmp-chart__col:hover .vsmp-chart__bar { fill: var(--vsmp-accent-dark); }
.vsmp-chart__tip {
	position: absolute; pointer-events: none; transform: translate(-50%, -100%);
	background: var(--vsmp-text); color: #fff; font-size: 12.5px; padding: 6px 9px; border-radius: 4px;
	white-space: nowrap; display: none; z-index: 5;
}
.vsmp-chart__tip b { font-weight: 500; }
.vsmp-chart__empty { padding: 60px 0; text-align: center; color: var(--vsmp-muted); }

/* --------------------------------------------------------- buttons */
.vsmp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	height: 42px; padding: 0 20px; border-radius: var(--vsmp-radius); border: 1px solid transparent;
	background: var(--vsmp-accent); color: #fff !important; font-size: 15px; font-weight: 500;
	cursor: pointer; white-space: nowrap; transition: background .12s, border-color .12s;
}
.vsmp-btn:hover { background: var(--vsmp-accent-dark); }
.vsmp-btn[disabled], .vsmp-btn.is-loading { opacity: .6; cursor: default; pointer-events: none; }
.vsmp-btn--lg { height: 50px; padding: 0 30px; }
.vsmp-btn--sm { height: 34px; padding: 0 12px; font-size: 14px; }
.vsmp-btn--ghost { background: var(--vsmp-card); color: var(--vsmp-text) !important; border-color: var(--vsmp-border-strong); }
.vsmp-btn--ghost:hover { background: var(--vsmp-bg); border-color: var(--vsmp-border-strong); }
.vsmp-btn--danger { background: var(--vsmp-bad); }
.vsmp-btn--danger:hover { background: #a82424; }
.vsmp-btn--block { width: 100%; }
.vsmp-btn .vsmp-icon { width: 18px; height: 18px; }
.vsmp-iconbtn {
	display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: var(--vsmp-radius);
	border: 0; background: none; color: var(--vsmp-text-2) !important; cursor: pointer;
}
.vsmp-iconbtn:hover { background: var(--vsmp-accent-soft); color: var(--vsmp-accent) !important; }
.vsmp-iconbtn--danger:hover { background: var(--vsmp-bad-bg); color: var(--vsmp-bad) !important; }
.vsmp-iconbtn .vsmp-icon { width: 18px; height: 18px; }

/* ----------------------------------------------------------- forms */
.vsmp-form { display: flex; flex-direction: column; gap: 18px; }
.vsmp-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.vsmp-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.vsmp-field__label { font-size: 14px; color: var(--vsmp-text); }
.vsmp-field__label sup, .vsmp-req { color: var(--vsmp-accent); font-size: 1em; vertical-align: baseline; position: static; line-height: inherit; }
.vsmp-field__hint { font-size: 13px; color: var(--vsmp-muted); }
.vsmp-input, .vsmp-select, .vsmp-textarea {
	width: 100%; height: 48px; padding: 0 14px; border-radius: 4px;
	border: 1px solid var(--vsmp-border); background: var(--vsmp-field); color: var(--vsmp-text);
	font: inherit; transition: border-color .12s, background .12s;
}
.vsmp-textarea { height: auto; min-height: 96px; padding: 12px 14px; resize: vertical; }
.vsmp-input:focus, .vsmp-select:focus, .vsmp-textarea:focus { outline: none; border-color: var(--vsmp-accent); background: #fff; }
.vsmp-input[readonly] { color: var(--vsmp-muted); }
.vsmp-field.is-invalid .vsmp-input { border-color: var(--vsmp-bad); background: #fff; }
.vsmp-field__error { font-size: 13px; color: var(--vsmp-bad); }
.vsmp-check { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; cursor: pointer; }
.vsmp-check input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.vsmp-file { display: flex; align-items: center; gap: 14px; }
.vsmp-file__preview { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; background: var(--vsmp-accent-soft); flex: 0 0 auto; }

.vsmp-form__section { margin: 10px 0 -4px; font-size: 15px; font-weight: 500; color: var(--vsmp-text-2); padding-top: 14px; border-top: 1px solid var(--vsmp-border); }
.vsmp-form__section:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.vsmp-field[hidden] { display: none !important; }
.vsmp-field__control { position: relative; display: block; }
.vsmp-field__lock { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--vsmp-muted); pointer-events: none; }
.vsmp-field__control .vsmp-input[readonly], .vsmp-field__control .vsmp-select[disabled] { padding-right: 40px; background: #fafafb; color: var(--vsmp-text-2); opacity: 1; -webkit-appearance: none; appearance: none; }
.vsmp-doc { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px dashed var(--vsmp-border-strong); border-radius: 4px; font-size: 14px; }
.vsmp-doc .vsmp-icon { color: var(--vsmp-accent); }
.vsmp-missing { display: block; margin-top: 4px; color: var(--vsmp-warn) !important; font-size: 13.5px; }
.vsmp-banner {
	height: 150px; border-radius: 6px; border: 1px dashed var(--vsmp-border-strong); background: var(--vsmp-bg) center / cover no-repeat;
	display: grid; place-items: center; color: var(--vsmp-muted); font-size: 14px;
}
.vsmp-banner span { display: inline-flex; gap: 8px; align-items: center; }
.vsmp-badge .vsmp-icon { width: 14px; height: 14px; }
.vsmp-badge:has(.vsmp-icon)::before { display: none; }

/* partner statuses */
.vsmp-tierhead { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.vsmp-tierhead__current { display: flex; align-items: center; gap: 14px; font-size: 16px; }
.vsmp-tierpill {
	display: inline-flex; align-items: center; gap: 10px; padding: 10px 22px; border-radius: 999px;
	background: var(--vsmp-accent-dark); color: #fff; font-weight: 500; font-size: 17px;
}
.vsmp-tierpill .vsmp-icon { color: var(--tier, #f5b301); fill: var(--tier, #f5b301); }
.vsmp-tier { display: grid; grid-template-columns: 280px minmax(0, 1fr); }
.vsmp-tier.is-current { box-shadow: inset 4px 0 0 var(--vsmp-accent); }
.vsmp-tier__name { display: flex; align-items: center; gap: 16px; padding: 22px 24px; border-right: 1px solid var(--vsmp-border); font-size: 17px; }
.vsmp-tier__name b { font-weight: 500; }
.vsmp-tier__icon {
	width: 52px; height: 52px; border-radius: 6px; display: grid; place-items: center; flex: 0 0 auto;
	background: linear-gradient(135deg, var(--tier), color-mix(in srgb, var(--tier) 55%, #fff)); color: #fff;
}
.vsmp-tier__icon .vsmp-icon { width: 26px; height: 26px; fill: #fff; }
.vsmp-tier__desc { padding: 22px 24px; color: var(--vsmp-text); }

/* ---------------------------------------------------------- badges */
.vsmp-badge {
	display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px;
	font-size: 12.5px; font-weight: 500; white-space: nowrap; line-height: 1.5;
	background: var(--vsmp-bg); color: var(--vsmp-text-2);
}
.vsmp-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.vsmp-badge--good { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-badge--warn { background: var(--vsmp-warn-bg); color: var(--vsmp-warn); }
.vsmp-badge--bad { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-badge--info { background: var(--vsmp-info-bg); color: var(--vsmp-info); }
.vsmp-badge--accent { background: var(--vsmp-accent-soft); color: var(--vsmp-accent); }

/* ---------------------------------------------------------- alerts */
.vsmp-alert {
	display: flex; gap: 14px; align-items: flex-start; padding: 16px 20px; border-radius: var(--vsmp-radius);
	background: var(--vsmp-info-bg); color: var(--vsmp-text); border: 1px solid transparent;
}
.vsmp-alert .vsmp-icon { margin-top: 1px; color: var(--vsmp-info); }
.vsmp-alert--warn { background: var(--vsmp-warn-bg); }
.vsmp-alert--warn .vsmp-icon { color: var(--vsmp-warn); }
.vsmp-alert--bad { background: var(--vsmp-bad-bg); }
.vsmp-alert--bad .vsmp-icon { color: var(--vsmp-bad); }
.vsmp-alert--good { background: var(--vsmp-good-bg); }
.vsmp-alert--good .vsmp-icon { color: var(--vsmp-good); }
.vsmp-alert__title { font-weight: 500; margin: 0 0 4px; }
.vsmp-alert p { margin: 0; }
/* 1.99.92: a platform promotion the store can join — on the first page of the panel */
.vsmp-evt { --evt: var(--vsmp-accent); display: flex; align-items: center; gap: 16px; margin: 0 0 16px; padding: 16px 20px; border-radius: var(--vsmp-radius);
	background: linear-gradient(120deg, var(--evt), color-mix(in srgb, var(--evt) 60%, #1b1440)); color: #fff; box-shadow: 0 12px 28px -14px color-mix(in srgb, var(--evt) 70%, transparent); }
.vsmp-evt__ico { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: rgba(255, 255, 255, .16); }
.vsmp-evt__ico .vsmp-icon { color: #fff; }
.vsmp-evt__txt { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.vsmp-evt__txt small { opacity: .85; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.vsmp-evt__txt b { font-size: 17px; line-height: 1.25; }
.vsmp-evt__txt span { opacity: .9; font-size: 13.5px; }
.vsmp-evt__btn { flex: none; padding: 10px 18px; border-radius: 10px; background: #fff; color: var(--evt) !important; font-weight: 700; text-decoration: none !important; white-space: nowrap; }
.vsmp-evt__btn:hover { filter: brightness(.96); }
@media (max-width: 640px) { .vsmp-evt { flex-wrap: wrap; } .vsmp-evt__btn { width: 100%; text-align: center; } }

/* ----------------------------------------------------------- toolbar */
.vsmp-toolbar { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; padding: 16px 24px; }
.vsmp-toolbar .vsmp-input, .vsmp-toolbar .vsmp-select { height: 40px; width: auto; min-width: 200px; }
.vsmp-search { position: relative; }
.vsmp-search .vsmp-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--vsmp-muted); width: 18px; height: 18px; }
.vsmp-search .vsmp-input { padding-left: 38px; }
.vsmp-toolbar__spacer { flex: 1; }
.vsmp-toolbar__count { color: var(--vsmp-muted); font-size: 14px; }

/* ---------------------------------------------------------- tables */
.vsmp-table-wrap { overflow-x: auto; }
.vsmp-simple-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vsmp-simple-table th { text-align: left; font-weight: 500; color: var(--vsmp-text-2); padding: 12px 24px; border-bottom: 1px solid var(--vsmp-border); white-space: nowrap; }
.vsmp-simple-table td { padding: 12px 24px; border-bottom: 1px solid var(--vsmp-border); vertical-align: top; }
.vsmp-simple-table tr:last-child td { border-bottom: 0; }
.vsmp-num { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vsmp-muted { color: var(--vsmp-muted); }
.vsmp-empty { padding: 48px 24px; text-align: center; color: var(--vsmp-muted); }

/* Tabulator restyle */
.vsmp .tabulator { border: 0; background: transparent; font-size: 14px; }
.vsmp .tabulator .tabulator-header { background: var(--vsmp-card); border-bottom: 1px solid var(--vsmp-border); color: var(--vsmp-text-2); font-weight: 500; }
.vsmp .tabulator .tabulator-header .tabulator-col { background: var(--vsmp-card); border-right: 0; }
.vsmp .tabulator .tabulator-header .tabulator-col .tabulator-col-content { padding: 12px 14px; }
.vsmp .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover { background: var(--vsmp-bg); }
.vsmp .tabulator .tabulator-col .tabulator-col-sorter { color: var(--vsmp-muted); }
.vsmp .tabulator .tabulator-col .vsmp-sort-icon { width: 14px; height: 14px; transform: rotate(90deg); opacity: .35; transition: transform .12s; }
.vsmp .tabulator .tabulator-col[aria-sort="asc"] .vsmp-sort-icon,
.vsmp .tabulator .tabulator-col[aria-sort="ascending"] .vsmp-sort-icon { transform: rotate(-90deg); opacity: 1; color: var(--vsmp-accent); }
.vsmp .tabulator .tabulator-col[aria-sort="desc"] .vsmp-sort-icon,
.vsmp .tabulator .tabulator-col[aria-sort="descending"] .vsmp-sort-icon { opacity: 1; color: var(--vsmp-accent); }
.vsmp .tabulator-row { background: var(--vsmp-card); border-bottom: 1px solid var(--vsmp-border); min-height: 56px; }
.vsmp .tabulator-row.tabulator-row-even { background: var(--vsmp-card); }
.vsmp .tabulator-row.tabulator-selectable:hover { background: #fbfaff; }
.vsmp .tabulator-row .tabulator-cell { padding: 12px 14px; border-right: 0; vertical-align: middle; white-space: normal; }
.vsmp .tabulator-row .tabulator-cell.tabulator-editable { cursor: text; }
.vsmp .tabulator-row .tabulator-cell.tabulator-frozen { padding-left: 6px; padding-right: 10px; background: inherit; }
.vsmp .tabulator .tabulator-frozen.tabulator-frozen-right, .vsmp .tabulator-row .tabulator-frozen.tabulator-frozen-right { border-left: 0 !important; }
.vsmp .tabulator-row .tabulator-cell.tabulator-editable:hover { box-shadow: inset 0 0 0 1px var(--vsmp-border-strong); border-radius: 4px; }
.vsmp .tabulator-row .tabulator-cell.tabulator-editing { box-shadow: inset 0 0 0 2px var(--vsmp-accent); border: 0; padding: 0; }
.vsmp .tabulator-row .tabulator-cell.tabulator-editing input,
.vsmp .tabulator-row .tabulator-cell.tabulator-editing select { padding: 12px 14px !important; height: 100%; font: inherit; }
.vsmp .tabulator .tabulator-footer { background: var(--vsmp-card); border-top: 1px solid var(--vsmp-border); padding: 10px 14px; font-weight: 400; }
.vsmp .tabulator .tabulator-footer .tabulator-page {
	border: 1px solid var(--vsmp-border); border-radius: 4px; background: var(--vsmp-card); padding: 5px 11px; margin: 0 2px;
	color: var(--vsmp-text);
}
.vsmp .tabulator .tabulator-footer .tabulator-page.active { background: var(--vsmp-accent); border-color: var(--vsmp-accent); color: #fff; }
.vsmp .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover { background: var(--vsmp-accent-soft); color: var(--vsmp-accent); }
.vsmp .tabulator .tabulator-tableholder .tabulator-placeholder span, .vsmp .tabulator .tabulator-tableHolder .tabulator-placeholder span { color: var(--vsmp-muted); font-weight: 400; font-size: 15px; }
.vsmp .tabulator-loader { background: rgba(255, 255, 255, .7); }
.vsmp .tabulator-loader .tabulator-loader-msg.tabulator-loading { border: 0; background: none; color: var(--vsmp-accent); font-weight: 500; font-size: 15px; }

.vsmp-prod { display: flex; align-items: center; gap: 12px; min-width: 0; }
.vsmp-prod__img { width: 48px; height: 48px; border-radius: 4px; object-fit: contain; background: var(--vsmp-bg); flex: 0 0 auto; border: 1px solid var(--vsmp-border); }
.vsmp-prod__name { color: var(--vsmp-text) !important; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.vsmp-prod__meta { color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-lines { display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; }
.vsmp-lines span { overflow-wrap: anywhere; }
.vsmp-lines .vsmp-muted { font-size: 12.5px; }
.vsmp-row-actions { display: flex; gap: 2px; justify-content: flex-end; }

/* ----------------------------------------------------- modal, toast */
.vsmp-modal {
	position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-start; justify-content: center;
	padding: 8vh 16px 16px; background: rgba(20, 20, 35, .45); overflow: auto;
}
.vsmp-modal__box { width: 100%; max-width: 560px; background: var(--vsmp-card); border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); }
.vsmp-modal__box--wide { max-width: 860px; }
.vsmp-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-modal__title { margin: 0; font-size: 18px; font-weight: 500; }
.vsmp-modal__body { padding: 24px; }
.vsmp-modal__foot { padding: 16px 24px; border-top: 1px solid var(--vsmp-border); display: flex; justify-content: flex-end; gap: 10px; }
.vsmp-toasts { position: fixed; right: 20px; bottom: 20px; z-index: 1100; display: flex; flex-direction: column; gap: 10px; max-width: calc(100vw - 40px); }
.vsmp-toast {
	display: flex; gap: 10px; align-items: flex-start; padding: 12px 16px; border-radius: 6px; min-width: 260px; max-width: 420px;
	background: var(--vsmp-text); color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .2); font-size: 14px;
	animation: vsmp-in .18s ease-out;
}
.vsmp-toast--error { background: var(--vsmp-bad); }
.vsmp-toast--success { background: var(--vsmp-good); }
.vsmp-toast--warning { background: var(--vsmp-warn, #b45309); } /* 1.99.93 */
@keyframes vsmp-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ------------------------------------------------- auth / guest pages */
.vsmp-auth { max-width: 520px; width: 100%; margin: 10px auto 0; }
.vsmp-auth--wide { max-width: 760px; }
.vsmp-auth__switch { text-align: center; color: var(--vsmp-text-2); font-size: 14.5px; }
.vsmp--guest .vsmp-head { justify-content: center; text-align: center; padding-top: 34px; }
.vsmp--guest .vsmp-crumbs { display: none; }

/* --------------------------------------------------- store / profile */
.vsmp-storecard { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.vsmp-storecard__logo { width: 76px; height: 76px; border-radius: 8px; object-fit: contain; background: var(--vsmp-bg); border: 1px solid var(--vsmp-border); display: grid; place-items: center; color: var(--vsmp-muted); flex: 0 0 auto; }
.vsmp-storecard__logo .vsmp-icon { width: 32px; height: 32px; }
.vsmp-storecard__name { font-size: 19px; font-weight: 500; margin: 0 0 6px; }
.vsmp-storecard__info { flex: 1; min-width: 200px; }
.vsmp-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.vsmp-steps li { display: flex; gap: 14px; align-items: flex-start; }
.vsmp-steps__dot { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: var(--vsmp-bg); color: var(--vsmp-muted); font-weight: 500; font-size: 13px; }
.vsmp-steps__dot.is-done { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-steps__dot.is-current { background: var(--vsmp-accent); color: #fff; }
.vsmp-steps__dot .vsmp-icon { width: 16px; height: 16px; }
.vsmp-steps b { font-weight: 500; display: block; }
.vsmp-steps span { color: var(--vsmp-muted); font-size: 14px; }
.vsmp-quick { display: flex; flex-direction: column; gap: 4px; }
.vsmp-quick a { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-radius: var(--vsmp-radius); color: var(--vsmp-text) !important; }
.vsmp-quick a:hover { background: var(--vsmp-accent-soft); }
.vsmp-quick .vsmp-icon { color: var(--vsmp-accent); }

/* ------------------------------------------------------- responsive */
@media (max-width: 1280px) {
	.vsmp-grid--stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vsmp-grid--2-1 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1024px) {
	.vsmp-layout, .vsmp-nav-collapsed .vsmp-layout { grid-template-columns: minmax(0, 1fr); padding: 0 16px 32px; }
	.vsmp-topbar { padding: 0 16px; }
	.vsmp-topbar__burger { display: block; }
	.vsmp-crumbs, .vsmp-head { padding-left: 16px; padding-right: 16px; }
	.vsmp-nav {
		position: fixed; top: 0; left: 0; bottom: 0; width: min(300px, 86vw); max-height: none; z-index: 60;
		border-radius: 0; transform: translateX(-100%); transition: transform .2s ease;
	}
	.vsmp-nav-open .vsmp-nav { transform: none; }
	.vsmp-nav-open .vsmp-backdrop { display: block; position: fixed; inset: 0; background: rgba(20, 20, 35, .4); z-index: 55; }
	.vsmp-nav__collapse { display: none; }
	.vsmp-nav-collapsed .vsmp-nav__title, .vsmp-nav-collapsed .vsmp-nav__text, .vsmp-nav-collapsed .vsmp-nav__chevron { display: initial; }
	.vsmp-nav-collapsed .vsmp-nav__item { justify-content: flex-start; padding: 0 20px; }
	.vsmp-nav-collapsed .vsmp-nav__subitem { padding-left: 46px; }
}
@media (max-width: 720px) {
	.vsmp-grid--stats, .vsmp-grid--2, .vsmp-form__row { grid-template-columns: minmax(0, 1fr); }
	.vsmp-tier { grid-template-columns: minmax(0, 1fr); }
	.vsmp-tier__name { border-right: 0; border-bottom: 1px solid var(--vsmp-border); }
	.vsmp-topbar__link span, .vsmp-user__text { display: none; }
	.vsmp-brand__name { font-size: 15px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.vsmp-topbar { gap: 4px; }
	.vsmp-card__head, .vsmp-card__body { padding-left: 16px; padding-right: 16px; }
	.vsmp-toolbar { padding: 14px 16px; }
	.vsmp-toolbar .vsmp-input, .vsmp-toolbar .vsmp-select, .vsmp-search { min-width: 0; width: 100%; }
	.vsmp-head__title { font-size: 20px; }
	.vsmp-simple-table th, .vsmp-simple-table td { padding: 10px 16px; }
}

/* ---------- 1.2.0: payments ---------- */
.vsmp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vsmp-stack { display: flex; flex-direction: column; gap: 20px; }
.vsmp-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .94em; letter-spacing: .01em; }
.vsmp-switch { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; cursor: pointer; user-select: none; }
.vsmp-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.vsmp-switch__track { position: relative; width: 42px; height: 24px; border-radius: 12px; background: var(--vsmp-border-strong); transition: background .15s; flex: 0 0 auto; }
.vsmp-switch__track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .15s; }
.vsmp-switch input:checked + .vsmp-switch__track { background: var(--vsmp-accent); }
.vsmp-switch input:checked + .vsmp-switch__track::after { transform: translateX(18px); }
.vsmp-switch input:focus-visible + .vsmp-switch__track { outline: 2px solid var(--vsmp-accent); outline-offset: 2px; }
.vsmp-copy { display: flex; gap: 8px; }
.vsmp-copy .vsmp-input { flex: 1 1 auto; min-width: 0; background: #fafafb; font-size: 13px; }
.vsmp-copy .vsmp-btn { flex: 0 0 auto; }
.vsmp-paycard__title { display: flex; align-items: center; gap: 14px; min-width: 0; }
.vsmp-paycard__mark { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 18px; flex: 0 0 auto; }
.vsmp-paycard__mark--click { background: #0b6cf4; }
.vsmp-paycard__mark--payme { background: #00a8a3; }
.vsmp-howto { border-top: 1px solid var(--vsmp-border); padding-top: 14px; font-size: 14px; color: var(--vsmp-text-2); }
.vsmp-howto summary { cursor: pointer; color: var(--vsmp-accent); font-weight: 500; }
.vsmp-howto ol { margin: 12px 0 0; padding-left: 20px; display: grid; gap: 8px; line-height: 1.5; }
.vsmp-kv { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; background: var(--vsmp-field); border-radius: var(--vsmp-radius); font-size: 14.5px; }
.vsmp-kv b { font-weight: 500; }
.vsmp-savebar { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 14px 20px; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); box-shadow: 0 -4px 16px rgba(20, 20, 40, .06); }
.vsmp-savebar .vsmp-muted { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.vsmp-savebar .vsmp-icon { width: 16px; height: 16px; }
.vsmp-stat__value small { font-size: 14px; color: var(--vsmp-muted); font-weight: 400; }
@media (max-width: 720px) {
	.vsmp-grid--3 { grid-template-columns: minmax(0, 1fr); }
	.vsmp-copy { flex-direction: column; }
	.vsmp-savebar { position: static; flex-direction: column; align-items: stretch; box-shadow: var(--vsmp-shadow); }
	.vsmp-brand__name { max-width: 92px; }
	.vsmp-topbar { padding: 0 10px; }
	.vsmp-savebar .vsmp-btn { width: 100%; }
}

/* ---------- 1.3.0: balance and plans ---------- */
.vsmp-balance-pill { border: 1px solid var(--vsmp-border); border-radius: 999px; padding: 6px 14px; }
.vsmp-balance-pill b { font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vsmp-alert--action { align-items: center; }
.vsmp-alert--action > div { flex: 1 1 auto; }
.vsmp-alert--action > .vsmp-btn { flex: 0 0 auto; }
.vsmp-meter { height: 8px; border-radius: 4px; background: var(--vsmp-field); overflow: hidden; margin-top: 4px; }
.vsmp-meter__bar { height: 100%; background: var(--vsmp-accent); border-radius: 4px; }
.vsmp-meter__bar--full { background: var(--vsmp-bad); }
.vsmp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.vsmp-chip { border: 1px solid var(--vsmp-border-strong); background: var(--vsmp-card); border-radius: 999px; padding: 7px 14px; font: inherit; font-size: 14px; cursor: pointer; color: var(--vsmp-text); font-variant-numeric: tabular-nums; }
.vsmp-chip:hover, .vsmp-chip.is-active { border-color: var(--vsmp-accent); color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-paybtns { display: flex; gap: 10px; flex-wrap: wrap; }
.vsmp-alert[hidden] { display: none !important; }
.vsmp-btn[hidden] { display: none !important; }
.vsmp-paybtn { flex: 1 1 200px; justify-content: center; display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: var(--vsmp-radius); padding: 12px 20px; color: #fff; font: inherit; font-weight: 500; cursor: pointer; }
.vsmp-paybtn[disabled] { opacity: .6; cursor: progress; }
.vsmp-paybtn--click { background: #0b6cf4; }
.vsmp-paybtn--payme { background: #00a8a3; }
.vsmp-paybtn .vsmp-paycard__mark { width: 24px; height: 24px; border-radius: 6px; font-size: 13px; background: rgba(255,255,255,.22); }
.vsmp-amount { color: var(--vsmp-good); font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vsmp-amount--minus { color: var(--vsmp-text); }
.vsmp-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.vsmp-plan { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 24px; }
.vsmp-plan--current { border-color: var(--vsmp-accent); box-shadow: 0 0 0 1px var(--vsmp-accent); }
.vsmp-plan__flag { position: absolute; top: -11px; left: 22px; background: var(--vsmp-accent); color: #fff; font-size: 12px; font-weight: 500; padding: 3px 10px; border-radius: 999px; }
.vsmp-plan__name { margin: 0; font-size: 18px; font-weight: 500; }
.vsmp-plan__price { font-size: 28px; font-weight: 500; line-height: 1.1; font-variant-numeric: tabular-nums; }
.vsmp-plan__price small { font-size: 14px; font-weight: 400; color: var(--vsmp-muted); }
.vsmp-plan__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 14.5px; color: var(--vsmp-text-2); }
.vsmp-plan__list li { display: flex; gap: 8px; align-items: flex-start; }
.vsmp-plan__list .vsmp-icon { width: 18px; height: 18px; color: var(--vsmp-good); flex: 0 0 auto; margin-top: 1px; }
.vsmp-plan__foot { margin-top: auto; display: grid; gap: 8px; }
.vsmp-plan__note { font-size: 13px; color: var(--vsmp-muted); }
.vsmp-quote { display: grid; gap: 10px; font-size: 15px; }
.vsmp-quote .vsmp-kv b { font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
	.vsmp-balance-pill { display: none; }
	.vsmp-alert--action { flex-wrap: wrap; }
}

/* ---------- 1.4.0: warehouses and delivery ---------- */
.vsmp-locpick { display: grid; gap: 8px; }
.vsmp-locpick__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.vsmp-locpick__chips:empty { display: none; }
.vsmp-locpick__chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 6px 5px 12px; border-radius: 999px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent-dark); font-size: 13.5px; }
.vsmp-locpick__chip button { border: 0; background: transparent; color: inherit; font-size: 16px; line-height: 1; cursor: pointer; padding: 0 4px; }
.vsmp-locpick__box { position: relative; }
.vsmp-locpick__list { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 260px; overflow: auto; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); box-shadow: 0 8px 24px rgba(20, 20, 40, .12); }
.vsmp-locpick__option { display: block; width: 100%; text-align: left; padding: 10px 14px; border: 0; background: transparent; font: inherit; font-size: 14px; cursor: pointer; color: var(--vsmp-text); }
.vsmp-locpick__option:hover { background: var(--vsmp-accent-soft); }
.vsmp-locpick__empty { padding: 12px 14px; color: var(--vsmp-muted); font-size: 14px; }
.vsmp-stockrow { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-stockrow:last-child { border-bottom: 0; }
.vsmp-stockrow small { display: block; color: var(--vsmp-muted); font-size: 13px; margin-top: 2px; }
.vsmp-stockrow b { font-weight: 500; }
.vsmp-stockrow .vsmp-input { text-align: right; }
.vsmp-stocklink { display: inline-flex; align-items: center; gap: 6px; color: var(--vsmp-accent); cursor: pointer; }
.vsmp-stocklink .vsmp-icon { width: 16px; height: 16px; }
.vsmp-whs { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.vsmp-wh { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; }
.vsmp-wh__head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.vsmp-wh__name { margin: 0; font-size: 16px; font-weight: 500; }
.vsmp-wh__line { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--vsmp-text-2); }
.vsmp-wh__line .vsmp-icon { width: 17px; height: 17px; color: var(--vsmp-muted); flex: 0 0 auto; margin-top: 1px; }
.vsmp-wh__badges { display: flex; gap: 6px; flex-wrap: wrap; }
.vsmp-wh__foot { margin-top: auto; display: flex; gap: 8px; padding-top: 6px; }
.vsmp-zone-locs { display: flex; flex-wrap: wrap; gap: 4px; }
.vsmp-zone-locs span { background: var(--vsmp-field); border-radius: 4px; padding: 2px 8px; font-size: 13px; }
.vsmp-linkbtn { border: 0; background: transparent; padding: 0; font: inherit; font-size: 13px; color: var(--vsmp-accent); cursor: pointer; text-align: left; }
.vsmp-linkbtn b { font-weight: 500; }

/* ---------- 1.5.0: email marketing ---------- */
.vsmp-mkt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 660px); gap: 20px; align-items: start; }
.vsmp-mkt__fields { border: 0; margin: 0; padding: 0; min-width: 0; }
.vsmp-mkt__actions { flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
.vsmp-mkt__preview { position: sticky; top: 16px; }
.vsmp-mkt__frame { background: #f3f3f6; padding: 16px; display: flex; justify-content: center; border-radius: 0 0 var(--vsmp-radius) var(--vsmp-radius); }
.vsmp-mkt__frame iframe { width: 600px; max-width: 100%; height: 72vh; border: 0; background: #fff; border-radius: 8px; box-shadow: var(--vsmp-shadow); transition: width .2s; }
.vsmp-radios { display: grid; gap: 8px; }
.vsmp-radio { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); cursor: pointer; }
.vsmp-radio:has(input:checked) { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-radio input { margin-top: 3px; accent-color: var(--vsmp-accent); }
.vsmp-radio b { font-weight: 500; display: block; }
.vsmp-radio small { color: var(--vsmp-muted); font-size: 13px; }
.vsmp-mktprod__list { display: grid; gap: 8px; margin-bottom: 8px; }
.vsmp-mktprod__list:empty { display: none; }
.vsmp-mktprod { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); font-size: 14px; }
.vsmp-mktprod img, .vsmp-mktprod__ph { width: 40px; height: 40px; object-fit: contain; border-radius: 4px; background: var(--vsmp-field); flex: 0 0 auto; }
.vsmp-mktprod span { flex: 1 1 auto; min-width: 0; }

/* 1.99.17: the newsletter builder */
.mb { min-width: 0; padding: 4px 24px 24px; border-top: 1px solid var(--vsmp-border); }
.mb-fields .vsmp-input, .mb-fields .vsmp-select, .mb-fields .vsmp-textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.mb-top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 0 10px; }
.mb-top__title { margin: 0 0 2px; font-size: 17px; font-weight: 600; }
.mb-top__title small { margin-left: 6px; color: var(--vsmp-muted); font-size: 12px; font-weight: 400; }
.mb-top .vsmp-muted { margin: 0; font-size: 13px; max-width: 520px; }
.mb-top__acts { display: flex; gap: 8px; flex-wrap: wrap; }
.mb-accents { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 4px 0 14px; font-size: 13px; }
.mb-accents [data-mb-accents] { display: flex; flex-wrap: wrap; gap: 6px; }
.mb-swatch { width: 24px; height: 24px; padding: 0; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px var(--vsmp-border); cursor: pointer; }
.mb-swatch.is-on { box-shadow: 0 0 0 2px var(--vsmp-text); }
.mb-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.mb-empty { padding: 22px; border: 1px dashed var(--vsmp-border); border-radius: 10px; text-align: center; color: var(--vsmp-muted); font-size: 14px; }
.mb-block { min-width: 0; border: 1px solid var(--vsmp-border); border-radius: 10px; background: var(--vsmp-card); }
.mb-block.is-open { border-color: var(--vsmp-accent); box-shadow: 0 0 0 3px var(--vsmp-accent-soft); }
.mb-block__head { display: flex; align-items: center; gap: 8px; padding: 4px 6px 4px 4px; }
.mb-block__toggle { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 8px; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; color: var(--vsmp-text); }
.mb-block__toggle b { font-weight: 500; white-space: nowrap; }
.mb-block__toggle small { color: var(--vsmp-muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mb-block__icon { flex: none; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--vsmp-field); font-size: 15px; font-weight: 700; }
.mb-block__tools { display: flex; gap: 2px; flex: none; }
.mb-block__tools button { width: 30px; height: 30px; border: 0; border-radius: 6px; background: none; color: var(--vsmp-muted); font-size: 15px; cursor: pointer; }
.mb-block__tools button:hover:not(:disabled) { background: var(--vsmp-field); color: var(--vsmp-text); }
.mb-block__tools button:disabled { opacity: .3; cursor: default; }
.mb-block__tools .is-danger:hover { color: var(--vsmp-bad); }
.mb-fields { display: flex; flex-wrap: wrap; gap: 12px 14px; padding: 6px 14px 16px; border-top: 1px solid var(--vsmp-border); }
.mb-fields > .vsmp-field { flex: 1 1 100%; min-width: 0; margin: 0; }
.mb-fields > .vsmp-field.mb-half { flex: 1 1 calc(50% - 7px); min-width: 200px; }
.mb-fields .mb-hint { margin: 0; font-size: 13px; flex: 1 1 100%; }
.mb-checks { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.mb-image { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.mb-image img { max-width: 220px; max-height: 110px; border-radius: 6px; border: 1px solid var(--vsmp-border); object-fit: cover; }
.mb-image__empty { color: var(--vsmp-muted); font-size: 13px; }
.mb-image.is-loading { opacity: .5; pointer-events: none; }
.mb-palette__title { margin: 16px 0 8px; font-size: 13px; color: var(--vsmp-muted); }
.mb-palette { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 6px; }
.mb-add { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px dashed var(--vsmp-border); border-radius: 8px; background: var(--vsmp-card); font: inherit; font-size: 13px; color: var(--vsmp-text); cursor: pointer; text-align: left; }
.mb-add:hover { border-color: var(--vsmp-accent); color: var(--vsmp-accent); }
.mb-add span { width: 20px; text-align: center; }
.mb-frame-note { margin: 14px 0 0; font-size: 12px; display: flex; gap: 6px; align-items: center; }
.mb-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.mb-tpl { display: flex; flex-direction: column; gap: 4px; padding: 0 0 12px; border: 1px solid var(--vsmp-border); border-radius: 12px; background: var(--vsmp-card); font: inherit; text-align: left; cursor: pointer; overflow: hidden; color: var(--vsmp-text); }
.mb-tpl:hover { border-color: var(--vsmp-accent); box-shadow: 0 4px 14px rgba(20, 20, 40, .08); }
.mb-tpl b, .mb-tpl small { padding: 0 12px; }
.mb-tpl b { font-weight: 600; font-size: 14px; margin-top: 6px; }
.mb-tpl small { color: var(--vsmp-muted); font-size: 12px; line-height: 1.35; }
.mb-tpl__art { position: relative; display: flex; gap: 10px; padding: 14px 12px; min-height: 112px; }
.mb-tpl__icon { width: 34px; height: 34px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, .92); font-size: 18px; }
.mb-tpl__lines { flex: 1; display: flex; flex-direction: column; gap: 4px; padding: 8px; border-radius: 8px; background: #fff; }
.mb-tpl__l { display: block; height: 6px; border-radius: 3px; background: #e7e7ee; }
.mb-tpl__l--hero { height: 18px; background: #d9d9e3; }
.mb-tpl__l--heading { width: 70%; height: 8px; background: #c9c9d6; }
.mb-tpl__l--products { height: 22px; background: linear-gradient(90deg, #ececf2 0 48%, transparent 48% 52%, #ececf2 52%); }
.mb-tpl__l--button { width: 40%; height: 9px; align-self: center; background: #b9b9c8; }
.mb-tpl__l--coupon { height: 12px; background: repeating-linear-gradient(90deg, #d9d9e3 0 6px, #fff 6px 9px); }
.mb-gen .vsmp-radios { grid-template-columns: 1fr 1fr; }
@media (max-width: 1280px) {
	.vsmp-mkt { grid-template-columns: minmax(0, 1fr); }
	.vsmp-mkt__preview { position: static; }
}

/* ------------------------------------------------ product editor (1.6.0) */
.vsmp-pe { display: flex; flex-direction: column; gap: 16px; }
.vsmp-pe__step { display: flex; flex-direction: column; gap: 16px; }
.vsmp-pe__step[hidden] { display: none; }
.vsmp-stepper { display: flex; align-items: flex-start; padding: 20px 8%; gap: 0; }
.vsmp-stepper__item { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--vsmp-muted); font-size: 14.5px; flex: 0 0 auto; width: 120px; text-align: center; }
.vsmp-stepper__dot { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--vsmp-border-strong); display: grid; place-items: center; background: var(--vsmp-card); color: var(--vsmp-muted); }
.vsmp-stepper__dot .vsmp-icon { width: 18px; height: 18px; }
.vsmp-stepper__item.is-current .vsmp-stepper__dot { border-color: var(--vsmp-accent); color: var(--vsmp-accent); box-shadow: 0 0 0 4px var(--vsmp-accent-soft); }
.vsmp-stepper__item.is-current { color: var(--vsmp-text); }
.vsmp-stepper__item.is-done .vsmp-stepper__dot { background: var(--vsmp-accent); border-color: var(--vsmp-accent); color: #fff; }
.vsmp-stepper__line { flex: 1 1 auto; height: 2px; background: var(--vsmp-border-strong); margin: 19px -40px 0; }
.vsmp-stepper.is-step2 .vsmp-stepper__line { background: var(--vsmp-accent); }
.vsmp-pe-cat { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 50px; padding: 10px 14px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); font: inherit; color: var(--vsmp-text); text-align: left; cursor: pointer; }
.vsmp-pe-cat:hover { border-color: var(--vsmp-accent); }
.vsmp-field.is-invalid .vsmp-pe-cat { border-color: var(--vsmp-bad); }
.vsmp-typecards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vsmp-typecard { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 10px 18px; border: 1px solid var(--vsmp-border-strong); border-radius: var(--vsmp-radius); cursor: pointer; background: var(--vsmp-card); }
.vsmp-typecard input { position: absolute; opacity: 0; pointer-events: none; }
.vsmp-typecard:has(input:checked) { background: var(--vsmp-accent); border-color: var(--vsmp-accent); color: #fff; }
.vsmp-typecard.is-disabled { cursor: not-allowed; color: var(--vsmp-muted); background: var(--vsmp-field); }
.vsmp-typecard small { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--vsmp-border); font-size: 12px; color: var(--vsmp-text-2); }
.vsmp-pe__nav { display: flex; justify-content: flex-end; gap: 12px; }
.vsmp-pe__nav--sticky { position: sticky; bottom: 0; z-index: 5; padding: 14px 0; background: linear-gradient(to bottom, rgba(245, 245, 247, 0), var(--vsmp-bg) 35%); }
.vsmp-pe-sectionbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; flex-wrap: wrap; }
.vsmp-pe-sectionbar b { font-weight: 500; }
.vsmp-pe-sectionbar__path { color: var(--vsmp-accent); }
.vsmp-pe-sec > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.vsmp-pe-sec > summary::-webkit-details-marker { display: none; }
.vsmp-pe-sec:not([open]) > summary { border-bottom: 0; }
.vsmp-pe-sec__chev { transform: rotate(0deg); transition: transform .15s; color: var(--vsmp-muted); }
.vsmp-pe-sec[open] .vsmp-pe-sec__chev { transform: rotate(90deg); }
.vsmp-pe-more > summary { cursor: pointer; color: var(--vsmp-accent); font-size: 14px; margin-bottom: 12px; }
.vsmp-form__row--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vsmp-field--wide { grid-column: 1 / -1; }
.vsmp-money { display: flex; }
.vsmp-money .vsmp-select { width: 96px; flex: 0 0 auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.vsmp-money .vsmp-input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.vsmp-field.is-invalid .vsmp-select, .vsmp-field.is-invalid .vsmp-textarea { border-color: var(--vsmp-bad); }
.vsmp-pe-stock { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.vsmp-pe-stock .vsmp-field { gap: 4px; }
.vsmp-drop { border: 1.5px dashed var(--vsmp-border-strong); border-radius: var(--vsmp-radius); padding: 12px; min-height: 200px; display: flex; transition: border-color .15s, background .15s; }
.vsmp-drop.is-over { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-field.is-invalid .vsmp-drop { border-color: var(--vsmp-bad); }
.vsmp-drop__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; width: 100%; align-content: start; }
.vsmp-drop:not(.has-files) .vsmp-drop__grid { grid-template-columns: 1fr; }
.vsmp-drop__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 120px; border: 0; background: transparent; color: var(--vsmp-muted); font-size: 13.5px; cursor: pointer; border-radius: var(--vsmp-radius); padding: 12px; }
.vsmp-drop.has-files .vsmp-drop__empty { border: 1px dashed var(--vsmp-border-strong); aspect-ratio: 1; min-height: 0; font-size: 12.5px; }
.vsmp-drop__empty:hover { color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-drop__icon { width: 44px; height: 44px; stroke-width: 1.2; }
.vsmp-drop.has-files .vsmp-drop__icon { width: 28px; height: 28px; }
.vsmp-drop:not([data-multiple]).has-files .vsmp-drop__grid { grid-template-columns: minmax(0, 220px); }
.vsmp-thumb { position: relative; aspect-ratio: 1; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: #fff; overflow: hidden; }
.vsmp-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.vsmp-thumb__del { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%; border: 0; display: grid; place-items: center; background: rgba(20, 20, 30, .65); color: #fff; cursor: pointer; }
.vsmp-thumb__del .vsmp-icon { width: 16px; height: 16px; }
.vsmp-rte { display: flex; flex-direction: column; gap: 8px; }
.vsmp-rte__bar { display: flex; gap: 6px; }
.vsmp-rte__bar button { min-width: 40px; height: 38px; padding: 0 10px; border: 1px solid var(--vsmp-accent); border-radius: var(--vsmp-radius); background: var(--vsmp-card); color: var(--vsmp-accent); cursor: pointer; font-size: 14px; }
.vsmp-rte__bar button:hover { background: var(--vsmp-accent-soft); }
.vsmp-rte .vsmp-textarea { resize: vertical; min-height: 150px; font-family: inherit; }
.vsmp-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 16px; max-height: 220px; overflow: auto; padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); }
.vsmp-checks .vsmp-check { font-size: 14px; gap: 8px; }
.vsmp-checks .vsmp-check input { width: 18px; height: 18px; }
.vsmp-multi { display: grid; gap: 8px; }
.vsmp-field__more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; align-self: flex-start; }
.vsmp-field__more .vsmp-icon { width: 16px; height: 16px; }
.vsmp-filelist { display: grid; gap: 6px; }
.vsmp-filelist:empty { display: none; }
.vsmp-filelist__item { justify-content: space-between; align-items: center; padding: 8px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); font-size: 14px; }
.vsmp-filelist__item a { display: inline-flex; gap: 8px; align-items: center; min-width: 0; overflow-wrap: anywhere; }
.vsmp-filelist__del { display: inline-flex; gap: 6px; align-items: center; color: var(--vsmp-muted); white-space: nowrap; }
.vsmp-input--file { padding: 9px 12px; }
.vsmp-catpick { display: flex; flex-direction: column; gap: 14px; }
.vsmp-catpick__cols { display: flex; overflow-x: auto; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); min-height: 360px; max-height: 60vh; }
.vsmp-catpick__col { flex: 0 0 280px; overflow-y: auto; border-right: 1px solid var(--vsmp-border); padding: 6px 0; }
.vsmp-catpick__item { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 10px 18px; border: 0; background: transparent; font: inherit; font-size: 14.5px; text-align: left; cursor: pointer; color: var(--vsmp-text); }
.vsmp-catpick__item:hover { background: var(--vsmp-bg); }
.vsmp-catpick__item.is-open { background: var(--vsmp-accent-soft); color: var(--vsmp-accent-dark); }
.vsmp-catpick__item.is-chosen { background: var(--vsmp-accent); color: #fff; }
.vsmp-catpick__chev { width: 16px; height: 16px; }
/* 1.55.0: category icons (currentColor — they follow the item's colour) and categories that need approval */
.vsmp-catpick__item > span { flex: 1 1 auto; min-width: 0; text-align: left; }
.vsmp-catpick__ico { display: inline-flex; flex: 0 0 20px; color: var(--vsmp-muted); }
.vsmp-catpick__item.is-open .vsmp-catpick__ico, .vsmp-catpick__item.is-chosen .vsmp-catpick__ico { color: inherit; }
.vsmp-catpick__item.is-locked { color: var(--vsmp-muted); cursor: not-allowed; }
.vsmp-catpick__item.is-locked:hover { background: transparent; }
/* 1.56.0: colour dots of the colour directory in ticks and variant chips */
.vsmp-swatch { display: inline-block; flex: 0 0 auto; width: 14px; height: 14px; margin-right: 6px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .18); vertical-align: -2px; }
.vsmp-check .vsmp-swatch { align-self: center; margin: 0 -2px 0 0; }
.vsmp-catpick__found { display: flex; flex-direction: column; max-height: 60vh; overflow: auto; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-catpick__found[hidden], .vsmp-catpick__cols[hidden] { display: none; }
.vsmp-modal__box--xl { width: min(1100px, calc(100vw - 32px)); max-width: none; }
@media (max-width: 1024px) {
	.vsmp-form__row--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.vsmp-stepper { padding: 16px 8px; }
	.vsmp-stepper__item { width: 96px; font-size: 13px; }
	.vsmp-typecards { grid-template-columns: 1fr; }
	.vsmp-form__row--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vsmp-pe-sectionbar { padding: 14px 16px; }
	.vsmp-catpick__col { flex-basis: 220px; }
	.vsmp-drop { min-height: 150px; }
}

/* ------------------------------------------------ variants (1.7.0) */
.vsmp-var { display: flex; flex-direction: column; gap: 18px; }
.vsmp-chips .vsmp-chip { display: inline-flex; align-items: center; gap: 6px; }
.vsmp-chips .vsmp-chip .vsmp-icon { width: 16px; height: 16px; }
.vsmp-chips--sm .vsmp-chip { padding: 5px 12px; font-size: 13.5px; }
.vsmp-var__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding: 14px 0; border-top: 1px solid var(--vsmp-border); border-bottom: 1px solid var(--vsmp-border); }
.vsmp-var__actions .vsmp-btn .vsmp-icon { width: 18px; height: 18px; }
.vsmp-var__spacer { flex: 1 1 auto; }
.vsmp-var__bulk { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--vsmp-text-2); flex-wrap: wrap; }
.vsmp-var__bulk .vsmp-input { width: 130px; height: 40px; padding: 0 12px; }
.vsmp-var__bulk .vsmp-btn { height: 40px; }
.vsmp-var__empty { padding: 28px; text-align: center; color: var(--vsmp-muted); border: 1.5px dashed var(--vsmp-border-strong); border-radius: var(--vsmp-radius); font-size: 14px; }
.vsmp-var__scroll { overflow-x: auto; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-var__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vsmp-var__table th { text-align: left; font-weight: 500; color: var(--vsmp-text-2); font-size: 13px; padding: 10px 8px; background: var(--vsmp-field); border-bottom: 1px solid var(--vsmp-border); white-space: nowrap; }
.vsmp-var__table td { padding: 8px; border-bottom: 1px solid var(--vsmp-border); vertical-align: top; }
.vsmp-var__table tr:last-child td { border-bottom: 0; }
.vsmp-var__table tr.is-new td:first-child { box-shadow: inset 3px 0 0 var(--vsmp-accent); }
.vsmp-var__table .vsmp-field { gap: 4px; min-width: 96px; }
.vsmp-var__table .vsmp-field__error { font-size: 12px; max-width: 160px; }
.vsmp-var__table td:last-child .vsmp-iconbtn, .vsmp-var__table .vsmp-switch { margin-top: 6px; }
.vsmp-var__table td:nth-last-child(2) .vsmp-field { min-width: 0; }
.vsmp-input--sm, .vsmp-select--sm { height: 40px; padding: 0 10px; font-size: 14px; }
.vsmp-select--sm { min-width: 120px; padding-right: 28px; }
.vsmp-var__photo { width: 48px; height: 48px; border: 1px dashed var(--vsmp-border-strong); border-radius: var(--vsmp-radius); background: #fff; display: grid; place-items: center; cursor: pointer; color: var(--vsmp-muted); padding: 0; overflow: hidden; }
.vsmp-var__photo img { width: 100%; height: 100%; object-fit: contain; }
.vsmp-var__photo:hover { border-color: var(--vsmp-accent); color: var(--vsmp-accent); }
.vsmp-var__table td:first-child .vsmp-field { position: relative; min-width: 48px; width: 48px; }
.vsmp-var__photo-del { position: absolute; top: -6px; right: -6px; width: 20px; height: 20px; border-radius: 50%; border: 0; background: rgba(20, 20, 30, .7); color: #fff; display: grid; place-items: center; cursor: pointer; padding: 0; }
.vsmp-var__photo-del .vsmp-icon { width: 12px; height: 12px; }
.vsmp-pe, .vsmp-pe__step, .vsmp-pe-sec, .vsmp-pe-sec > .vsmp-card__body, #vsmp-pe-variants, .vsmp-var, .vsmp-var > .vsmp-field { min-width: 0; max-width: 100%; }
.vsmp-switch { position: relative; }

/* ------------------------------------------------ moderation (1.8.0) */
.vsmp-nav__badge { margin-left: auto; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; background: var(--vsmp-bad); color: #fff; font-size: 12px; font-weight: 500; display: inline-grid; place-items: center; line-height: 1; }
.vsmp-nav__item.is-active .vsmp-nav__badge { background: #fff; color: var(--vsmp-accent); }

/* ------------------------------------------------ catalog requests (1.9.0) */
.vsmp-chip--radio { position: relative; }
.vsmp-chip--radio input { position: absolute; opacity: 0; pointer-events: none; }
.vsmp-chip--radio:has(input:checked) { border-color: var(--vsmp-accent); color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-field__label--row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.vsmp-addvalue { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; white-space: nowrap; }
.vsmp-addvalue .vsmp-icon { width: 15px; height: 15px; }
.vsmp-catpick__suggest { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.vsmp-catpick__suggest .vsmp-icon, .vsmp-pe-suggest .vsmp-icon { width: 16px; height: 16px; }
.vsmp-pe-suggest { display: flex; align-items: center; gap: 8px; padding-top: 14px; border-top: 1px solid var(--vsmp-border); font-size: 14px; color: var(--vsmp-muted); flex-wrap: wrap; }
.vsmp-pe-suggest .vsmp-linkbtn { font-size: 14px; display: inline-flex; align-items: center; gap: 6px; }
.vsmp-chip--add { border-style: dashed; color: var(--vsmp-accent); }

/* ------------------------------------------------ bulk management (1.10.0) */
.vsmp-bulk { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.vsmp-bulk__side { position: sticky; top: 76px; }
.vsmp-bulk__panel { display: flex; flex-direction: column; gap: 14px; }
.vsmp-bulk__files { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.vsmp-bulk__file { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 96px; padding: 12px 8px; border: 0; border-radius: var(--vsmp-radius); color: #fff !important; font: inherit; font-size: 14px; font-weight: 500; text-align: center; cursor: pointer; }
.vsmp-bulk__file .vsmp-icon { width: 28px; height: 28px; }
.vsmp-bulk__file--down { background: #1f9d55; }
.vsmp-bulk__file--down:hover { background: #18834a; }
.vsmp-bulk__file--up { background: #2d8cf0; }
.vsmp-bulk__file--up:hover { background: #2277d1; }
.vsmp-bulk__down { transform: rotate(180deg); }
.vsmp-bulk__save { width: 100%; justify-content: center; }
.vsmp-bulk__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 12px 24px; background: var(--vsmp-accent-soft); border-top: 1px solid var(--vsmp-border); border-bottom: 1px solid var(--vsmp-border); font-size: 14px; }
.vsmp-bulk__actions[hidden] { display: none; }
.vsmp-bulk__group { display: inline-flex; align-items: center; gap: 6px; }
.vsmp-bulk__actions .vsmp-select--sm, .vsmp-bulk__actions .vsmp-input--sm { height: 34px; background: #fff; min-width: 0; }
#vsmp-bulk-table .tabulator-row.is-dirty { background: #fffbeb; }
#vsmp-bulk-table .tabulator-row.is-error { background: var(--vsmp-bad-bg); }
#vsmp-bulk-table .tabulator-cell.is-changed { box-shadow: inset 0 -2px 0 var(--vsmp-warn); font-weight: 500; }
#vsmp-bulk-table .tabulator-cell.tabulator-editable { cursor: text; }
#vsmp-bulk-table .tabulator-group { background: var(--vsmp-field); font-weight: 500; padding: 10px 16px; border-bottom: 1px solid var(--vsmp-border); }
#vsmp-bulk-table .tabulator-row .tabulator-cell { vertical-align: middle; }
.vsmp-prod__img--empty { display: inline-block; background: var(--vsmp-field); }
.vsmp-prod--sub .vsmp-prod__img { width: 32px; height: 32px; }
.vsmp-prod__meta .vsmp-badge { font-size: 11.5px; padding: 1px 8px; margin-left: 4px; }
.vsmp-bulk__err { margin-top: 4px; font-size: 12.5px; color: var(--vsmp-bad); white-space: normal; }
.vsmp-bulk__drop { display: flex; align-items: center; justify-content: center; min-height: 110px; border: 1.5px dashed var(--vsmp-border-strong); border-radius: var(--vsmp-radius); cursor: pointer; color: var(--vsmp-text-2); }
.vsmp-bulk__drop:hover { border-color: var(--vsmp-accent); color: var(--vsmp-accent); }
.vsmp-bulk__drop input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.vsmp-bulk__drop span { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 14px; }
.vsmp-bulk__problems { max-height: 260px; overflow: auto; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-bulk__problems table { width: 100%; border-collapse: collapse; font-size: 13px; }
.vsmp-bulk__problems th, .vsmp-bulk__problems td { padding: 6px 10px; border-bottom: 1px solid var(--vsmp-border); text-align: left; vertical-align: top; }
.vsmp-bulk__problems th { background: var(--vsmp-field); font-weight: 500; position: sticky; top: 0; }
@media (max-width: 1680px) {
	.vsmp-bulk { grid-template-columns: minmax(0, 1fr); }
	.vsmp-bulk__side { position: static; order: -1; }
	.vsmp-bulk__panel { flex-direction: row; flex-wrap: wrap; align-items: center; }
	.vsmp-bulk__files { flex: 0 0 auto; grid-template-columns: auto auto; }
	.vsmp-bulk__file { flex-direction: row; min-height: 44px; padding: 8px 14px; }
	.vsmp-bulk__file .vsmp-icon { width: 20px; height: 20px; }
	.vsmp-bulk__save { width: auto; }
}
@media (max-width: 720px) {
	.vsmp-bulk__files { grid-template-columns: 1fr 1fr; width: 100%; }
	.vsmp-bulk__save { width: 100%; }
	.vsmp-bulk__actions { padding: 12px 16px; }
}

/* ------------------------------------------------ product import (1.11.0) */
.vsmp-imp__drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 220px; border: 1.5px dashed var(--vsmp-border-strong); border-radius: var(--vsmp-radius); cursor: pointer; text-align: center; padding: 24px; color: var(--vsmp-text-2); position: relative; }
.vsmp-imp__drop:hover, .vsmp-imp__drop.is-over { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); color: var(--vsmp-accent-dark); }
.vsmp-imp__drop.is-loading { opacity: .7; pointer-events: none; }
.vsmp-imp__drop input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.vsmp-imp__drop b { font-weight: 500; font-size: 16px; }
.vsmp-imp__drop .vsmp-muted { font-size: 13.5px; max-width: 560px; }
.vsmp-imp__icon { width: 44px; height: 44px; stroke-width: 1.3; }
.vsmp-imp__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.vsmp-imp__settings { position: sticky; top: 76px; }
.vsmp-imp__scroll { overflow-x: auto; }
.vsmp-imp__map { width: 100%; border-collapse: collapse; font-size: 14px; margin-top: 10px; }
.vsmp-imp__map th { text-align: left; font-weight: 500; font-size: 13px; color: var(--vsmp-text-2); padding: 10px 12px; background: var(--vsmp-field); border-bottom: 1px solid var(--vsmp-border); }
.vsmp-imp__map th:first-child, .vsmp-imp__map td:first-child { padding-left: 24px; }
.vsmp-imp__map td { padding: 10px 12px; border-bottom: 1px solid var(--vsmp-border); vertical-align: top; }
.vsmp-imp__map tr.is-mapped td:first-child { box-shadow: inset 3px 0 0 var(--vsmp-accent); }
.vsmp-imp__map b { font-weight: 500; }
.vsmp-imp__map .vsmp-select--sm { min-width: 220px; }
.vsmp-imp__samples { color: var(--vsmp-muted); font-size: 13px; max-width: 320px; }
.vsmp-imp__samples span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-imp__buttons { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.vsmp-imp__bar { height: 12px; border-radius: 6px; background: var(--vsmp-field); overflow: hidden; border: 1px solid var(--vsmp-border); }
.vsmp-imp__bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--vsmp-accent), #3b6ff5); transition: width .4s; }
.vsmp-imp__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.vsmp-imp__tile { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.vsmp-imp__tile span { font-size: 13px; color: var(--vsmp-muted); }
.vsmp-imp__tile b { font-size: 22px; font-weight: 500; }
.vsmp-imp__tile--good b { color: var(--vsmp-good); }
.vsmp-imp__tile--info b { color: var(--vsmp-info); }
.vsmp-imp__tile--bad b { color: var(--vsmp-bad); }
.vsmp-imp__log { max-height: 360px; overflow: auto; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-imp__log table, .vsmp-imp__history { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.vsmp-imp__log th, .vsmp-imp__log td { padding: 8px 12px; border-bottom: 1px solid var(--vsmp-border); text-align: left; vertical-align: top; }
.vsmp-imp__log th { background: var(--vsmp-field); position: sticky; top: 0; font-weight: 500; }
.vsmp-imp__log td:first-child { width: 70px; color: var(--vsmp-muted); }
.vsmp-imp__history td { padding: 12px 16px; border-bottom: 1px solid var(--vsmp-border); white-space: nowrap; }
.vsmp-imp__history td:first-child { padding-left: 24px; color: var(--vsmp-muted); }
.vsmp-imp__history b { font-weight: 500; }
@media (max-width: 1280px) {
	.vsmp-imp__grid { grid-template-columns: minmax(0, 1fr); }
	.vsmp-imp__settings { position: static; }
}
@media (max-width: 720px) {
	.vsmp-imp__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vsmp-imp__map .vsmp-select--sm { min-width: 160px; }
	.vsmp-imp__history tr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 4px 10px; padding: 12px 16px; border-bottom: 1px solid var(--vsmp-border); }
	.vsmp-imp__history td { padding: 0; border: 0; }
	.vsmp-imp__history td:first-child { padding: 0; grid-column: 1 / -1; font-size: 12.5px; }
	.vsmp-imp__history td:nth-child(2) { overflow: hidden; text-overflow: ellipsis; }
	.vsmp-imp__history td:nth-child(4) { grid-row: 3; grid-column: 1 / -1; white-space: normal; color: var(--vsmp-text-2); font-size: 13px; }
	.vsmp-imp__history td:nth-child(5) { grid-row: 2; grid-column: 3; }
}

/* ---------------------------------------------------------------- reviews (1.12.0) */
.vsmp-stars { position: relative; display: inline-block; line-height: 0; vertical-align: middle; white-space: nowrap; }
.vsmp-stars .vsmp-icon { width: 16px; height: 16px; fill: #e3e5ea; stroke: none; margin-right: 1px; }
.vsmp-stars__fill { position: absolute; inset: 0 auto 0 0; overflow: hidden; }
.vsmp-stars__fill .vsmp-icon { fill: #f5a623; }
.vsmp-rv-stats .vsmp-stat__value { display: flex; align-items: center; gap: 10px; }
.vsmp-rv-stats .vsmp-stat__label .vsmp-icon { fill: none; }
.vsmp-rv-dist { gap: 3px; justify-content: center; padding-top: 14px; padding-bottom: 14px; }
.vsmp-rv-dist__row { display: grid; grid-template-columns: 10px 14px 1fr 34px; gap: 6px; align-items: center; background: none; border: 0; padding: 1px 0; font: inherit; font-size: 12.5px; color: var(--vsmp-muted); cursor: pointer; text-align: left; border-radius: 4px; }
.vsmp-rv-dist__row:hover { color: var(--vsmp-text); }
.vsmp-rv-dist__row .vsmp-icon { width: 13px; height: 13px; fill: #f5a623; stroke: none; }
.vsmp-rv-dist__row i { display: block; height: 6px; border-radius: 3px; background: var(--vsmp-field); overflow: hidden; }
.vsmp-rv-dist__row em { display: block; height: 100%; background: #f5a623; border-radius: 3px; }
.vsmp-rv-dist__row span:last-child { text-align: right; }
button.vsmp-stat { font: inherit; color: inherit; text-align: left; cursor: pointer; border: 1px solid var(--vsmp-border); }
button.vsmp-stat:hover { border-color: var(--vsmp-accent); }

.vsmp-rv-toolbar .vsmp-select { min-width: 0; }
.vsmp-rv-toolbar .vsmp-search { flex: 1 1 200px; max-width: 320px; }
.vsmp-rv-toolbar .vsmp-search .vsmp-input { width: 100%; min-width: 0; }
.vsmp-rv-list { border-top: 1px solid var(--vsmp-border); transition: opacity .15s; }
.vsmp-rv-list.is-loading { opacity: .5; }
.vsmp-rv-item { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; padding: 20px 24px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-rv-item.is-open { box-shadow: inset 3px 0 0 #f5a623; }
.vsmp-rv-item__product { align-items: flex-start; }
.vsmp-rv-item__product .vsmp-prod__name { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vsmp-rv-item__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 14px; }
.vsmp-rv-item__head b { font-weight: 500; font-size: 15px; }
.vsmp-rv-item__head .vsmp-badge .vsmp-icon { width: 13px; height: 13px; margin-right: 3px; }
.vsmp-rv-item__rating { margin-top: 6px; }
.vsmp-rv-item__part, .vsmp-rv-item__question { margin: 8px 0 0; font-size: 14.5px; overflow-wrap: anywhere; }
.vsmp-rv-item__part b { display: block; font-weight: 500; font-size: 13px; color: var(--vsmp-text-2); }
.vsmp-rv-item__question { font-weight: 500; font-size: 15px; }
.vsmp-rv-complain { color: var(--vsmp-muted); font-size: 13px; }
.vsmp-rv-complain:hover { color: var(--vsmp-bad); }
.vsmp-rv-complain .vsmp-icon, .vsmp-rv-item__head .vsmp-badge--warn .vsmp-icon { width: 14px; height: 14px; margin-right: 4px; }
.vsmp-rv-reply { margin-top: 14px; padding: 12px 16px; background: var(--vsmp-field); border-radius: var(--vsmp-radius); border-left: 3px solid var(--vsmp-accent); }
.vsmp-rv-reply__head { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 13.5px; }
.vsmp-rv-reply__head b { font-weight: 500; }
.vsmp-rv-reply__head .vsmp-linkbtn { margin-left: auto; font-size: 13px; }
.vsmp-rv-reply__head .vsmp-linkbtn .vsmp-icon { width: 14px; height: 14px; margin-right: 4px; }
.vsmp-rv-reply p { margin: 6px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.vsmp-rv-form { margin-top: 14px; display: grid; gap: 8px; }
.vsmp-rv-form .vsmp-textarea { min-height: 72px; }
.vsmp-rv-form__foot { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.vsmp-rv-form__foot .vsmp-muted { font-size: 12.5px; margin-right: auto; }
[data-reply] > .vsmp-alert { margin: 14px 0 0; }
.vsmp-rv-more { padding: 16px 24px; text-align: center; }
.vsmp-empty > .vsmp-icon { width: 36px; height: 36px; color: var(--vsmp-border-strong); }
@media (max-width: 1100px) {
	.vsmp-rv-item { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
@media (max-width: 720px) {
	.vsmp-rv-item { padding: 16px; }
	.vsmp-rv-toolbar .vsmp-search { max-width: none; }
	.vsmp-rv-toolbar .vsmp-select { flex: 1 1 40%; }
	.vsmp-rv-form__foot .vsmp-muted { width: 100%; }
}

/* ---------------------------------------------------------------- commissions (1.13.0) */
.vsmp-com-rates { width: 100%; }
.vsmp-com-rates td, .vsmp-com-rates th { padding: 10px 24px; }
.vsmp-com-rates tr.is-own td:first-child { box-shadow: inset 3px 0 0 var(--vsmp-accent); }
.vsmp-com-rates__name { display: inline-block; }
.vsmp-com-rates__name b { font-weight: 500; }
.vsmp-com-rate { font-weight: 500; white-space: nowrap; }
.vsmp-com-period { padding: 14px 24px; }
.vsmp-com-period .vsmp-input, .vsmp-com-period .vsmp-select { min-width: 0; width: auto; }
.vsmp-com-report { width: 100%; }
.vsmp-com-report th, .vsmp-com-report td { padding: 12px 16px; white-space: nowrap; }
.vsmp-com-report th:first-child, .vsmp-com-report td:first-child { padding-left: 24px; }
.vsmp-com-report__lines > td { background: var(--vsmp-field); padding: 4px 24px 14px !important; }
.vsmp-com-lines { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.vsmp-com-lines th { text-align: left; font-weight: 500; color: var(--vsmp-muted); font-size: 12.5px; padding: 8px 10px; }
.vsmp-com-lines td { padding: 6px 10px; border-top: 1px solid var(--vsmp-border); white-space: normal; }
.vsmp-com-lines .vsmp-num, .vsmp-com-lines th.vsmp-num { text-align: right; white-space: nowrap; }
.vsmp-stat__value small { font-size: 13px; font-weight: 400; }
@media (max-width: 720px) {
	.vsmp-com-rates td, .vsmp-com-rates th { padding: 10px 16px; }
	.vsmp-com-period { padding: 14px 16px; }
	.vsmp-com-period .vsmp-input { flex: 1 1 40%; }
	.vsmp-com-period .vsmp-select, .vsmp-com-period .vsmp-btn { flex: 1 1 100%; }
	.vsmp-com-period > .vsmp-muted { display: none; }
}

/* ---------------------------------------------------------------- account+ (1.14.0) */
.vsmp-acc-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--vsmp-text-2); }
.vsmp-acc-legend span { display: inline-flex; align-items: center; gap: 6px; }
.vsmp-acc-dot { display: inline-block; width: 10px; height: 10px; border-radius: 3px; flex: none; }
.vsmp-acc-bar--in, .vsmp-acc-dot--in, .vsmp-acc-dot--topup { fill: #16a34a; background: #16a34a; }
.vsmp-acc-bar--plans, .vsmp-acc-dot--plans { fill: var(--vsmp-accent); background: var(--vsmp-accent); }
.vsmp-acc-bar--marketing, .vsmp-acc-dot--marketing { fill: #3b82f6; background: #3b82f6; }
.vsmp-acc-bar--commission, .vsmp-acc-dot--commission { fill: #f59e0b; background: #f59e0b; }
.vsmp-acc-bar--withdrawal, .vsmp-acc-dot--withdrawal { fill: #94a3b8; background: #94a3b8; }
.vsmp-acc-bar--adjust, .vsmp-acc-dot--adjust { fill: #ec4899; background: #ec4899; }
.vsmp-chart__col:hover .vsmp-acc-bar { opacity: .85; }
.vsmp-chart__tip span { display: flex; align-items: center; gap: 6px; }
.vsmp-acc-filter { border-top: 1px solid var(--vsmp-border); padding-top: 14px; padding-bottom: 14px; }
.vsmp-acc-filter .vsmp-select, .vsmp-acc-filter .vsmp-input { min-width: 0; width: auto; }
.vsmp-st-list tr.is-empty td { color: var(--vsmp-muted); }
.vsmp-st-actions { white-space: nowrap; text-align: right; }
.vsmp-st-actions .vsmp-btn + .vsmp-btn { margin-left: 6px; }
@media (max-width: 720px) {
	.vsmp-acc-filter .vsmp-select { flex: 1 1 100%; }
	.vsmp-acc-filter .vsmp-input { flex: 1 1 40%; }
	.vsmp-acc-filter .vsmp-btn { flex: 1 1 100%; }
	.vsmp-acc-filter > .vsmp-muted { display: none; }
}
.vsmp-acc-tip { flex-direction: column; gap: 3px; }
.vsmp-acc-bar--promotion, .vsmp-acc-dot--promotion { fill: #06b6d4; background: #06b6d4; }

/* ---------------------------------------------------------------- promotion (1.15.0) */
.vsmp-section-title { font-size: 17px; font-weight: 500; margin: 24px 0 12px; }
.vsmp-pr-services { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.vsmp-pr-service { padding: 20px; display: flex; flex-direction: column; gap: 10px; border-top: 3px solid var(--pr-color, var(--vsmp-accent)); }
.vsmp-pr-service__top { display: flex; align-items: center; gap: 10px; min-height: 30px; }
.vsmp-pr-service__top b { font-weight: 500; font-size: 15.5px; }
.vsmp-pr-label { display: inline-block; background: var(--pr-color); color: #fff; font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 6px; letter-spacing: .01em; }
.vsmp-pr-boost { display: inline-flex; width: 30px; height: 30px; border-radius: 8px; align-items: center; justify-content: center; background: color-mix(in srgb, var(--pr-color) 14%, #fff); color: var(--pr-color); }
.vsmp-pr-boost .vsmp-icon { width: 18px; height: 18px; }
.vsmp-pr-service__text { margin: 0; color: var(--vsmp-text-2); font-size: 14px; flex: 1; }
.vsmp-pr-service__price { font-size: 13.5px; color: var(--vsmp-muted); }
.vsmp-pr-service__price b { font-size: 22px; font-weight: 500; color: var(--vsmp-text); }
.vsmp-pr-service__meta { font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-pr-chip { display: inline-block; font-size: 12.5px; font-weight: 500; padding: 3px 9px; border-radius: 999px; color: var(--pr-color); background: color-mix(in srgb, var(--pr-color) 12%, #fff); white-space: nowrap; }
.vsmp-pr-table tr.is-past td { opacity: .62; }
.vsmp-pr-left { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--vsmp-muted); white-space: nowrap; }
.vsmp-pr-left i { display: block; width: 80px; height: 5px; border-radius: 3px; background: var(--vsmp-field); overflow: hidden; }
.vsmp-pr-left em { display: block; height: 100%; background: var(--vsmp-good); }
.vsmp-pr-actions { white-space: nowrap; text-align: right; }
.vsmp-pr-actions .vsmp-linkbtn { margin-left: 10px; color: var(--vsmp-muted); }
.vsmp-pr-actions .vsmp-linkbtn:hover { color: var(--vsmp-bad); }
.vsmp-pr-results { display: grid; gap: 4px; max-height: 240px; overflow: auto; margin-top: 8px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 4px; }
.vsmp-pr-result { display: flex; align-items: center; gap: 10px; border: 0; background: none; padding: 6px 8px; border-radius: 8px; font: inherit; font-size: 14px; text-align: left; cursor: pointer; color: inherit; }
.vsmp-pr-result:hover { background: var(--vsmp-field); }
.vsmp-pr-result img { width: 34px; height: 34px; object-fit: contain; border-radius: 6px; border: 1px solid var(--vsmp-border); background: #fff; flex: none; }
.vsmp-pr-result span { flex: 1; }
.vsmp-pr-result .vsmp-icon { width: 18px; height: 18px; color: var(--vsmp-accent); visibility: hidden; }
.vsmp-pr-result.is-picked { background: var(--vsmp-accent-soft); }
.vsmp-pr-result.is-picked .vsmp-icon { visibility: visible; }
.vsmp-pr-picked { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.vsmp-pr-pick { display: inline-flex; align-items: center; gap: 4px; background: var(--vsmp-field); border-radius: 999px; padding: 3px 4px 3px 10px; font-size: 13px; }
.vsmp-pr-pick button { border: 0; background: none; padding: 2px; cursor: pointer; color: var(--vsmp-muted); display: inline-flex; }
.vsmp-pr-pick .vsmp-icon { width: 14px; height: 14px; }
.vsmp-pr-days { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.vsmp-pr-days .vsmp-input { width: 110px; }
.vsmp-pr-total { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px; padding: 14px 16px; background: var(--vsmp-field); border-radius: var(--vsmp-radius); }
.vsmp-pr-total b { font-size: 22px; font-weight: 500; }
.vsmp-pr-total__warn { width: 100%; margin: 0; color: var(--vsmp-bad); font-size: 13px; }

/* ---------------------------------------------------------------- discounts & coupons (1.16.0) */
.vsmp-ds-note { margin: 0; padding: 0 24px 14px; font-size: 13.5px; }
.vsmp-ds-table tr.is-past td { opacity: .6; }
.vsmp-ds-off { display: inline-block; font-weight: 600; color: #be123c; background: #fff1f2; border-radius: 6px; padding: 3px 8px; white-space: nowrap; }
.vsmp-ds-thumbs { display: flex; align-items: center; }
.vsmp-ds-thumbs img { width: 30px; height: 30px; object-fit: contain; border-radius: 7px; border: 2px solid #fff; background: #fff; box-shadow: 0 0 0 1px var(--vsmp-border); margin-right: -8px; }
.vsmp-ds-thumbs span { margin-left: 16px; font-size: 13px; color: var(--vsmp-muted); }
.vsmp-ds-code { display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; border: 1.5px dashed var(--vsmp-accent); color: var(--vsmp-accent-dark); background: var(--vsmp-accent-soft); border-radius: 8px; padding: 7px 10px; cursor: pointer; white-space: nowrap; }
.vsmp-ds-code .vsmp-icon { width: 15px; height: 15px; }
.vsmp-ds-codefield { display: flex; gap: 8px; }
.vsmp-ds-codefield .vsmp-input { flex: 1; letter-spacing: .05em; }
@media (max-width: 720px) { .vsmp-ds-note { padding: 0 16px 12px; } }
.vsmp-ds-table td, .vsmp-ds-table th { padding-left: 16px; padding-right: 16px; }
.vsmp-ds-table td:first-child, .vsmp-ds-table th:first-child { padding-left: 24px; }

/* ---------------------------------------------------------------- analytics (1.17.0) */
.vsmp-an-period { align-items: center; }
.vsmp-an-period .vsmp-chip { text-decoration: none; }
.vsmp-an-period__dates { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vsmp-an-period__dates .vsmp-input { width: 150px; }
.vsmp-an-compare { margin: 10px 2px 16px; font-size: 13px; }
.vsmp-an-section { margin-top: 20px; }
.vsmp-an-delta { display: inline-block; font-weight: 500; font-size: 12.5px; border-radius: 6px; padding: 1px 6px; margin-right: 4px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.vsmp-an-delta--up { color: var(--vsmp-good); background: var(--vsmp-good-bg); }
.vsmp-an-delta--down { color: var(--vsmp-bad); background: var(--vsmp-bad-bg); }
.vsmp-an-delta--flat, .vsmp-an-delta--none { color: var(--vsmp-muted); background: var(--vsmp-bg); font-weight: 400; }
.vsmp-an-chart-note { margin: 0; padding: 0 24px 14px; font-size: 12.5px; }
.vsmp-an-small { font-size: 12.5px; }
.vsmp-an-bar { display: inline-block; vertical-align: middle; width: 64px; height: 6px; border-radius: 3px; background: var(--vsmp-bg); overflow: hidden; margin-right: 8px; }
.vsmp-an-bar > span { display: block; height: 100%; background: var(--vsmp-accent); border-radius: 3px; }
.vsmp-an-share { white-space: nowrap; }
.vsmp-an-funnel { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 14px; }
.vsmp-an-funnel li { display: grid; grid-template-columns: 120px minmax(0, 1fr) 80px 60px; align-items: center; gap: 12px; }
.vsmp-an-funnel__name { color: var(--vsmp-text-2); font-size: 14px; }
.vsmp-an-funnel__track { height: 26px; background: var(--vsmp-bg); border-radius: 6px; overflow: hidden; }
.vsmp-an-funnel__track > span { display: block; height: 100%; background: linear-gradient(90deg, var(--vsmp-accent), var(--vsmp-accent-dark)); border-radius: 6px; }
.vsmp-an-funnel li:nth-child(2) .vsmp-an-funnel__track > span { opacity: .8; }
.vsmp-an-funnel li:nth-child(3) .vsmp-an-funnel__track > span { opacity: .62; }
.vsmp-an-funnel b { text-align: right; font-weight: 500; }
.vsmp-an-funnel__rate { text-align: right; font-size: 13px; }
.vsmp-an-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.vsmp-an-bars li { display: grid; grid-template-columns: minmax(0, 1fr) 120px 50px 56px; align-items: center; gap: 10px; font-size: 14px; }
.vsmp-an-bars__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-an-bars .vsmp-an-bar { width: 100%; margin: 0; }
.vsmp-an-bars li.is-bad .vsmp-an-bar > span { background: var(--vsmp-bad); }
.vsmp-an-bars b { font-weight: 500; text-align: right; }
.vsmp-an-bars .vsmp-muted { text-align: right; font-size: 13px; }
.vsmp-an-table td, .vsmp-an-table th { padding-left: 16px; padding-right: 16px; }
.vsmp-an-table td:first-child, .vsmp-an-table th:first-child { padding-left: 24px; }
.vsmp-an-table td:last-child, .vsmp-an-table th:last-child { padding-right: 24px; }
.vsmp-an-table td { vertical-align: middle; }
.vsmp-an-products .vsmp-prod { min-width: 220px; }
.vsmp-an-products .vsmp-prod__img { width: 40px; height: 40px; }
.vsmp-an-sort { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; white-space: nowrap; }
.vsmp-an-sort.is-active { color: var(--vsmp-accent); }
.vsmp-an-attention { margin: 16px 24px 0; }
.vsmp-an-attention__list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px !important; }
.vsmp-an-heat { display: grid; grid-template-columns: 34px repeat(24, minmax(18px, 1fr)); gap: 3px; padding: 18px 24px 20px; min-width: 560px; }
.vsmp-an-heat__hour { font-size: 11px; color: var(--vsmp-muted); text-align: left; }
.vsmp-an-heat__day { font-size: 12px; color: var(--vsmp-text-2); align-self: center; }
.vsmp-an-heat__cell { height: 22px; border-radius: 4px; background: var(--vsmp-bg); }
.vsmp-an-heat__cell--1 { background: color-mix(in srgb, var(--vsmp-accent) 22%, transparent); }
.vsmp-an-heat__cell--2 { background: color-mix(in srgb, var(--vsmp-accent) 45%, transparent); }
.vsmp-an-heat__cell--3 { background: color-mix(in srgb, var(--vsmp-accent) 70%, transparent); }
.vsmp-an-heat__cell--4 { background: var(--vsmp-accent); }
.vsmp-an-effect .vsmp-card__title { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.vsmp-an-effect .vsmp-card__title .vsmp-icon { width: 18px; height: 18px; color: var(--vsmp-accent); }
.vsmp-an-dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 16px; margin: 0; padding: 18px 24px; font-size: 14px; }
.vsmp-an-dl dt { color: var(--vsmp-text-2); }
.vsmp-an-dl dd { margin: 0; text-align: right; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vsmp-an-effect__note, .vsmp-an-costs-note { margin: 0; padding: 0 24px 18px; }
.vsmp-an-codes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0 24px 18px; }
.vsmp-an-indent { padding-left: 40px !important; color: var(--vsmp-text-2); }
.vsmp-an-total td { background: var(--vsmp-bg); }
.vsmp-an-foot { display: flex; align-items: flex-start; gap: 8px; margin: 20px 2px 0; }
.vsmp-an-foot .vsmp-icon { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 1px; }
@media (max-width: 1280px) {
	.vsmp-an-section.vsmp-grid--2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
	.vsmp-grid--3:has(.vsmp-an-effect) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
	.vsmp-an-period__dates { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	.vsmp-an-period__dates .vsmp-input { width: 100%; min-width: 0; }
	.vsmp-an-period__dates .vsmp-btn { grid-column: 1 / -1; justify-content: center; }
	.vsmp-an-funnel li { grid-template-columns: 90px minmax(0, 1fr) 64px; }
	.vsmp-an-funnel__rate { display: none; }
	.vsmp-an-bars li { grid-template-columns: minmax(0, 1fr) 70px 40px 50px; }
	.vsmp-an-table td:first-child, .vsmp-an-table th:first-child { padding-left: 16px; }
	.vsmp-an-heat { padding: 14px 16px; }
	.vsmp-an-dl, .vsmp-an-codes, .vsmp-an-effect__note, .vsmp-an-costs-note, .vsmp-an-chart-note { padding-left: 16px; padding-right: 16px; }
	.vsmp-an-attention { margin: 12px 16px 0; }
}

/* ---------------------------------------------------------------- seller ranking (1.18.0) */
.vsmp-rk-hero { display: flex; align-items: center; gap: 28px; padding: 26px 28px; --rk: var(--vsmp-accent); }
.vsmp-rk-hero--excellent { --rk: var(--vsmp-good); }
.vsmp-rk-hero--fair { --rk: var(--vsmp-warn); }
.vsmp-rk-hero--low { --rk: var(--vsmp-bad); }
.vsmp-rk-hero--new { --rk: var(--vsmp-muted); }
.vsmp-rk-ring { position: relative; flex: 0 0 auto; width: 148px; height: 148px; }
.vsmp-rk-ring svg { display: block; }
.vsmp-rk-ring__bg { fill: none; stroke: var(--vsmp-bg); stroke-width: 11; }
.vsmp-rk-ring__fg { fill: none; stroke: var(--rk); stroke-width: 11; stroke-linecap: round; }
.vsmp-rk-ring__value { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.vsmp-rk-ring__value b { font-size: 40px; font-weight: 500; line-height: 1; font-variant-numeric: tabular-nums; }
.vsmp-rk-ring__value small { color: var(--vsmp-muted); font-size: 13px; margin-top: 4px; }
.vsmp-rk-hero__text { min-width: 0; }
.vsmp-rk-level { display: inline-flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 500; color: var(--rk); }
.vsmp-rk-level .vsmp-icon { width: 24px; height: 24px; }
.vsmp-rk-hero__desc { margin: 8px 0 0; color: var(--vsmp-text-2); }
.vsmp-rk-hero__pos { margin: 10px 0 0; font-weight: 500; }
.vsmp-rk-small { font-size: 12.5px; }
.vsmp-rk-hero .vsmp-rk-small { margin: 10px 0 0; }
.vsmp-rk-bonus { margin: 10px 0 0; font-size: 13px; padding: 6px 10px; border-radius: 8px; display: inline-block; }
.vsmp-rk-bonus--plus { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-rk-bonus--minus { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-rk-levels { list-style: none; margin: 0; padding: 14px 24px 4px; display: grid; gap: 4px; }
.vsmp-rk-levels__item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; font-size: 14px; }
.vsmp-rk-levels__item b { font-weight: 500; flex: 1; }
.vsmp-rk-levels__item.is-current { background: var(--vsmp-accent-soft); }
.vsmp-rk-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-rk-levels__item--excellent .vsmp-rk-dot { background: var(--vsmp-good); }
.vsmp-rk-levels__item--fair .vsmp-rk-dot { background: var(--vsmp-warn); }
.vsmp-rk-levels__item--low .vsmp-rk-dot { background: var(--vsmp-bad); }
.vsmp-rk-pad { margin: 0; padding: 4px 24px 18px; }
.vsmp-rk-section { margin-top: 20px; }
.vsmp-rk-table td { vertical-align: middle; }
.vsmp-rk-value { font-weight: 500; font-size: 15px; white-space: nowrap; }
.vsmp-rk-value--good { color: var(--vsmp-good); }
.vsmp-rk-value--warn { color: var(--vsmp-warn); }
.vsmp-rk-value--bad { color: var(--vsmp-bad); }
.vsmp-rk-points { white-space: nowrap; min-width: 190px; }
.vsmp-rk-bar { display: inline-block; vertical-align: middle; width: 110px; height: 8px; border-radius: 4px; background: var(--vsmp-bg); overflow: hidden; margin-right: 10px; }
.vsmp-rk-bar > span { display: block; height: 100%; border-radius: 4px; background: var(--vsmp-good); }
.vsmp-rk-bar--warn > span { background: var(--vsmp-warn); }
.vsmp-rk-bar--bad > span { background: var(--vsmp-bad); }
.vsmp-rk-points b { font-weight: 500; }
.vsmp-rk-tips { margin: 0; padding-left: 20px; display: grid; gap: 16px; }
.vsmp-rk-tips b { font-weight: 500; margin-right: 6px; }
.vsmp-rk-tips p { margin: 6px 0 0; color: var(--vsmp-text-2); font-size: 14px; }
.vsmp-rk-allgood { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
.vsmp-rk-allgood .vsmp-icon { color: var(--vsmp-good); flex: 0 0 auto; }
@media (max-width: 1280px) { .vsmp-rk-section.vsmp-grid--2 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) {
	.vsmp-rk-hero { flex-direction: column; text-align: center; padding: 22px 16px; }
	.vsmp-rk-levels, .vsmp-rk-pad { padding-left: 16px; padding-right: 16px; }
	.vsmp-rk-points { min-width: 150px; }
	.vsmp-rk-table td:first-child { min-width: 210px; }
	.vsmp-rk-bar { width: 70px; }
}
.vsmp-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------------------------------------------------------------- support tickets (1.19.0) */
.vsmp-tk-small { font-size: 12.5px; }
.vsmp-tk-pad { margin: 0; padding: 18px 24px; }
.vsmp-tk-list { list-style: none; margin: 0; padding: 0; }
.vsmp-tk-list li + li { border-top: 1px solid var(--vsmp-border); }
.vsmp-tk-row { display: flex; align-items: center; gap: 16px; padding: 16px 24px; color: inherit; text-decoration: none; }
.vsmp-tk-row:hover { background: var(--vsmp-bg); }
.vsmp-tk-row__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.vsmp-tk-row__subject { font-weight: 500; display: flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-tk-row.is-unread .vsmp-tk-row__subject { color: var(--vsmp-accent-dark); }
.vsmp-tk-row__meta { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: 0 0 auto; }
.vsmp-tk-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-tk-pager { justify-content: center; flex-wrap: wrap; }
.vsmp-tk-back { margin: 0 0 12px; }
.vsmp-tk-back a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.vsmp-tk-back__icon { transform: rotate(180deg); width: 16px; height: 16px; }
.vsmp-tk-thread__title { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.vsmp-tk-thread__actions { display: flex; align-items: center; gap: 10px; }
.vsmp-tk-messages { list-style: none; margin: 0; padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; background: var(--vsmp-bg); }
.vsmp-tk-msg { max-width: 78%; padding: 12px 16px; border-radius: 12px; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); }
.vsmp-tk-msg--mine { align-self: flex-end; background: var(--vsmp-accent-soft); border-color: transparent; border-bottom-right-radius: 4px; }
.vsmp-tk-msg--support { align-self: flex-start; border-bottom-left-radius: 4px; }
.vsmp-tk-msg__head { display: flex; align-items: center; gap: 8px; font-size: 13px; margin-bottom: 6px; flex-wrap: wrap; }
.vsmp-tk-msg__head b { font-weight: 500; }
.vsmp-tk-msg__avatar { width: 22px; height: 22px; border-radius: 50%; background: var(--vsmp-accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.vsmp-tk-msg__avatar .vsmp-icon { width: 13px; height: 13px; }
.vsmp-tk-msg__text { font-size: 14.5px; line-height: 1.5; overflow-wrap: anywhere; }
.vsmp-tk-files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.vsmp-tk-file { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--vsmp-border); background: #fff; font-size: 13px; max-width: 260px; color: var(--vsmp-text); }
.vsmp-tk-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-tk-file small { color: var(--vsmp-muted); flex: 0 0 auto; }
.vsmp-tk-file .vsmp-icon { width: 16px; height: 16px; color: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-tk-reply { padding: 18px 24px 20px; border-top: 1px solid var(--vsmp-border); display: flex; flex-direction: column; gap: 10px; }
.vsmp-tk-reply__foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.vsmp-tk-attach { cursor: pointer; align-self: flex-start; }
.vsmp-form > .vsmp-tk-small { margin: 0; }
.vsmp-tk-closed { padding: 16px 24px; border-top: 1px solid var(--vsmp-border); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.vsmp-tk-closed p { margin: 0; display: flex; align-items: center; gap: 8px; }
.vsmp-tk-closed .vsmp-icon { color: var(--vsmp-good); }
.vsmp-tk-rate { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.vsmp-tk-stars { display: inline-flex; gap: 2px; }
.vsmp-tk-stars button { border: 0; background: none; font-size: 26px; line-height: 1; color: var(--vsmp-border-strong); cursor: pointer; padding: 0 2px; }
.vsmp-tk-stars button.is-on { color: #f5a623; }
@media (max-width: 720px) {
	.vsmp-tk-row { padding: 14px 16px; flex-direction: column; align-items: stretch; gap: 8px; }
	.vsmp-tk-row__meta { flex-direction: row; justify-content: space-between; align-items: center; }
	.vsmp-tk-messages { padding: 14px 12px; }
	.vsmp-tk-msg { max-width: 92%; }
	.vsmp-tk-reply, .vsmp-tk-closed { padding-left: 16px; padding-right: 16px; }
}

/* ---------------------------------------------------------------- subscription (1.20.0) */
.vsmp-storecard__badges { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.vsmp-planbadge { text-decoration: none; }
.vsmp-planbadge:hover { filter: brightness(.97); }
.vsmp-period-switch { display: flex; justify-content: center; margin: 0 0 20px; }
.vsmp-period-switch .vsmp-chips { background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: 999px; padding: 4px; gap: 4px; }
.vsmp-period-switch .vsmp-chip { border-color: transparent; }
.vsmp-period-switch .vsmp-chip small { color: var(--vsmp-good); font-weight: 500; margin-left: 4px; }
.vsmp-plan__save { display: inline-block; margin-top: 4px; font-size: 13px; color: var(--vsmp-good); background: var(--vsmp-good-bg); border-radius: 6px; padding: 2px 8px; }
.vsmp-plan__alt { display: block; font-size: 13px; color: var(--vsmp-muted); margin-top: 4px; font-weight: 400; }
.vsmp-plan [data-period-show] { display: none; }
.vsmp-plans[data-period="month"] [data-period-show="month"], .vsmp-plans[data-period="year"] [data-period-show="year"] { display: block; }
.vsmp-plans[data-period="month"] .vsmp-plan__foot[data-period-show="month"], .vsmp-plans[data-period="year"] .vsmp-plan__foot[data-period-show="year"] { display: grid; }
a.vsmp-planbadge.vsmp-badge--good { color: var(--vsmp-good); }
a.vsmp-planbadge.vsmp-badge--warn { color: var(--vsmp-warn); }
a.vsmp-planbadge.vsmp-badge--bad { color: var(--vsmp-bad); }
a.vsmp-planbadge.vsmp-badge--info { color: var(--vsmp-info); }

/* ---------------------------------------------------------------- payment method requests (1.21.0) */
.vsmp-payreq { margin-bottom: 20px; }
.vsmp-payreq__list { display: flex; flex-direction: column; }
.vsmp-payreq__item { display: flex; align-items: center; gap: 16px; padding: 16px 24px; }
.vsmp-payreq__item + .vsmp-payreq__item { border-top: 1px solid var(--vsmp-border); }
.vsmp-payreq__item .vsmp-paycard__mark { color: #fff; flex: 0 0 auto; }
.vsmp-payreq__text { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.vsmp-payreq__text b { font-weight: 500; font-size: 15px; }
.vsmp-payreq__answer { font-size: 13px; }
@media (max-width: 720px) {
	.vsmp-payreq__item { padding: 14px 16px; flex-wrap: wrap; }
	.vsmp-payreq__item .vsmp-btn { width: 100%; justify-content: center; }
}

/* 1.22.0: fiscal receipts */
.vsmp-fiscalbox { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }
.vsmp-fiscalbox__hint { margin: 0; font-size: 13px; }
.vsmp-fiscalbox__modes { display: flex; flex-direction: column; gap: 8px; }
.vsmp-fiscalbox__modes[hidden] { display: none; }
.vsmp-radio-card { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-card); cursor: pointer; }
.vsmp-radio-card:has(input:checked) { border-color: var(--vsmp-accent); box-shadow: 0 0 0 1px var(--vsmp-accent); }
.vsmp-radio-card input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-radio-card > span { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.vsmp-radio-card b { font-weight: 500; }
.vsmp-radio-card .vsmp-muted { font-size: 13px; }
.vsmp-receipt-note { font-size: 12.5px; margin-top: 4px; white-space: normal; line-height: 1.35; }
.vsmp-receipt-link { font-size: 13px; color: var(--vsmp-accent); }

/* 1.23.0: ZoodPay, FreedomPay, SumUp, Stripe cards */
.vsmp-paycard__note { margin: 0; font-size: 13px; line-height: 1.45; }
.vsmp-paycard__mark:not(.vsmp-paycard__mark--click):not(.vsmp-paycard__mark--payme) { font-size: 15px; letter-spacing: -.02em; }

/* 1.24.0: Vitco carriers on «Доставка» */
.vsmp-sc { margin: 20px 0; }
.vsmp-sc__intro { margin: 0 0 12px; }
.vsmp-sc__intro p { margin: 4px 0 0; font-size: 14px; }
.vsmp-sc__card h3.vsmp-card__title { font-size: 17px; }
.vsmp-sc__fixed { display: flex; flex-direction: column; gap: 12px; }
.vsmp-sc__fixed[hidden] { display: none; }
.vsmp-sc__estimate { border-top: 1px dashed var(--vsmp-border-strong); padding-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.vsmp-sc__estimate-row { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.vsmp-sc__estimate-row > .vsmp-officepick, .vsmp-sc__estimate-row > select { flex: 1 1 220px; min-width: 0; }
.vsmp-sc__kg { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--vsmp-muted); }
.vsmp-sc__kg .vsmp-input { width: 72px; }
.vsmp-sc__result { margin: 0; font-size: 14px; line-height: 1.45; }
.vsmp-officepick { position: relative; }
.vsmp-officepick__list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); max-height: 260px; overflow: auto; background: var(--vsmp-card); border: 1px solid var(--vsmp-border-strong); border-radius: var(--vsmp-radius); box-shadow: 0 8px 24px rgba(20, 20, 40, .12); padding: 4px; }
.vsmp-officepick__list[hidden] { display: none; }
.vsmp-officepick__list button { display: block; width: 100%; text-align: left; border: 0; background: transparent; padding: 8px 10px; font: inherit; font-size: 13.5px; line-height: 1.35; border-radius: 4px; cursor: pointer; color: var(--vsmp-text); }
.vsmp-officepick__list button:hover { background: var(--vsmp-accent-soft); }
.vsmp-officepick__list > span { display: block; padding: 8px 10px; font-size: 13px; }
.vsmp-dlv-point { font-size: 12.5px; }
@media (max-width: 720px) { .vsmp-sc__estimate-row .vsmp-btn { width: 100%; justify-content: center; } }

/* 1.26.0: staff sub-accounts */
.vsmp-staff-table tr.is-past td { opacity: .6; }
.vsmp-staff-person { display: flex; gap: 10px; align-items: center; min-width: 200px; }
.vsmp-staff-person .vsmp-avatar { flex: 0 0 auto; }
.vsmp-staff-person .vsmp-muted { font-size: 13px; }
.vsmp-staff-role { display: block; font-weight: 500; }
.vsmp-staff-perms { display: block; font-size: 12.5px; line-height: 1.4; max-width: 320px; margin-top: 2px; }
.vsmp-staff-small { font-size: 12.5px; }
.vsmp-staff-actions { white-space: nowrap; }
.vsmp-staff-actions .vsmp-linkbtn + .vsmp-linkbtn { margin-left: 14px; }
.vsmp-linkbtn--danger, .vsmp-staff-actions .vsmp-linkbtn--danger { color: var(--vsmp-bad); }
#vsmp-staff-log-who { width: auto; min-width: 220px; max-width: 100%; height: 40px; }
.vsmp-staff-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vsmp-staff-grid { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); overflow: hidden; }
.vsmp-staff-grid__row { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 84px); align-items: center; border-top: 1px solid var(--vsmp-border); }
.vsmp-staff-grid__row:first-child { border-top: 0; }
.vsmp-staff-grid__row > span { padding: 9px 14px; display: flex; flex-direction: column; gap: 1px; font-size: 14px; }
.vsmp-staff-grid__row > span b { font-weight: 500; }
.vsmp-staff-grid__row > span .vsmp-muted { font-size: 12.5px; line-height: 1.35; }
.vsmp-staff-grid__row > label { display: flex; justify-content: center; align-items: center; align-self: stretch; cursor: pointer; }
.vsmp-staff-grid__row > label:hover { background: var(--vsmp-accent-soft); }
.vsmp-staff-grid__row input { width: 18px; height: 18px; accent-color: var(--vsmp-accent); margin: 0; cursor: pointer; }
.vsmp-staff-grid__row--head { background: var(--vsmp-field); }
.vsmp-staff-grid__row--head > span { font-size: 12.5px; color: var(--vsmp-text-2); text-align: center; align-items: center; }
.vsmp-staff-grid__row--head > span:first-child { text-align: left; align-items: flex-start; }
.vsmp-staff-grid__row.is-sensitive > span b::after { content: " ⚠"; color: var(--vsmp-warn); font-weight: 400; }
.vsmp-staff-warn[hidden] { display: none; }
.vsmp-staff-pager { justify-content: space-between; align-items: center; }
.vsmp-staff-invite .vsmp-card__body { display: flex; flex-direction: column; gap: 16px; }
.vsmp-staff-invite__head { display: flex; gap: 14px; align-items: center; }
.vsmp-staff-invite__head .vsmp-card__title { font-size: 19px; }
.vsmp-staff-invite__icon { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-staff-invite__icon .vsmp-icon { width: 24px; height: 24px; }
.vsmp-staff-invite__perms { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14px; }
.vsmp-staff-invite__perms li { display: flex; gap: 8px; align-items: flex-start; }
.vsmp-staff-invite__perms .vsmp-icon { width: 18px; height: 18px; color: var(--vsmp-accent); flex: 0 0 auto; margin-top: 1px; }
.vsmp-staff-invite__perms b { font-weight: 500; }
.vsmp-staff-noaccess { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.vsmp-staff-noaccess p { margin: 0; max-width: 460px; }
.vsmp-staff-noaccess .vsmp-btn { margin-top: 14px; }
@media (max-width: 720px) {
	.vsmp-staff-roles { grid-template-columns: minmax(0, 1fr); }
	.vsmp-staff-grid__row { grid-template-columns: minmax(0, 1fr) repeat(3, 62px); }
	.vsmp-staff-grid__row > span { padding: 8px 10px; }
	.vsmp-staff-grid__row--head > span { font-size: 10.5px; padding: 8px 2px; overflow-wrap: anywhere; line-height: 1.2; }
	.vsmp-staff-table thead { display: none; }
	.vsmp-staff-table, .vsmp-staff-table tbody, .vsmp-staff-table tr, .vsmp-staff-table td { display: block; width: 100%; }
	.vsmp-staff-table tr { padding: 14px 16px; border-bottom: 1px solid var(--vsmp-border); }
	.vsmp-staff-table tr:last-child { border-bottom: 0; }
	.vsmp-staff-table td { padding: 3px 0 3px 44px; border: 0; }
	.vsmp-staff-table td:first-child { padding-left: 0; }
	.vsmp-staff-table .vsmp-staff-perms { max-width: none; }
	.vsmp-staff-actions { text-align: left; white-space: normal; }
	.vsmp-staff-actions .vsmp-linkbtn, .vsmp-staff-actions .vsmp-linkbtn + .vsmp-linkbtn { margin: 6px 16px 0 0; font-size: 14px; }
}

/* 1.28.0: buyers who saved the product (product editor) */
.vsmp-pe-watchers { margin: 0 0 4px; padding: 10px 14px; border-radius: var(--vsmp-radius); background: var(--vsmp-good-bg); color: var(--vsmp-good); font-size: 14px; }

/* 1.30.0: «Tasdiqlangan sotuvchi» and product certificates */
.vsmp-vf__title { display: flex; gap: 12px; align-items: center; }
.vsmp-vf__icon { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--vsmp-field); color: var(--vsmp-muted); flex: 0 0 auto; }
.vsmp-vf.is-verified .vsmp-vf__icon { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-vf__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.vsmp-vf__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; }
.vsmp-vf__mark { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--vsmp-bad-bg); color: var(--vsmp-bad); flex: 0 0 auto; }
.vsmp-vf__mark .vsmp-icon { width: 14px; height: 14px; }
.vsmp-vf__list li.is-ok .vsmp-vf__mark { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-vf__foot { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-top: 18px; }
.vsmp-ct-small { font-size: 12.5px; }
.vsmp-ct-small .vsmp-icon { width: 13px; height: 13px; vertical-align: -2px; }
.vsmp-ct-products { max-width: 320px; font-size: 13.5px; }
.vsmp-ct-table tr.is-past td { opacity: .6; }
@media (max-width: 720px) { .vsmp-vf__list { grid-template-columns: minmax(0, 1fr); } }

/* 1.31.0: buyer complaints */
.vsmp-cp-item__who { display: flex; align-items: center; gap: 6px; margin: 6px 0 0; font-size: 13px; }
.vsmp-cp-item__who .vsmp-icon, .vsmp-cp-item__photos .vsmp-icon { width: 15px; height: 15px; }
.vsmp-cp-item__photos { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 8px 0 0; font-size: 13px; }
.vsmp-cp-item__photos a { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border: 1px solid var(--vsmp-border); border-radius: 6px; }
.vsmp-cp-item .vsmp-rv-item__head .vsmp-badge .vsmp-icon { width: 13px; height: 13px; margin-right: 3px; }
.vsmp-cp-item .vsmp-rv-reply__head a { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; }
.vsmp-cp-item .vsmp-rv-reply__head a .vsmp-icon { width: 14px; height: 14px; }
.vsmp-cp-form__file { display: block; margin: 8px 0 0; font-size: 13px; color: var(--vsmp-text-2); }
.vsmp-cp-form__buttons { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }

/* 1.32.0: finance report */
.vsmp-fin-flow { width: 100%; border-collapse: collapse; font-size: 14px; }
.vsmp-fin-flow td { padding: 8px 0; border-bottom: 1px solid var(--vsmp-border); vertical-align: middle; }
.vsmp-fin-flow td:not(:first-child) { text-align: right; padding-left: 12px; white-space: nowrap; }
.vsmp-fin-flow .vsmp-an-bar { display: block; width: 100%; margin: 6px 0 0; max-width: 260px; }
.vsmp-fin-flow tr.is-sub td { font-weight: 500; }
.vsmp-fin-flow tr.is-total td { font-weight: 600; font-size: 16px; border-bottom: 0; border-top: 2px solid var(--vsmp-text); color: var(--vsmp-good); }
.vsmp-fin-flow tr.is-total.is-negative td, .vsmp-fin-net.is-negative .vsmp-stat__value { color: var(--vsmp-bad); }
.vsmp-fin-otot { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px 20px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-fin-otot div { display: flex; flex-direction: column; gap: 2px; }
.vsmp-fin-otot span { font-size: 12.5px; }
.vsmp-fin-otot b { font-size: 17px; font-weight: 600; }
.vsmp-fin-otot small { font-size: 12px; }
.vsmp-fin-table td, .vsmp-fin-table th { white-space: nowrap; }
.vsmp-fin-table tr.is-past td { opacity: .6; }
.vsmp-fin-table .vsmp-badge { margin-top: 4px; }

/* 1.33.0: listing quality */
.vsmp-ql-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; padding: 3px 8px; border-radius: 999px; font-weight: 600; font-size: 13px; font-variant-numeric: tabular-nums; cursor: help; }
.vsmp-ql-pill--excellent { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ql-pill--good { background: var(--vsmp-info-bg); color: var(--vsmp-info); }
.vsmp-ql-pill--fair { background: var(--vsmp-warn-bg); color: var(--vsmp-warn); }
.vsmp-ql-pill--poor { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-ql > summary { gap: 14px; justify-content: flex-start; }
.vsmp-ql__head { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.vsmp-ql__head .vsmp-muted { font-size: 13px; }
.vsmp-ql__ring { --c: var(--vsmp-bad); flex: 0 0 auto; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--c) calc(var(--p) * 1%), var(--vsmp-bg) 0); position: relative; }
.vsmp-ql__ring::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: var(--vsmp-card); }
.vsmp-ql__ring b { position: relative; font-size: 16px; font-variant-numeric: tabular-nums; }
.vsmp-ql__ring--excellent { --c: var(--vsmp-good); }
.vsmp-ql__ring--good { --c: var(--vsmp-info); }
.vsmp-ql__ring--fair { --c: var(--vsmp-warn); }
.vsmp-ql__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vsmp-ql__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.45; }
.vsmp-ql__list li.is-ok { color: var(--vsmp-text-2); }
.vsmp-ql__mark { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ql__mark.is-bad { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-ql__mark .vsmp-icon { width: 14px; height: 14px; }
.vsmp-ql__note { font-size: 12.5px; margin: 14px 0 0; }
.vsmp-ql-dist { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: var(--vsmp-bg); margin: 6px 0 10px; }
.vsmp-ql-dist span { display: block; height: 100%; }
.vsmp-ql-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; }
.vsmp-ql-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.vsmp-ql-bg--excellent { background: var(--vsmp-good); }
.vsmp-ql-bg--good { background: var(--vsmp-info); }
.vsmp-ql-bg--fair { background: var(--vsmp-warn); }
.vsmp-ql-bg--poor { background: var(--vsmp-bad); }
.vsmp-ql-problems { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vsmp-ql-problems li { display: grid; grid-template-columns: minmax(0, 1fr) 140px 44px; gap: 10px; align-items: center; font-size: 14px; }
.vsmp-ql-problems .vsmp-an-bar { width: 100%; margin: 0; }
.vsmp-ql-weak td { vertical-align: top; }
.vsmp-ql-weak ul { margin: 0; padding-left: 18px; font-size: 13px; color: var(--vsmp-text-2); }
@media (max-width: 720px) { .vsmp-ql-problems li { grid-template-columns: minmax(0, 1fr) 70px 36px; } }
.vsmp-ql-headwrap { flex-wrap: wrap; gap: 10px; }
.vsmp-ql-headwrap .vsmp-btn { max-width: 100%; white-space: normal; }

/* 1.34.0: automatic price rules */
.vsmp-prc-rule { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px 16px; align-items: start; padding: 18px 24px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-prc-rule:last-child { border-bottom: 0; }
.vsmp-prc-rule__icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--vsmp-field); color: var(--vsmp-muted); }
.vsmp-prc-rule.is-on .vsmp-prc-rule__icon { background: var(--vsmp-accent-soft); color: var(--vsmp-accent); }
.vsmp-prc-rule__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.vsmp-prc-rule__head b { font-weight: 600; font-size: 15px; }
.vsmp-prc-rule__text { margin: 6px 0 0; font-size: 14px; }
.vsmp-prc-rule__meta { margin: 4px 0 0; font-size: 13px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.vsmp-prc-rule__meta .vsmp-icon { width: 14px; height: 14px; }
.vsmp-prc-rule__actions { grid-column: 2; display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; }
.vsmp-linkbtn--danger { color: var(--vsmp-bad) !important; }
.vsmp-prc-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vsmp-prc-type input { position: absolute; opacity: 0; }
.vsmp-prc-type > span { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 12px 14px; border: 1px solid var(--vsmp-border-strong); border-radius: var(--vsmp-radius); cursor: pointer; }
.vsmp-prc-type > span .vsmp-icon { color: var(--vsmp-muted); }
.vsmp-prc-type small { color: var(--vsmp-text-2); font-size: 12.5px; line-height: 1.4; }
.vsmp-prc-type input:checked + span { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-prc-type input:checked + span .vsmp-icon { color: var(--vsmp-accent); }
.vsmp-prc-input { display: flex; align-items: center; gap: 8px; }
.vsmp-prc-input .vsmp-input { flex: 1 1 auto; min-width: 0; }
.vsmp-prc-sections { max-height: 220px; overflow: auto; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 8px 12px; display: grid; gap: 4px; font-size: 14px; }
.vsmp-prc-delta { font-size: 12px; font-weight: 600; }
.vsmp-prc-delta.is-down { color: var(--vsmp-good); }
.vsmp-prc-delta.is-up { color: var(--vsmp-warn); }
.vsmp-prc-table tr.is-past td { opacity: .55; }
.vsmp-prc-preview { max-height: 55vh; overflow: auto; }
@media (max-width: 720px) {
	.vsmp-prc-rule { grid-template-columns: 36px minmax(0, 1fr); padding: 16px; }
	.vsmp-prc-rule__icon { width: 36px; height: 36px; }
	.vsmp-prc-rule__actions { grid-column: 1 / -1; justify-content: flex-start; }
	.vsmp-prc-types { grid-template-columns: minmax(0, 1fr); }
}

/* 1.35.0: platform sales events */
.vsmp-ev-list { display: grid; gap: 16px; }
.vsmp-ev-card { --ev: #7c3aed; overflow: hidden; }
.vsmp-ev-card__band { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; color: #fff; background: linear-gradient(120deg, var(--ev), color-mix(in srgb, var(--ev) 60%, #000)); }
.vsmp-ev-card__band h2 { margin: 8px 0 4px; font-size: 22px; font-weight: 700; color: #fff; }
.vsmp-ev-card__band p { margin: 0; opacity: .9; font-size: 14px; }
.vsmp-ev-card__stage.vsmp-badge { background: rgba(255,255,255,.22); color: #fff; }
.vsmp-ev-card__pct { font-size: 30px; font-weight: 800; white-space: nowrap; }
.vsmp-ev-card__text { margin: 0 0 12px; font-size: 14.5px; }
.vsmp-ev-card__facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; font-size: 14px; }
.vsmp-ev-card__facts li, .vsmp-ev-card__mine { display: flex; gap: 8px; align-items: flex-start; }
.vsmp-ev-card__facts .vsmp-icon, .vsmp-ev-card__mine .vsmp-icon { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--vsmp-muted); }
.vsmp-ev-card__mine { margin: 14px 0 0; padding: 10px 12px; border-radius: var(--vsmp-radius); background: var(--vsmp-field); font-size: 14px; }
.vsmp-ev-card__foot { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.vsmp-ev-table td { vertical-align: middle; }
.vsmp-ev-table tr.is-invalid td { background: var(--vsmp-bad-bg); }
.vsmp-ev-pct { width: 76px; }
.vsmp-ev-items .vsmp-search { margin: 4px 0 6px; }
.vsmp-ev-count { margin: 10px 0 0; font-size: 13px; }
@media (max-width: 720px) {
	.vsmp-ev-card__band { padding: 16px; }
	.vsmp-ev-card__pct { font-size: 22px; }
	.vsmp-ev-card__facts { grid-template-columns: minmax(0, 1fr); }
}
.vsmp-ev-table td:first-child { min-width: 200px; }
.vsmp-ev-table .vsmp-prod__name { white-space: normal; }
.vsmp-ev-table th, .vsmp-ev-table td { padding-left: 10px; padding-right: 10px; }
.vsmp-ev-table td:last-child { width: 40px; padding-left: 0; text-align: right; }
.vsmp-ev-table td:nth-child(5) { max-width: 170px; }
.vsmp-ev-items .vsmp-table-wrap { overflow-x: auto; }

/* 1.38.0: returns center */
.vsmp-badge--muted { background: var(--vsmp-field); color: var(--vsmp-muted); }
.vsmp-rt-list { display: flex; flex-direction: column; gap: 14px; }
.vsmp-rt-item { padding: 18px 20px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-card); }
.vsmp-rt-item.is-open { border-color: var(--vsmp-warn); box-shadow: inset 3px 0 0 var(--vsmp-warn); }
.vsmp-rt-item__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 12px; }
.vsmp-rt-item__head .vsmp-badge .vsmp-icon { width: 13px; height: 13px; margin-right: 3px; }
.vsmp-rt-item__date { margin-left: auto; font-size: 13px; }
.vsmp-rt-goods { list-style: none; margin: 0 0 10px; padding: 0; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-rt-goods li { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-top: 1px solid var(--vsmp-border); }
.vsmp-rt-goods li:first-child { border-top: 0; }
.vsmp-rt-goods img { width: 40px; height: 40px; object-fit: contain; border: 1px solid var(--vsmp-border); border-radius: 4px; background: #fff; flex: 0 0 auto; }
.vsmp-rt-goods__name { flex: 1; min-width: 0; }
.vsmp-rt-goods b { white-space: nowrap; font-weight: 600; }
.vsmp-rt-goods__total { justify-content: space-between; background: var(--vsmp-field); font-size: 14px; }
.vsmp-rt-why { margin: 0 0 10px; }
.vsmp-rt-quote { margin: 0 0 10px; padding: 10px 14px; border-radius: var(--vsmp-radius); background: var(--vsmp-field); font-size: 14px; }
.vsmp-rt-quote b { display: block; margin-bottom: 2px; font-size: 13px; color: var(--vsmp-text-2); }
.vsmp-rt-quote p { margin: 0; }
.vsmp-rt-quote--good { background: var(--vsmp-good-bg); }
.vsmp-rt-quote--bad { background: var(--vsmp-bad-bg); }
.vsmp-rt-quote--admin { background: var(--vsmp-info-bg); }
.vsmp-rt-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 4px; }
.vsmp-rt-form { margin: 12px 0 4px; padding: 14px 16px; border: 1px solid var(--vsmp-border-strong); border-radius: var(--vsmp-radius); }
.vsmp-rt-form__label { margin: 0 0 6px; font-weight: 600; font-size: 14px; }
.vsmp-rt-form__label + .vsmp-textarea { margin-bottom: 0; }
.vsmp-rt-ways { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; }
.vsmp-rt-ways label { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); cursor: pointer; font-size: 14px; }
.vsmp-rt-ways label:has(input:checked) { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-rt-ways input { accent-color: var(--vsmp-accent); margin: 0; }
.vsmp-rt-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 10px; }
.vsmp-rt-form__buttons { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.vsmp-rt-form .vsmp-textarea { width: 100%; }
.vsmp-rt-history { margin-top: 10px; font-size: 13px; }
.vsmp-rt-history summary { cursor: pointer; color: var(--vsmp-muted); }
.vsmp-rt-history ol { margin: 6px 0 0; padding-left: 18px; }
@media (max-width: 720px) {
	.vsmp-rt-item { padding: 14px; }
	.vsmp-rt-item__date { margin-left: 0; }
	.vsmp-rt-form__row { grid-template-columns: minmax(0, 1fr); }
	.vsmp-rt-actions .vsmp-btn { flex: 1 1 auto; }
}

/* 1.39.0: return figures, automatic refunds, return delivery */
.vsmp-rt-figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 12px; margin: 0 0 16px; }
.vsmp-rt-figure { padding: 14px 16px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-card); }
.vsmp-rt-figure > span { display: block; color: var(--vsmp-muted); font-size: 13px; }
.vsmp-rt-figure > b { display: block; margin-top: 2px; font-size: 22px; font-weight: 700; }
.vsmp-rt-figure > b.is-good { color: var(--vsmp-good); }
.vsmp-rt-figure > b.is-warn { color: var(--vsmp-warn); }
.vsmp-rt-figure > b.is-bad { color: var(--vsmp-bad); }
.vsmp-rt-figure small { display: block; color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-rt-figure ul { list-style: none; margin: 6px 0 0; padding: 0; font-size: 13.5px; }
.vsmp-rt-figure li { display: flex; justify-content: space-between; gap: 8px; padding: 1px 0; }
.vsmp-rt-auto { margin: 12px 0 0; padding: 12px 14px; border: 1px solid var(--vsmp-good); border-radius: var(--vsmp-radius); background: var(--vsmp-good-bg); }
.vsmp-rt-auto p { margin: 2px 0 10px; font-size: 14px; }
.vsmp-rt-auto .vsmp-btn { margin-right: 10px; }
.vsmp-rt-small { font-size: 13px; margin: 8px 0 0; }
.vsmp-rt-send { margin: 0 0 12px; }
.vsmp-rt-send[hidden] { display: none; }
.vsmp-rt-carrier { width: 100%; margin: 0 0 12px; }
.vsmp-rt-payer { display: flex; flex-wrap: wrap; gap: 8px; }
.vsmp-rt-payer label { display: flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); cursor: pointer; font-size: 14px; }
.vsmp-rt-payer label:has(input:checked) { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-rt-payer input { accent-color: var(--vsmp-accent); margin: 0; }
@media (max-width: 960px) { .vsmp-rt-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .vsmp-rt-figures { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 1.40.0: pay-per-click ads ---------- */
.vsmp-ad-days-card { margin-top: 20px; }
.vsmp-ad-days { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 6px; align-items: end; height: 150px; padding: 8px 22px 16px; }
.vsmp-ad-days__none { grid-column: 1 / -1; align-self: center; text-align: center; margin: 0; }
.vsmp-ad-day { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; min-width: 0; }
.vsmp-ad-day i { display: block; width: 100%; max-width: 30px; background: var(--vsmp-accent); border-radius: 4px 4px 0 0; opacity: .85; }
.vsmp-ad-day:hover i { opacity: 1; }
.vsmp-ad-day__n { font-size: 11.5px; color: var(--vsmp-muted); font-variant-numeric: tabular-nums; }
.vsmp-ad-day small { font-size: 11px; color: var(--vsmp-muted); white-space: nowrap; }
.vsmp-ad-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 24px 0 12px; flex-wrap: wrap; }
.vsmp-ad-head .vsmp-section-title { margin: 0; }
.vsmp-ad-list { display: grid; gap: 16px; }
.vsmp-ad-card { padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.vsmp-ad-card.is-archived, .vsmp-ad-card.is-paused .vsmp-ad-figs { opacity: .75; }
.vsmp-ad-card__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.vsmp-ad-card__title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.vsmp-ad-card__title b { font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }
.vsmp-ad-card__actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vsmp-ad-archive { color: var(--vsmp-muted); margin-left: 6px; }
.vsmp-ad-archive:hover { color: var(--vsmp-bad); }
.vsmp-ad-card__meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; color: var(--vsmp-text-2); }
.vsmp-ad-card__meta > span:first-child { margin-right: 6px; }
.vsmp-ad-card__meta b { color: var(--vsmp-text); font-weight: 500; }
.vsmp-ad-pl { font-size: 12.5px; padding: 3px 9px; border-radius: 999px; background: var(--vsmp-field); color: var(--vsmp-text-2); white-space: nowrap; }
.vsmp-ad-budget { display: flex; align-items: center; gap: 12px; font-size: 13.5px; color: var(--vsmp-muted); flex-wrap: wrap; }
.vsmp-ad-budget b { color: var(--vsmp-text); font-weight: 500; }
.vsmp-ad-budget i { display: block; flex: 1 1 160px; max-width: 280px; height: 6px; border-radius: 3px; background: var(--vsmp-field); overflow: hidden; }
.vsmp-ad-budget em { display: block; height: 100%; background: var(--vsmp-accent); border-radius: 3px; }
.vsmp-ad-hint { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 9px 12px; border-radius: var(--vsmp-radius); background: var(--vsmp-warn-bg); color: var(--vsmp-warn); font-size: 13.5px; }
.vsmp-ad-hint--bad { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-ad-hint .vsmp-icon { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.vsmp-ad-hint a { color: inherit; font-weight: 500; }
.vsmp-ad-card__figs { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--vsmp-border); padding-top: 12px; }
.vsmp-ad-card__period { font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-ad-figs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.vsmp-ad-figs span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vsmp-ad-figs small { font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-ad-figs b { font-size: 17px; font-weight: 500; font-variant-numeric: tabular-nums; }
.vsmp-ad-toggle { align-self: flex-start; font-size: 13.5px; }
.vsmp-ad-items tr.is-past td { opacity: .6; }
.vsmp-ad-off { color: var(--vsmp-bad); }
.vsmp-ad-archived { margin-top: 4px; }
.vsmp-ad-archived summary { cursor: pointer; color: var(--vsmp-muted); font-size: 14px; padding: 6px 0; }
.vsmp-ad-archived .vsmp-ad-card { margin-top: 12px; }
.vsmp-ad-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vsmp-ad-places { display: grid; gap: 8px; }
.vsmp-ad-place { padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-ad-place:has(input:checked) { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-ad-place span { display: flex; flex-direction: column; gap: 2px; }
.vsmp-ad-place b { font-weight: 500; }
.vsmp-ad-place small { color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-ad-picked { display: grid; gap: 6px; margin-top: 10px; }
.vsmp-ad-picked__count { margin: 0; font-size: 13px; }
.vsmp-ad-pick { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; background: var(--vsmp-field); }
.vsmp-ad-pick img { width: 34px; height: 34px; object-fit: contain; border-radius: 6px; background: #fff; border: 1px solid var(--vsmp-border); flex: none; }
.vsmp-ad-pick__name { flex: 1; min-width: 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-ad-pick .vsmp-input { width: 120px; flex: none; padding-top: 6px; padding-bottom: 6px; }
.vsmp-ad-pick button { border: 0; background: none; padding: 4px; cursor: pointer; color: var(--vsmp-muted); display: inline-flex; flex: none; }
.vsmp-ad-pick .vsmp-icon { width: 15px; height: 15px; }
@media (max-width: 720px) {
	.vsmp-ad-days { gap: 3px; padding: 8px 12px 14px; }
	.vsmp-ad-day small { font-size: 9.5px; }
	.vsmp-ad-day:nth-child(odd) small { visibility: hidden; }
	.vsmp-ad-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.vsmp-ad-form__row { grid-template-columns: minmax(0, 1fr); }
	.vsmp-ad-pick .vsmp-input { width: 92px; }
}

/* ---------- 1.41.0: ads part 2 ---------- */
.vsmp-ad-head__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.vsmp-ad-pl--opt { background: var(--vsmp-accent-soft); color: var(--vsmp-accent); }
.vsmp-ad-refunded { color: var(--vsmp-good); font-size: 13px; }
.vsmp-ad-rec span { display: inline-flex; flex-direction: column; align-items: flex-end; cursor: help; }
.vsmp-ad-rec small { color: var(--vsmp-muted); font-size: 12px; white-space: nowrap; }
.vsmp-ad-form.is-auto .vsmp-ad-pick .vsmp-input { display: none; }
.vsmp-ad-form .vsmp-radio small { display: block; }
.vsmp-ad-form .vsmp-textarea { font-size: 14px; }
.vsmp-ad-report { display: flex; flex-direction: column; gap: 14px; min-height: 280px; }
.vsmp-ad-report__bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.vsmp-ad-report__sum { padding: 12px 14px; background: var(--vsmp-field); border-radius: var(--vsmp-radius); }
.vsmp-ad-report__sum + .vsmp-ad-refunded { margin: -6px 0 0; }
.vsmp-ad-report__tabs .vsmp-chip { padding: 6px 14px; }
.vsmp-ad-report__table td, .vsmp-ad-report__table th { padding: 9px 12px; font-size: 14px; }
.vsmp-ad-report__table .vsmp-table-wrap { max-height: 420px; }
.vsmp-ad-report__camp { display: block; color: var(--vsmp-muted); font-size: 12px; }
.vsmp-ad-q { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.vsmp-ad-q .vsmp-linkbtn { font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-ad-q .vsmp-linkbtn:hover { color: var(--vsmp-bad); }
.vsmp-ad-q .vsmp-badge { font-size: 11.5px; padding: 1px 8px; }
.vsmp-ad-report__note { font-size: 12.5px; margin: 0; }
@media (max-width: 720px) {
	.vsmp-ad-head__actions { width: 100%; }
	.vsmp-ad-head__actions .vsmp-btn { flex: 1 1 auto; justify-content: center; }
}

/* ---------- 1.42.0: «Asl belgisi» marking codes ---------- */
.vsmp-mk-btn { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-top: 4px; border: 1px solid var(--vsmp-warn); background: var(--vsmp-warn-bg); color: var(--vsmp-warn); border-radius: 999px; padding: 3px 10px; font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.vsmp-mk-btn .vsmp-icon { width: 14px; height: 14px; }
.vsmp-mk-btn.is-done { border-color: transparent; background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-mk { display: flex; flex-direction: column; gap: 12px; }
.vsmp-mk__how { margin: 0; font-size: 13.5px; }
/* 1.99.93: what to scan with */
.vsmp-mk__tip { margin: 8px 0 0; padding: 8px 12px; border-radius: 10px; background: var(--vsmp-info-bg); font-size: 13px; }
.vsmp-mk__tip summary { display: flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; list-style: none; }
.vsmp-mk__tip summary::-webkit-details-marker { display: none; }
.vsmp-mk__tip summary .vsmp-icon { flex: none; width: 16px; height: 16px; color: var(--vsmp-info); }
.vsmp-mk__tip p { margin: 6px 0 0; }
.vsmp-mk__progress { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 12px; padding: 12px 14px; background: var(--vsmp-warn-bg); border-radius: var(--vsmp-radius); color: var(--vsmp-warn); }
.vsmp-mk__progress.is-done { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-mk__progress b { font-size: 20px; font-weight: 500; font-variant-numeric: tabular-nums; }
.vsmp-mk__progress i { grid-column: 1 / -1; display: block; height: 5px; border-radius: 3px; background: rgba(0,0,0,.08); overflow: hidden; }
.vsmp-mk__progress em { display: block; height: 100%; background: currentColor; }
.vsmp-mk__line { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; cursor: pointer; }
.vsmp-mk__line.is-active { border-color: var(--vsmp-accent); box-shadow: 0 0 0 3px var(--vsmp-accent-soft); }
.vsmp-mk__line.is-done { cursor: default; }
.vsmp-mk__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.vsmp-mk__head b { font-weight: 500; font-size: 14.5px; }
.vsmp-mk__codes { margin: 0; padding: 0 0 0 22px; display: grid; gap: 4px; font-size: 13px; }
.vsmp-mk__codes li { padding-left: 2px; }
.vsmp-mk__codes li > * { vertical-align: middle; }
.vsmp-mk__codes code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; background: var(--vsmp-field); padding: 2px 6px; border-radius: 4px; word-break: break-all; margin-right: 6px; }
.vsmp-mk__codes .vsmp-linkbtn { color: var(--vsmp-muted); display: inline-flex; }
.vsmp-mk__codes .vsmp-linkbtn:hover { color: var(--vsmp-bad); }
.vsmp-mk__codes .vsmp-icon { width: 14px; height: 14px; }
.vsmp-mk__codes .vsmp-badge { font-size: 11px; padding: 1px 7px; }
.vsmp-mk__scan { position: relative; display: block; }
.vsmp-mk__scan .vsmp-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--vsmp-muted); }
.vsmp-mk__scan .vsmp-input { padding-left: 40px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; }

/* ---------- 1.43.0: seller academy ---------- */
.vsmp-ac-bar { display: block; flex: 1 1 120px; height: 6px; border-radius: 3px; background: var(--vsmp-field); overflow: hidden; min-width: 60px; }
.vsmp-ac-bar i { display: block; height: 100%; background: var(--vsmp-accent); border-radius: 3px; }
.vsmp-ac-bar.is-done i { background: var(--vsmp-good); }
.vsmp-ac-hero { display: flex; gap: 20px; align-items: center; padding: 22px 24px; margin-bottom: 20px; background: linear-gradient(120deg, var(--vsmp-accent-soft), var(--vsmp-card) 70%); flex-wrap: wrap; }
.vsmp-ac-hero__icon { width: 56px; height: 56px; border-radius: 16px; background: var(--vsmp-accent); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-ac-hero__icon .vsmp-icon { width: 30px; height: 30px; }
.vsmp-ac-hero__text { flex: 1 1 320px; min-width: 0; }
.vsmp-ac-hero h2 { margin: 0 0 4px; font-size: 19px; font-weight: 500; }
.vsmp-ac-hero p { margin: 0 0 12px; color: var(--vsmp-text-2); font-size: 14.5px; }
.vsmp-ac-hero__progress { display: flex; align-items: center; gap: 12px; font-size: 13.5px; color: var(--vsmp-muted); flex-wrap: wrap; }
.vsmp-ac-hero__progress .vsmp-ac-bar { max-width: 320px; height: 8px; }
.vsmp-ac-grad { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--vsmp-good-bg); color: var(--vsmp-good); font-weight: 500; }
.vsmp-ac-grad .vsmp-icon { width: 18px; height: 18px; }
.vsmp-ac-courses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.vsmp-ac-course { padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; }
.vsmp-ac-course__top { display: flex; gap: 14px; align-items: flex-start; }
.vsmp-ac-course__icon { width: 42px; height: 42px; border-radius: 12px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-ac-course.is-done .vsmp-ac-course__icon { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ac-course__icon .vsmp-icon { width: 22px; height: 22px; }
.vsmp-ac-course__title { min-width: 0; }
.vsmp-ac-course h3 { margin: 0 0 6px; font-size: 16.5px; font-weight: 500; }
.vsmp-ac-course__meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 13px; color: var(--vsmp-muted); }
.vsmp-ac-course__text { margin: 0; color: var(--vsmp-text-2); font-size: 14px; }
.vsmp-ac-course__progress { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--vsmp-muted); font-variant-numeric: tabular-nums; }
.vsmp-ac-lessons { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: lesson; }
.vsmp-ac-lessons a { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 8px; color: var(--vsmp-text); text-decoration: none; font-size: 14px; }
.vsmp-ac-lessons a:hover { background: var(--vsmp-field); }
.vsmp-ac-lessons a > span:nth-child(2) { flex: 1; min-width: 0; }
.vsmp-ac-lessons small { color: var(--vsmp-muted); font-size: 12.5px; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
.vsmp-ac-lessons small .vsmp-icon { width: 14px; height: 14px; }
.vsmp-ac-check { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--vsmp-border-strong); display: flex; align-items: center; justify-content: center; flex: none; color: #fff; }
.vsmp-ac-check .vsmp-icon { width: 14px; height: 14px; }
.vsmp-ac-lessons li.is-done .vsmp-ac-check { background: var(--vsmp-good); border-color: var(--vsmp-good); }
.vsmp-ac-lessons li.is-done a > span:nth-child(2) { color: var(--vsmp-text-2); }
.vsmp-ac-lessons__test a > span:nth-child(2) { font-weight: 500; }
.vsmp-ac-lessons li.is-current a { background: var(--vsmp-accent-soft); color: var(--vsmp-accent); }
.vsmp-ac-course__foot { margin-top: auto; padding-top: 4px; }
.vsmp-ac-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
.vsmp-ac-lesson { padding: 24px 28px; }
.vsmp-ac-lesson__meta { font-size: 13.5px; color: var(--vsmp-muted); margin-bottom: 16px; }
.vsmp-ac-lesson__meta .vsmp-badge { font-size: 12px; }
.vsmp-ac-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--vsmp-radius); overflow: hidden; background: #000; margin-bottom: 20px; }
.vsmp-ac-video iframe, .vsmp-ac-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vsmp-ac-body { font-size: 15.5px; line-height: 1.65; color: var(--vsmp-text); max-width: 720px; }
.vsmp-ac-body p { margin: 0 0 14px; }
.vsmp-ac-body ul, .vsmp-ac-body ol { margin: 0 0 16px; padding-left: 22px; }
.vsmp-ac-body li { margin-bottom: 6px; }
.vsmp-ac-body h3, .vsmp-ac-body h4 { margin: 20px 0 10px; font-weight: 500; }
.vsmp-ac-body img { max-width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--vsmp-border); }
.vsmp-ac-body blockquote { margin: 0 0 16px; padding: 10px 16px; border-left: 3px solid var(--vsmp-accent); background: var(--vsmp-accent-soft); border-radius: 0 8px 8px 0; }
.vsmp-ac-open { margin: 4px 0 0; }
.vsmp-ac-open a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.vsmp-ac-open .vsmp-icon { width: 16px; height: 16px; }
.vsmp-ac-lesson__foot { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--vsmp-border); flex-wrap: wrap; }
.vsmp-ac-side { padding: 18px 16px; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 16px; }
.vsmp-ac-side > b { font-weight: 500; padding: 0 8px; }
.vsmp-ac-side .vsmp-ac-course__progress { padding: 0 8px; }
.vsmp-ac-test { padding: 22px 26px; display: flex; flex-direction: column; gap: 16px; max-width: 820px; }
.vsmp-ac-test > p { margin: 0; }
.vsmp-ac-q { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 14px 16px; margin: 0; display: grid; gap: 8px; }
.vsmp-ac-q legend { font-weight: 500; font-size: 15px; padding: 0 6px; margin-left: -6px; }
.vsmp-ac-q legend span { color: var(--vsmp-muted); }
.vsmp-ac-q .vsmp-radio { padding: 9px 12px; }
.vsmp-ac-q.is-right { border-color: var(--vsmp-good); }
.vsmp-ac-q.is-wrong { border-color: var(--vsmp-bad); }
.vsmp-ac-q__wrong { margin: 0; color: var(--vsmp-bad); font-size: 13px; }
.vsmp-ac-result { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: var(--vsmp-radius); flex-wrap: wrap; }
.vsmp-ac-result b { font-size: 26px; font-weight: 500; }
.vsmp-ac-result span { flex: 1 1 240px; }
.vsmp-ac-result.is-passed { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ac-result.is-failed { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-ac-remind { display: flex; align-items: center; gap: 16px; padding: 16px 20px; margin-bottom: 20px; border-radius: var(--vsmp-radius-lg, 14px); background: var(--vsmp-accent-soft); color: var(--vsmp-text); text-decoration: none; border: 1px solid color-mix(in srgb, var(--vsmp-accent) 25%, transparent); flex-wrap: wrap; }
.vsmp-ac-remind:hover { border-color: var(--vsmp-accent); }
.vsmp-ac-remind__icon { width: 40px; height: 40px; border-radius: 12px; background: var(--vsmp-accent); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-ac-remind__icon .vsmp-icon { width: 22px; height: 22px; }
.vsmp-ac-remind__text { flex: 1 1 260px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vsmp-ac-remind__text b { font-weight: 500; }
.vsmp-ac-remind__text span { color: var(--vsmp-text-2); font-size: 13.5px; }
.vsmp-ac-remind .vsmp-ac-bar { flex: 0 1 160px; background: rgba(255,255,255,.7); }
.vsmp-ac-remind__go { color: var(--vsmp-accent); font-weight: 500; white-space: nowrap; }
.vsmp-help-link .vsmp-icon { width: 17px; height: 17px; }
@media (max-width: 1100px) { .vsmp-ac-layout { grid-template-columns: minmax(0, 1fr); } .vsmp-ac-side { position: static; } }
@media (max-width: 860px) { .vsmp-ac-courses { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) {
	.vsmp-ac-lesson, .vsmp-ac-test { padding: 18px 16px; }
	.vsmp-ac-body { font-size: 15px; }
	.vsmp-ac-lesson__foot .vsmp-btn { flex: 1 1 auto; justify-content: center; }
	.vsmp-ac-remind .vsmp-ac-bar { flex-basis: 100%; }
}
.vsmp-ac-remind, .vsmp-ac-remind:hover, .vsmp-ac-remind__text b { color: var(--vsmp-text); text-decoration: none; }

/* ---------------------------------------------------------------- 1.45.0: seller handbook «Qoʻllanma» */
.vsmp-doc [hidden] { display: none !important; }
.vsmp-doc { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 20px; align-items: start; }
.vsmp-doc--article { grid-template-columns: 250px minmax(0, 1fr) 210px; }
.vsmp-doc-nav { position: sticky; top: 76px; max-height: calc(100vh - 96px); overflow: auto; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 12px; box-shadow: var(--vsmp-shadow); }
.vsmp-doc-nav__home { display: flex; align-items: center; gap: 8px; padding: 8px 10px; margin: 8px 0 4px; border-radius: 6px; color: var(--vsmp-text); text-decoration: none; font-weight: 500; font-size: 14px; }
.vsmp-doc-nav__home:hover, .vsmp-doc-nav__home.is-current { background: var(--vsmp-accent-soft); color: var(--vsmp-accent-dark); }
.vsmp-doc-nav__home .vsmp-icon { width: 16px; height: 16px; }
.vsmp-doc-nav__chapter { border-top: 1px solid var(--vsmp-border); padding: 4px 0; }
.vsmp-doc-nav__chapter summary { display: flex; align-items: center; gap: 8px; padding: 8px 10px; cursor: pointer; list-style: none; font-weight: 500; font-size: 14px; border-radius: 6px; }
.vsmp-doc-nav__chapter summary::-webkit-details-marker { display: none; }
.vsmp-doc-nav__chapter summary::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 1.5px solid var(--vsmp-muted); border-bottom: 1.5px solid var(--vsmp-muted); transform: rotate(-45deg); transition: transform .15s; flex: 0 0 auto; }
.vsmp-doc-nav__chapter[open] summary::after { transform: rotate(45deg); }
.vsmp-doc-nav__chapter summary:hover { background: var(--vsmp-field); }
.vsmp-doc-nav__chapter summary .vsmp-icon { width: 16px; height: 16px; color: var(--vsmp-accent); flex: 0 0 auto; }
.vsmp-doc-nav__chapter ul { list-style: none; margin: 2px 0 6px; padding: 0 0 0 18px; }
.vsmp-doc-nav__chapter li a { display: block; padding: 6px 10px; border-left: 2px solid var(--vsmp-border); color: var(--vsmp-text-2, #4a4a55); text-decoration: none; font-size: 13.5px; line-height: 1.35; }
.vsmp-doc-nav__chapter li a:hover { color: var(--vsmp-accent-dark); border-left-color: var(--vsmp-border-strong); }
.vsmp-doc-nav__chapter li a.is-current { color: var(--vsmp-accent-dark); border-left-color: var(--vsmp-accent); font-weight: 500; background: var(--vsmp-accent-soft); border-radius: 0 6px 6px 0; }

.vsmp-doc-search { display: flex; align-items: center; gap: 8px; position: relative; max-width: 560px; }
.vsmp-doc-search > .vsmp-icon { position: absolute; left: 12px; width: 16px; height: 16px; color: var(--vsmp-muted); pointer-events: none; }
.vsmp-doc-search input { flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 12px 0 36px; border: 1px solid var(--vsmp-border-strong); border-radius: var(--vsmp-radius); background: var(--vsmp-card); font: inherit; font-size: 14.5px; color: var(--vsmp-text); }
.vsmp-doc-search input:focus { outline: none; border-color: var(--vsmp-accent); box-shadow: 0 0 0 3px var(--vsmp-accent-soft); }
.vsmp-doc-search .vsmp-btn { height: 42px; flex: 0 0 auto; }
.vsmp-doc-search--side input { height: 36px; font-size: 13.5px; }
.vsmp-doc-search--side .vsmp-btn { display: none; }

.vsmp-doc-hero { display: flex; gap: 20px; align-items: flex-start; padding: 26px 28px; margin-bottom: 20px; background: linear-gradient(120deg, var(--vsmp-accent-soft), var(--vsmp-card) 75%); }
.vsmp-doc-hero__icon { width: 56px; height: 56px; border-radius: 16px; background: var(--vsmp-accent); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-doc-hero__icon .vsmp-icon { width: 28px; height: 28px; color: #fff; stroke: #fff; }
.vsmp-doc-hero__text { flex: 1 1 auto; min-width: 0; }
.vsmp-doc-hero h2 { margin: 0 0 6px; font-size: 21px; font-weight: 500; }
.vsmp-doc-hero p { margin: 0 0 16px; color: var(--vsmp-text-2, #4a4a55); font-size: 14.5px; max-width: 640px; }
.vsmp-doc-hero__stats { margin: 10px 0 0 !important; font-size: 13px !important; }
.vsmp-doc-start { margin-bottom: 20px; }
.vsmp-doc-start h3, .vsmp-doc-chapters h3 { margin: 0 0 10px; font-size: 16px; font-weight: 500; }
.vsmp-doc-start__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.vsmp-doc-start__item { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; text-decoration: none; color: var(--vsmp-text); transition: border-color .15s, box-shadow .15s; }
.vsmp-doc-start__item:hover { border-color: var(--vsmp-accent); box-shadow: 0 4px 14px rgba(124, 58, 237, .08); }
.vsmp-doc-start__num { width: 26px; height: 26px; border-radius: 50%; background: var(--vsmp-accent-soft); color: var(--vsmp-accent-dark); display: grid; place-items: center; font-size: 13px; font-weight: 600; }
.vsmp-doc-start__item b { font-weight: 500; font-size: 14px; line-height: 1.35; }
.vsmp-doc-start__item small { color: var(--vsmp-muted); font-size: 12.5px; margin-top: auto; }
.vsmp-doc-chapters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vsmp-doc-chapter { padding: 18px 20px; }
.vsmp-doc-chapter__top { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; }
.vsmp-doc-chapter__top h3 { margin: 0; }
.vsmp-doc-chapter__icon { flex: 0 0 38px; height: 38px; border-radius: 10px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: grid; place-items: center; }
.vsmp-doc-chapter__icon .vsmp-icon { width: 19px; height: 19px; }
.vsmp-doc-chapter__text { margin: 0 0 10px; color: var(--vsmp-text-2, #4a4a55); font-size: 13.5px; }
.vsmp-doc-chapter__list { list-style: none; margin: 0; padding: 0; }
.vsmp-doc-chapter__list a { display: flex; align-items: center; gap: 6px; padding: 6px 0; color: var(--vsmp-text); text-decoration: none; font-size: 14px; border-top: 1px dashed var(--vsmp-border); }
.vsmp-doc-chapter__list li:first-child a { border-top: 0; }
.vsmp-doc-chapter__list a:hover { color: var(--vsmp-accent-dark); }
.vsmp-doc-chapter__list .vsmp-icon { width: 12px; height: 12px; color: var(--vsmp-muted); flex: 0 0 auto; }
.vsmp-doc-chapter__more { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--vsmp-accent-dark); }

.vsmp-doc-results { padding: 20px 24px; }
.vsmp-doc-results > .vsmp-muted { margin: 14px 0 6px; }
.vsmp-doc-results__list { list-style: none; margin: 0; padding: 0; }
.vsmp-doc-results__list li { padding: 14px 0; border-top: 1px solid var(--vsmp-border); }
.vsmp-doc-results__list a { font-size: 16px; font-weight: 500; color: var(--vsmp-accent-dark); text-decoration: none; }
.vsmp-doc-results__list a:hover { text-decoration: underline; }
.vsmp-doc-results__list p { margin: 4px 0 0; color: var(--vsmp-text-2, #4a4a55); font-size: 13.5px; line-height: 1.55; }
.vsmp-doc-results__chapter { display: block; color: var(--vsmp-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .03em; margin-bottom: 2px; }
.vsmp-doc mark { background: #fff1a8; color: inherit; padding: 0 1px; border-radius: 2px; }

.vsmp-doc-article { padding: 26px 32px 22px; }
.vsmp-doc-article__crumbs { font-size: 13px; color: var(--vsmp-muted); margin-bottom: 6px; }
.vsmp-doc-article__crumbs a { color: var(--vsmp-muted); }
.vsmp-doc-article__title { margin: 0 0 10px; font-size: 25px; line-height: 1.25; font-weight: 500; }
.vsmp-doc-article__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; color: var(--vsmp-muted); font-size: 13px; padding-bottom: 14px; border-bottom: 1px solid var(--vsmp-border); margin-bottom: 16px; }
.vsmp-doc-article__meta > span { display: inline-flex; align-items: center; gap: 5px; }
.vsmp-doc-article__meta .vsmp-icon { width: 14px; height: 14px; }
.vsmp-doc-article__tools { margin-left: auto; gap: 4px !important; }
.vsmp-icon-btn { width: 32px; height: 32px; display: inline-grid; place-items: center; border: 1px solid var(--vsmp-border); border-radius: 6px; background: var(--vsmp-card); color: var(--vsmp-muted); cursor: pointer; }
.vsmp-icon-btn:hover { color: var(--vsmp-accent-dark); border-color: var(--vsmp-accent); }
.vsmp-link-btn { border: 0; background: none; padding: 0; color: var(--vsmp-accent-dark); font: inherit; cursor: pointer; text-decoration: underline; }
.vsmp-doc-article__lead { font-size: 16.5px; line-height: 1.6; color: var(--vsmp-text-2, #4a4a55); margin: 0 0 16px; max-width: 760px; }
.vsmp-doc-article__open .vsmp-icon { width: 15px; height: 15px; }
.vsmp-doc-body { max-width: 760px; }
.vsmp-doc-body h3 { font-size: 19px; margin: 30px 0 10px; padding-top: 4px; scroll-margin-top: 90px; }
.vsmp-doc-body h4 { font-size: 16px; margin: 18px 0 8px; }
.vsmp-doc-body table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14px; line-height: 1.5; display: block; overflow-x: auto; }
.vsmp-doc-body th, .vsmp-doc-body td { border: 1px solid var(--vsmp-border); padding: 8px 10px; text-align: left; vertical-align: top; }
.vsmp-doc-body th { background: var(--vsmp-field); font-weight: 500; }
.vsmp-doc-body code { background: var(--vsmp-field); border: 1px solid var(--vsmp-border); border-radius: 4px; padding: 1px 5px; font-size: 13px; }
.vsmp-doc-body ol > li::marker { color: var(--vsmp-accent); font-weight: 600; }
.vsmp-doc-body blockquote.tip { border-left-color: var(--vsmp-good); background: var(--vsmp-good-bg); }
.vsmp-doc-body blockquote.warn { border-left-color: var(--vsmp-warn); background: var(--vsmp-warn-bg); }
.vsmp-doc-body blockquote.info { border-left-color: var(--vsmp-info); background: var(--vsmp-info-bg); }
.vsmp-doc-body blockquote p:last-child { margin-bottom: 0; }

.vsmp-doc-toc--side { position: sticky; top: 76px; max-height: calc(100vh - 96px); overflow: auto; padding: 4px 0 0 14px; border-left: 1px solid var(--vsmp-border); font-size: 13px; }
.vsmp-doc-toc--side > b { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--vsmp-muted); font-weight: 500; margin-bottom: 8px; }
.vsmp-doc-toc ol { list-style: none; margin: 0; padding: 0; }
.vsmp-doc-toc li a { display: block; padding: 5px 0; color: var(--vsmp-text-2, #4a4a55); text-decoration: none; line-height: 1.35; }
.vsmp-doc-toc li a:hover, .vsmp-doc-toc li a.is-current { color: var(--vsmp-accent-dark); }
.vsmp-doc-toc li a.is-current { font-weight: 500; }
.vsmp-doc-toc--inline { display: none; margin: 0 0 18px; padding: 10px 14px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); max-width: 760px; }
.vsmp-doc-toc--inline summary { cursor: pointer; font-weight: 500; font-size: 14px; }
.vsmp-doc-toc--inline ol { margin-top: 6px; counter-reset: toc; }
.vsmp-doc-toc--inline li a::before { counter-increment: toc; content: counter(toc) ". "; color: var(--vsmp-muted); }

.vsmp-doc-vote { margin: 30px 0 0; padding: 16px 18px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); max-width: 760px; }
.vsmp-doc-vote__ask { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.vsmp-doc-vote__ask b { margin-right: 6px; font-weight: 500; }
.vsmp-doc-vote__ask .vsmp-icon { width: 15px; height: 15px; }
.vsmp-doc-vote__why { display: grid; gap: 8px; }
.vsmp-doc-vote__why b { font-weight: 500; }
.vsmp-doc-vote__thanks { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--vsmp-good); }
.vsmp-doc-vote__thanks .vsmp-icon { width: 16px; height: 16px; }
.vsmp-doc-vote__thanks .vsmp-link-btn { font-size: 13px; color: var(--vsmp-muted); }
.vsmp-doc-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; max-width: 760px; }
.vsmp-doc-pager__item { display: flex; flex-direction: column; gap: 3px; padding: 12px 16px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); text-decoration: none; color: var(--vsmp-text); }
.vsmp-doc-pager__item:hover { border-color: var(--vsmp-accent); }
.vsmp-doc-pager__item small { color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-doc-pager__item b { font-weight: 500; color: var(--vsmp-accent-dark); }
.vsmp-doc-pager__item--next { text-align: right; grid-column: 2; }
.vsmp-doc-academy { display: flex; align-items: center; gap: 8px; margin: 18px 0 0; font-size: 13.5px; color: var(--vsmp-muted); }
.vsmp-doc-academy .vsmp-icon { width: 16px; height: 16px; color: var(--vsmp-accent); }

@media (max-width: 1360px) {
	.vsmp-doc--article { grid-template-columns: 250px minmax(0, 1fr); }
	.vsmp-doc-toc--side { display: none; }
	.vsmp-doc-toc--inline { display: block; }
}
@media (max-width: 1100px) { .vsmp-doc-start__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vsmp-doc-chapters { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 960px) {
	.vsmp-doc, .vsmp-doc--article { grid-template-columns: minmax(0, 1fr); }
	.vsmp-doc-nav { position: static; max-height: none; }
	.vsmp-doc--article .vsmp-doc-nav__chapter:not([open]), .vsmp-doc--article .vsmp-doc-nav__home { display: none; }
}
@media (max-width: 720px) {
	.vsmp-doc-hero { padding: 18px; flex-direction: column; }
	.vsmp-doc-article { padding: 18px 16px; }
	.vsmp-doc-article__title { font-size: 21px; }
	.vsmp-doc-start__list, .vsmp-doc-pager { grid-template-columns: minmax(0, 1fr); }
	.vsmp-doc-pager__item--next { grid-column: 1; }
	.vsmp-doc-search .vsmp-btn { display: none; }
}
@media print {
	.vsmp-doc-nav, .vsmp-doc-toc, .vsmp-doc-vote, .vsmp-doc-pager, .vsmp-doc-academy, .vsmp-doc-article__tools, .vsmp-doc-article__open { display: none !important; }
	.vsmp-doc, .vsmp-doc--article { display: block; }
	.vsmp-doc-article { border: 0; box-shadow: none; padding: 0; }
}

/* ---------------------------------------------------------------- 1.46.0: two-step sign-in */
.vsmp-2fa-card [hidden], .vsmp-2fa-login [hidden], .vsmp-2fa-prompt [hidden] { display: none !important; }
.vsmp-2fa-off { display: flex; gap: 18px; align-items: flex-start; }
.vsmp-2fa-off__icon { width: 52px; height: 52px; border-radius: 14px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-2fa-off__icon .vsmp-icon { width: 28px; height: 28px; }
.vsmp-2fa-off p { margin: 0 0 10px; max-width: 640px; }
.vsmp-2fa-off .vsmp-alert { margin: 0 0 14px; }
.vsmp-2fa-facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 22px; margin: 0 0 14px; }
.vsmp-2fa-facts dt { color: var(--vsmp-muted); }
.vsmp-2fa-facts dd { margin: 0; }
.vsmp-2fa-low { color: var(--vsmp-warn); font-weight: 500; }
.vsmp-2fa-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; }
.vsmp-2fa-actions .vsmp-icon { width: 16px; height: 16px; }
.vsmp-btn--danger-text { color: var(--vsmp-bad) !important; }
.vsmp-2fa-req { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.vsmp-2fa-req .vsmp-icon { width: 15px; height: 15px; }
.vsmp-2fa-devices { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); }
.vsmp-2fa-devices ul { list-style: none; margin: 8px 0 10px; padding: 0; }
.vsmp-2fa-devices li { display: flex; align-items: center; gap: 8px; padding: 4px 0; }
.vsmp-2fa-devices .vsmp-icon { width: 15px; height: 15px; color: var(--vsmp-muted); }

.vsmp-2fa-steps { display: flex; gap: 8px; list-style: none; margin: 0 0 20px; padding: 0; counter-reset: s; flex-wrap: wrap; }
.vsmp-2fa-steps li { display: flex; align-items: center; gap: 8px; color: var(--vsmp-muted); font-size: 13.5px; flex: 1 1 0; min-width: 140px; padding-bottom: 10px; border-bottom: 3px solid var(--vsmp-border); }
.vsmp-2fa-steps li span { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--vsmp-field); border: 1px solid var(--vsmp-border); font-size: 12px; font-weight: 600; flex: none; }
.vsmp-2fa-steps li span .vsmp-icon { width: 14px; height: 14px; }
.vsmp-2fa-steps li.is-current { color: var(--vsmp-text); font-weight: 500; border-bottom-color: var(--vsmp-accent); }
.vsmp-2fa-steps li.is-current span { background: var(--vsmp-accent); border-color: var(--vsmp-accent); color: #fff; }
.vsmp-2fa-steps li.is-done { color: var(--vsmp-good); border-bottom-color: var(--vsmp-good); }
.vsmp-2fa-steps li.is-done span { background: var(--vsmp-good-bg); border-color: var(--vsmp-good); color: var(--vsmp-good); }
.vsmp-2fa-apps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 14px 0 6px; }
.vsmp-2fa-app { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 2px solid var(--vsmp-border); border-radius: 10px; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.vsmp-2fa-app:hover { border-color: var(--vsmp-border-strong); }
.vsmp-2fa-app.is-on { border-color: var(--vsmp-accent); box-shadow: 0 0 0 3px var(--vsmp-accent-soft); }
.vsmp-2fa-app input { position: absolute; opacity: 0; pointer-events: none; }
.vsmp-2fa-app__logo { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 18px; }
.vsmp-2fa-app__logo--google { background: #1a73e8; }
.vsmp-2fa-app__logo--microsoft { background: #0078d4; }
.vsmp-2fa-app__logo--yandex { background: #fc3f1d; }
.vsmp-2fa-app__name { font-weight: 500; font-size: 15px; }
.vsmp-2fa-app__text { color: var(--vsmp-text-2); font-size: 13px; line-height: 1.45; }
.vsmp-2fa-app__stores { display: flex; gap: 12px; margin-top: auto; padding-top: 6px; font-size: 12.5px; }
.vsmp-2fa-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 20px; }
.vsmp-2fa-scan { display: grid; grid-template-columns: 236px 1fr; gap: 24px; align-items: start; }
.vsmp-2fa-scan p { margin: 0 0 8px; }
.vsmp-2fa-qr { padding: 8px; border: 1px solid var(--vsmp-border); border-radius: 10px; background: #fff; line-height: 0; }
.vsmp-2fa-qr svg { width: 100%; height: auto; }
.vsmp-2fa-key { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 6px 0; }
.vsmp-2fa-key code { font: 600 15px/1.4 Consolas, Menlo, monospace; letter-spacing: .06em; background: var(--vsmp-field); border: 1px solid var(--vsmp-border); padding: 6px 10px; border-radius: 6px; word-break: break-all; }
.vsmp-2fa-enter { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.vsmp-2fa-input { font: 600 22px/1 Consolas, Menlo, monospace !important; letter-spacing: .25em; text-align: center; max-width: 220px; height: 52px !important; }
.vsmp-2fa-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 420px; margin: 12px 0; padding: 14px; border: 1px dashed var(--vsmp-border-strong); border-radius: 10px; background: var(--vsmp-field); }
.vsmp-2fa-codes code { font: 600 16px/1.6 Consolas, Menlo, monospace; letter-spacing: .08em; text-align: center; }
.vsmp-2fa-codes__tools { display: flex; flex-wrap: wrap; gap: 8px; }
.vsmp-2fa-codes__tools .vsmp-icon { width: 15px; height: 15px; }
.vsmp-2fa-saved { margin-top: 16px; }

.vsmp-2fa-login .vsmp-card__body { text-align: center; }
.vsmp-2fa-login .vsmp-form { text-align: left; }
.vsmp-2fa-login__icon, .vsmp-2fa-prompt__icon { width: 60px; height: 60px; margin: 0 auto 14px; border-radius: 50%; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: flex; align-items: center; justify-content: center; }
.vsmp-2fa-login__icon .vsmp-icon, .vsmp-2fa-prompt__icon .vsmp-icon { width: 30px; height: 30px; }
.vsmp-2fa-login__text { text-align: center; color: var(--vsmp-text-2); margin: 0 0 4px; }
.vsmp-2fa-login .vsmp-2fa-input, .vsmp-2fa-prompt .vsmp-2fa-input { max-width: none; width: 100%; }
.vsmp-2fa-login__switch { display: block; margin: 4px auto 0; font-size: 13.5px; }
.vsmp-2fa-login__help { font-size: 13px; color: var(--vsmp-muted); margin: 14px 0 0; }
.vsmp-2fa-login .vsmp-alert { text-align: left; margin-bottom: 16px; }
.vsmp-2fa-prompt { text-align: center; }
.vsmp-2fa-prompt p { margin: 0 0 14px; color: var(--vsmp-text-2); }
.vsmp-2fa-prompt .vsmp-link-btn { margin-top: 10px; font-size: 13px; }
.vsmp-2fa-forced { max-width: 860px; margin: 0 auto; }
.vsmp-2fa-forced .vsmp-alert { margin-bottom: 16px; }
@media (max-width: 760px) {
	.vsmp-2fa-apps { grid-template-columns: minmax(0, 1fr); }
	.vsmp-2fa-scan { grid-template-columns: minmax(0, 1fr); }
	.vsmp-2fa-qr { max-width: 240px; }
	.vsmp-2fa-steps li { min-width: 0; font-size: 0; gap: 0; justify-content: center; }
	.vsmp-2fa-steps li.is-current { font-size: 13px; gap: 8px; flex-grow: 3; }
	.vsmp-2fa-off { flex-direction: column; }
}

/* ---------------------------------------------------------------- 1.47.0: seller rules — reading layout */
.vsmp-legal-hero { display: flex; gap: 20px; align-items: flex-start; padding: 24px 26px; margin-bottom: 18px; background: linear-gradient(120deg, var(--vsmp-accent-soft), var(--vsmp-card) 75%); }
.vsmp-legal-hero__icon, .vsmp-legal-gate__icon { width: 56px; height: 56px; border-radius: 16px; background: var(--vsmp-accent); display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-legal-hero__icon .vsmp-icon, .vsmp-legal-gate__icon .vsmp-icon { width: 28px; height: 28px; color: #fff; stroke: #fff; }
.vsmp-legal-hero h2 { margin: 0 0 6px; font-size: 20px; font-weight: 500; }
.vsmp-legal-hero p { margin: 0 0 12px; color: var(--vsmp-text-2); max-width: 760px; }
.vsmp-legal-hero .vsmp-alert { margin: 0; }
.vsmp-legal-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vsmp-legal-card { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-start; padding: 18px; text-decoration: none; color: var(--vsmp-text); transition: border-color .15s, box-shadow .15s; }
.vsmp-legal-card:hover { border-color: var(--vsmp-accent); box-shadow: 0 4px 14px rgba(124, 58, 237, .08); }
.vsmp-legal-card__icon { width: 40px; height: 40px; border-radius: 10px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-legal-card__icon .vsmp-icon { width: 20px; height: 20px; }
.vsmp-legal-card__body { flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.vsmp-legal-card__body b { font-weight: 500; font-size: 15.5px; line-height: 1.35; }
.vsmp-legal-card__body small { color: var(--vsmp-muted); font-size: 13px; }
.vsmp-legal-card__next { display: inline-flex; align-items: center; gap: 5px; color: var(--vsmp-warn) !important; }
.vsmp-legal-card__next .vsmp-icon { width: 14px; height: 14px; }
.vsmp-legal-card__state { flex: none; max-width: 100%; }
.vsmp-legal-card__state .vsmp-badge { white-space: normal; }
.vsmp-legal-note { margin-top: 16px; font-size: 13px; }

.vsmp-legal { --legal-size: 16px; display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; }
.vsmp-legal [hidden] { display: none !important; }
.vsmp-legal-toc { position: sticky; top: 76px; max-height: calc(100vh - 96px); overflow: auto; font-size: 13.5px; padding: 4px 4px 4px 0; }
.vsmp-legal-toc > b { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--vsmp-muted); font-weight: 500; margin: 14px 0 8px; }
.vsmp-legal-toc__back { display: inline-block; font-size: 13.5px; color: var(--vsmp-accent-dark); text-decoration: none; }
.vsmp-legal-toc ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--vsmp-border); }
.vsmp-legal-toc li a { display: block; padding: 5px 10px; margin-left: -2px; border-left: 2px solid transparent; color: var(--vsmp-text-2); text-decoration: none; line-height: 1.35; }
.vsmp-legal-toc li a:hover { color: var(--vsmp-accent-dark); }
.vsmp-legal-toc li a.is-current { color: var(--vsmp-accent-dark); border-left-color: var(--vsmp-accent); font-weight: 500; }
.vsmp-legal-doc { padding: 28px 36px 30px; min-width: 0; }
.vsmp-legal-doc__head h2, .vsmp-legal-doc__h1 { margin: 0 0 8px; font-size: 26px; line-height: 1.25; font-weight: 500; }
.vsmp-legal-doc__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; color: var(--vsmp-muted); font-size: 13.5px; margin-bottom: 14px; }
.vsmp-legal-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 0 14px; margin-bottom: 18px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-legal-tools__version { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--vsmp-muted); margin-right: auto; }
.vsmp-legal-tools__version .vsmp-select { height: 34px; width: auto; }
.vsmp-legal-switch { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px 0 8px; border: 1px solid var(--vsmp-border); border-radius: 17px; background: var(--vsmp-card); font: inherit; font-size: 13.5px; color: var(--vsmp-text); cursor: pointer; }
.vsmp-legal-switch__track { position: relative; width: 30px; height: 18px; border-radius: 9px; background: var(--vsmp-border-strong); transition: background .15s; }
.vsmp-legal-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: transform .15s; }
.vsmp-legal-switch[aria-pressed="true"] { border-color: var(--vsmp-accent); color: var(--vsmp-accent-dark); }
.vsmp-legal-switch[aria-pressed="true"] .vsmp-legal-switch__track { background: var(--vsmp-accent); }
.vsmp-legal-switch[aria-pressed="true"] .vsmp-legal-switch__track::after { transform: translateX(12px); }
.vsmp-legal-tools__size { display: inline-flex; border: 1px solid var(--vsmp-border); border-radius: 8px; overflow: hidden; }
.vsmp-legal-tools__size button { height: 32px; min-width: 38px; border: 0; background: var(--vsmp-card); font: inherit; font-size: 13.5px; cursor: pointer; color: var(--vsmp-text); }
.vsmp-legal-tools__size button + button { border-left: 1px solid var(--vsmp-border); }
.vsmp-legal-tools__size button:hover { background: var(--vsmp-accent-soft); }
.vsmp-legal-box { margin: 0 0 18px; padding: 14px 18px; border-radius: 10px; background: var(--vsmp-field); border: 1px solid var(--vsmp-border); max-width: 820px; }
.vsmp-legal-box > b { display: block; margin-bottom: 6px; font-weight: 500; }
.vsmp-legal-box ul { margin: 0 0 6px; padding-left: 20px; }
.vsmp-legal-box li { margin-bottom: 4px; line-height: 1.55; }
.vsmp-legal-box--changes { background: var(--vsmp-warn-bg); border-color: #f1d9a8; }

.vsmp-legal-body { font-size: var(--legal-size); line-height: 1.75; color: var(--vsmp-text); max-width: 820px; counter-reset: none; }
.vsmp-legal-body h3 { font-size: calc(var(--legal-size) + 3px); font-weight: 600; margin: 34px 0 10px; padding-top: 14px; border-top: 1px solid var(--vsmp-border); scroll-margin-top: 90px; }
.vsmp-legal-body h3:first-child { border-top: 0; margin-top: 4px; padding-top: 0; }
.vsmp-legal-body h4 { font-size: var(--legal-size); margin: 16px 0 6px; }
.vsmp-legal-body p, .vsmp-legal-body blockquote { margin: 0 0 4px; padding: 7px 12px; border-radius: 8px; }
.vsmp-legal-body p > b:first-child { color: var(--vsmp-accent-dark); font-variant-numeric: tabular-nums; margin-right: 2px; }
.vsmp-legal-body ul, .vsmp-legal-body ol { margin: 2px 0 8px; padding-left: 34px; }
.vsmp-legal-body li { padding: 3px 10px; border-radius: 6px; }
.vsmp-legal-body table { width: 100%; border-collapse: collapse; margin: 6px 0 14px; font-size: calc(var(--legal-size) - 1.5px); line-height: 1.55; display: block; overflow-x: auto; }
.vsmp-legal-body th, .vsmp-legal-body td { border: 1px solid var(--vsmp-border); padding: 8px 10px; text-align: left; vertical-align: top; }
.vsmp-legal-body th { background: var(--vsmp-field); font-weight: 500; }
.vsmp-legal-body blockquote { border-left: 3px solid var(--vsmp-accent); background: var(--vsmp-accent-soft); border-radius: 0 8px 8px 0; margin: 6px 0 10px; }
.vsmp-legal-body blockquote.warn { border-left-color: var(--vsmp-warn); background: var(--vsmp-warn-bg); }
.vsmp-legal-body blockquote.info { border-left-color: var(--vsmp-info); background: var(--vsmp-info-bg); }
.vsmp-legal-body blockquote.tip { border-left-color: var(--vsmp-good); background: var(--vsmp-good-bg); }
/* One clause at a time: the clause under the mouse (or tapped) is lifted; in focus mode the rest fade. */
.vsmp-clause { transition: background-color .12s, box-shadow .12s, opacity .18s; cursor: text; }
.vsmp-clause.is-active { background-color: var(--vsmp-accent-soft); box-shadow: inset 3px 0 0 var(--vsmp-accent); }
tr.vsmp-clause.is-active td { background-color: var(--vsmp-accent-soft); }
.vsmp-legal.is-focus.has-active .vsmp-clause:not(.is-active), .vsmp-legal.is-focus.has-active .vsmp-legal-body h3 { opacity: .32; }
.vsmp-legal.is-focus .vsmp-clause.is-active { box-shadow: inset 3px 0 0 var(--vsmp-accent), 0 2px 10px rgba(20, 20, 40, .06); }

.vsmp-legal-accept { margin-top: 26px; padding: 18px 20px; border-radius: 12px; border: 2px solid var(--vsmp-accent); background: var(--vsmp-accent-soft); max-width: 820px; display: grid; gap: 12px; justify-items: start; }
.vsmp-legal-accept .vsmp-btn .vsmp-icon { width: 16px; height: 16px; }
.vsmp-legal-accept p { margin: 0; font-size: 13px; }

.vsmp-legal-gate { max-width: 640px; margin: 0 auto; }
.vsmp-legal-gate .vsmp-card__body { display: grid; gap: 14px; justify-items: center; text-align: center; padding: 28px; }
.vsmp-legal-gate h2 { margin: 0; font-size: 21px; font-weight: 500; }
.vsmp-legal-gate p { margin: 0; }
.vsmp-legal-gate__list { list-style: none; margin: 6px 0; padding: 0; width: 100%; text-align: left; }
.vsmp-legal-gate__list li { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--vsmp-border); }
.vsmp-legal-gate__list li > span:nth-child(2) { flex: 1 1 auto; display: flex; flex-direction: column; }
.vsmp-legal-gate__list small { color: var(--vsmp-muted); }
.vsmp-legal-gate .vsmp-check { text-align: left; justify-self: stretch; }
.vsmp-legal-gate__note { font-size: 13px; }

@media (max-width: 1000px) {
	.vsmp-legal { grid-template-columns: minmax(0, 1fr); }
	.vsmp-legal-toc { position: static; max-height: none; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 12px 14px; }
	.vsmp-legal-toc ol { max-height: 220px; overflow: auto; }
	.vsmp-legal-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
	.vsmp-legal-doc { padding: 18px 14px; }
	.vsmp-legal-doc__head h2, .vsmp-legal-doc__h1 { font-size: 21px; }
	.vsmp-legal-body p, .vsmp-legal-body blockquote { padding: 6px 8px; }
	.vsmp-legal-body ul, .vsmp-legal-body ol { padding-left: 22px; }
	.vsmp-legal-hero { flex-direction: column; padding: 18px; }
	.vsmp-legal-tools__version { margin-right: 0; width: 100%; }
}
@media print {
	.vsmp-legal-toc, .vsmp-legal-tools, .vsmp-legal-bar, .vsmp-legal-accept, .vsmp-legal-public__top { display: none !important; }
	.vsmp-legal { display: block; }
	.vsmp-legal-doc { border: 0; box-shadow: none; padding: 0; }
	.vsmp-clause { opacity: 1 !important; background: none !important; box-shadow: none !important; }
}
.vsmp-legal-doc > .vsmp-alert { margin-bottom: 14px; }

/* 1.47.0: reading controls (Focus, text size, print) in a footer bar that stays at the bottom of the screen while reading */
.vsmp-legal-bar { position: sticky; bottom: 12px; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; width: fit-content; max-width: 100%; margin: 22px auto 0; padding: 8px 10px; border: 1px solid var(--vsmp-border); border-radius: 26px; background: var(--vsmp-card); box-shadow: 0 6px 22px rgba(20, 20, 40, .12); }
.vsmp-legal-bar .vsmp-icon-btn { width: 34px; height: 34px; }
.vsmp-legal-doc__head { padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-legal-doc__head .vsmp-legal-tools { padding: 10px 0 0; margin: 0; border: 0; }
@media (max-width: 760px) { .vsmp-legal-bar { bottom: 8px; } }

/* 1.47.1: panel footer with the seller rules */
.vsmp-footer { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 18px 2px 6px; border-top: 1px solid var(--vsmp-border); font-size: 13px; color: var(--vsmp-muted); }
.vsmp-footer__links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.vsmp-footer__links a { color: var(--vsmp-text-2); text-decoration: none; }
.vsmp-footer__links a:hover { color: var(--vsmp-accent-dark); text-decoration: underline; }
.vsmp-footer__links a.is-pending { color: var(--vsmp-accent-dark); font-weight: 500; }
.vsmp-footer__links a.is-pending::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: var(--vsmp-bad); vertical-align: 2px; }
.vsmp--guest .vsmp-footer { justify-content: center; text-align: center; border-top: 0; }
@media (max-width: 760px) { .vsmp-footer { flex-direction: column; align-items: flex-start; } .vsmp--guest .vsmp-footer { align-items: center; } }
@media print { .vsmp-footer { display: none !important; } }
/* 1.47.1: registration consent boxes */
.vsmp-consent { display: grid; gap: 10px; }
.vsmp-consent .vsmp-check span { line-height: 1.45; }
.vsmp-consent a { color: var(--vsmp-accent-dark); }
.vsmp-consent__note { margin: 2px 0 0; font-size: 12.5px; color: var(--vsmp-muted); }
/* 1.60.0: «Kun taklifi» and sets on the «Акции и промокоды» page */
.vsmp-dd-prod { display: flex; align-items: center; gap: 10px; min-width: 200px; }
.vsmp-dd-prod img { flex: none; width: 40px; height: 40px; border-radius: 6px; object-fit: contain; background: var(--vsmp-bg, #f5f6f8); }
.vsmp-dd-prod span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vsmp-bg-list { display: grid; gap: 10px; }
.vsmp-bg-row { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 12px 14px; border: 1px solid var(--vsmp-border, #e4e7ec); border-radius: var(--vsmp-radius, 10px); }
.vsmp-bg-row.is-off { opacity: .6; }
.vsmp-bg-row__set { display: flex; align-items: center; gap: 6px; }
.vsmp-bg-row__set img { width: 48px; height: 48px; border-radius: 8px; object-fit: contain; background: var(--vsmp-bg, #f5f6f8); }
.vsmp-bg-row__set span { color: var(--vsmp-muted, #8a94a6); font-weight: 600; }
.vsmp-bg-row__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vsmp-bg-row__text b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-bg-suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; }
.vsmp-bg-suggest .vsmp-pr-pick { cursor: pointer; border: 1px dashed var(--vsmp-accent, #7c3aed); background: transparent; }
@media (max-width: 700px) { .vsmp-bg-row { grid-template-columns: 1fr; } }
/* 1.61.0: subscribe & save */
.vsmp-su-plan__title { margin: 24px 24px 10px; font-size: 16px; font-weight: 600; }
/* 1.62.0: the condition of a product */
.vsmp-cn-pick { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.vsmp-cn-pick__item { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); cursor: pointer; }
.vsmp-cn-pick__item:has(input:checked) { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-cn-pick__item input { margin-top: 3px; flex: none; }
.vsmp-cn-pick__item span { display: grid; gap: 2px; min-width: 0; }
.vsmp-cn-pick__item small { color: var(--vsmp-muted); font-size: 12px; line-height: 1.35; }
.vsmp-cn-pick.is-invalid .vsmp-cn-pick__item { border-color: var(--vsmp-bad); }
.vsmp-field[hidden] { display: none; }
/* 1.63.0: the store's collections */
.vsmp-cl-list { display: grid; gap: 10px; }
.vsmp-cl-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-card); }
.vsmp-cl-row.is-off { opacity: .65; }
.vsmp-cl-row__thumbs { display: grid; grid-template-columns: repeat(2, 36px); gap: 4px; }
.vsmp-cl-row__thumbs img { width: 36px; height: 36px; object-fit: contain; border-radius: 4px; background: var(--vsmp-field); }
.vsmp-cl-row__main { display: grid; gap: 2px; min-width: 0; }
.vsmp-cl-row__main .vsmp-muted { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-cl-row__meta { font-size: 12px; color: var(--vsmp-muted); }
.vsmp-cl-row__reason { font-size: 12px; color: var(--vsmp-bad); }
.vsmp-cl-row__side { display: grid; justify-items: end; gap: 6px; }
.vsmp-cl-picked { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; counter-reset: cl; max-height: 260px; overflow-y: auto; }
.vsmp-cl-picked li { counter-increment: cl; display: grid; grid-template-columns: 22px 32px minmax(0, 1fr) 28px 28px; gap: 8px; align-items: center; padding: 4px 6px; border-radius: var(--vsmp-radius); background: var(--vsmp-field); font-size: 13px; }
.vsmp-cl-picked li::before { content: counter(cl) "."; color: var(--vsmp-muted); text-align: right; }
.vsmp-cl-picked img { width: 32px; height: 32px; object-fit: contain; border-radius: 4px; background: var(--vsmp-card); }
.vsmp-cl-picked span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-cl-picked button { width: 28px; height: 28px; border: 0; border-radius: 4px; background: transparent; color: var(--vsmp-muted); cursor: pointer; }
.vsmp-cl-picked button:hover { background: var(--vsmp-card); color: var(--vsmp-text); }
.vsmp-cl-picked .vsmp-icon { width: 16px; height: 16px; }
@media (max-width: 640px) { .vsmp-cl-row { grid-template-columns: minmax(0, 1fr); } .vsmp-cl-row__side { justify-items: start; } }

/* 1.64.0: buyers' photos and video in reviews */
.vsmp-rv-media { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.vsmp-rv-media__item { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 8px; overflow: hidden; border: 1px solid var(--vsmp-border, #e5e7eb); background: #f3f4f6; text-decoration: none; }
.vsmp-rv-media__item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vsmp-rv-media__item.is-video { background: #1f2430; color: #fff; font-size: 20px; }

/* 1.65.0: «Xabarlar» — messages with buyers */
.vsmp-ch { display: grid; grid-template-columns: 340px minmax(0, 1fr); height: calc(100vh - 290px); min-height: 480px; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); overflow: hidden; }
.vsmp-ch [hidden] { display: none !important; }
.vsmp-ch__side { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--vsmp-border); }
.vsmp-ch__filters { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-ch__tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.vsmp-ch__tabs .vsmp-chip { padding: 5px 12px; font-size: 13px; }
.vsmp-ch__list { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; }
.vsmp-ch__list-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 40px 20px; color: var(--vsmp-muted); text-align: center; }
.vsmp-ch__list-empty .vsmp-icon { width: 32px; height: 32px; }
.vsmp-ch__item { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--vsmp-border); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.vsmp-ch__item:hover { background: var(--vsmp-field); }
.vsmp-ch__item.is-active { background: var(--vsmp-accent-soft); }
.vsmp-ch__item-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.vsmp-ch__item-top { display: flex; align-items: center; gap: 6px; }
.vsmp-ch__item-top b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-ch__item-top time { margin-left: auto; color: var(--vsmp-muted); font-size: 12px; white-space: nowrap; }
.vsmp-ch__item-last { color: var(--vsmp-muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-ch__item-last i { font-style: normal; }
.vsmp-ch__item.is-unread .vsmp-ch__item-last { color: var(--vsmp-text); font-weight: 500; }
.vsmp-ch__flag { width: 14px; height: 14px; color: var(--vsmp-warn); }
.vsmp-ch__waiting { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--vsmp-warn); }
.vsmp-ch__more-list { margin: 8px auto; }
.vsmp-ch__ava { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: flex; align-items: center; justify-content: center; font-weight: 600; }
.vsmp-ch__main { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.vsmp-ch__placeholder { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--vsmp-muted); }
.vsmp-ch__placeholder .vsmp-icon { width: 40px; height: 40px; }
.vsmp-ch__thread { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.vsmp-ch__head { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-ch__back { display: none; padding: 4px; border: 0; background: none; color: var(--vsmp-text); cursor: pointer; }
.vsmp-ch__who { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vsmp-ch__who b { font-weight: 500; font-size: 15px; }
.vsmp-ch__who > span { color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-ch__order { display: inline-block; margin: 2px 4px 0 0; padding: 0 8px; border-radius: 10px; background: var(--vsmp-field); color: var(--vsmp-text); font-size: 12px; }
.vsmp-ch__notice { padding: 8px 16px; background: var(--vsmp-warn-bg); color: var(--vsmp-warn); font-size: 13px; }
.vsmp-ch__messages { flex: 1; overflow-y: auto; padding: 16px; background: var(--vsmp-bg); display: flex; flex-direction: column; gap: 6px; }
.vsmp-ch__older { align-self: center; padding: 4px 14px; border: 1px solid var(--vsmp-border); border-radius: 14px; background: var(--vsmp-card); color: var(--vsmp-accent); font: inherit; font-size: 13px; cursor: pointer; }
.vsmp-ch__day { align-self: center; margin: 8px 0 4px; }
.vsmp-ch__day span { padding: 2px 10px; border-radius: 10px; background: #e8e8ee; color: var(--vsmp-muted); font-size: 12px; }
.vsmp-ch__sys { align-self: center; max-width: 80%; padding: 4px 12px; border-radius: 10px; background: var(--vsmp-warn-bg); color: var(--vsmp-warn); font-size: 12.5px; text-align: center; }
.vsmp-ch__msg { display: flex; flex-direction: column; align-items: flex-start; max-width: min(78%, 560px); }
.vsmp-ch__msg.is-mine { align-self: flex-end; align-items: flex-end; }
.vsmp-ch__bubble { position: relative; padding: 8px 12px 18px; min-width: 72px; border-radius: 14px 14px 14px 4px; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); }
.vsmp-ch__msg.is-mine .vsmp-ch__bubble { border-radius: 14px 14px 4px 14px; background: var(--vsmp-accent-soft); border-color: #e2d4fb; }
.vsmp-ch__msg.is-hidden .vsmp-ch__bubble { color: var(--vsmp-muted); font-style: italic; }
.vsmp-ch__bubble p { margin: 0; overflow-wrap: anywhere; }
.vsmp-ch__time { position: absolute; right: 10px; bottom: 3px; color: var(--vsmp-muted); font-size: 11px; line-height: 14px; }
.vsmp-ch__masked { margin: 3px 4px 0; color: var(--vsmp-warn); font-size: 11.5px; }
.vsmp-ch__card { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; padding: 6px 8px; border-radius: 8px; background: rgba(255, 255, 255, .8); border: 1px solid var(--vsmp-border); color: var(--vsmp-text); text-decoration: none; font-size: 13px; line-height: 17px; }
.vsmp-ch__card img { width: 40px; height: 40px; object-fit: contain; border-radius: 4px; background: #fff; }
.vsmp-ch__card small { display: block; color: var(--vsmp-muted); font-size: 11.5px; }
.vsmp-ch__card--order { background: var(--vsmp-field); }
.vsmp-ch__img img { display: block; max-width: 260px; max-height: 260px; margin: 0 0 6px; border-radius: 8px; }
.vsmp-ch__compose { padding: 10px 12px; border-top: 1px solid var(--vsmp-border); background: var(--vsmp-card); }
.vsmp-ch__quick { display: flex; gap: 6px; align-items: center; overflow-x: auto; margin: 0 0 8px; padding-bottom: 2px; font-size: 12.5px; white-space: nowrap; }
.vsmp-ch__quick .vsmp-chip { padding: 4px 10px; font-size: 12.5px; }
.vsmp-ch__row { display: flex; align-items: flex-end; gap: 8px; }
.vsmp-ch__row textarea { flex: 1; min-height: 40px; max-height: 160px; resize: none; }
.vsmp-ch__icon { flex: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-card); color: var(--vsmp-muted); cursor: pointer; }
.vsmp-ch__icon:hover { color: var(--vsmp-accent); border-color: var(--vsmp-accent); }
.vsmp-ch__context, .vsmp-ch__photo { margin: 0 0 8px; }
.vsmp-ch__chip { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 4px 6px 4px 4px; border: 1px solid #e2d4fb; border-radius: 8px; background: var(--vsmp-accent-soft); font-size: 13px; }
.vsmp-ch__chip img { width: 32px; height: 32px; object-fit: contain; background: #fff; border-radius: 4px; }
.vsmp-ch__chip span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-ch__chip button, .vsmp-ch__photo button { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .5); color: #fff; cursor: pointer; }
.vsmp-ch__chip .vsmp-icon, .vsmp-ch__photo .vsmp-icon { width: 12px; height: 12px; }
.vsmp-ch__photo span { position: relative; display: inline-block; }
.vsmp-ch__photo img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; display: block; }
.vsmp-ch__photo button { position: absolute; top: 3px; right: 3px; }
.vsmp-ch__picker { margin: 0 0 8px; padding: 10px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); }
.vsmp-ch__picker-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px; margin-top: 8px; max-height: 180px; overflow-y: auto; }
.vsmp-ch__pick { display: flex; align-items: center; gap: 8px; padding: 6px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-card); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.vsmp-ch__pick:hover { border-color: var(--vsmp-accent); }
.vsmp-ch__pick img { width: 36px; height: 36px; object-fit: contain; flex: none; }
.vsmp-ch__pick span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.vsmp-ch__error { margin: 6px 0 0; color: var(--vsmp-bad); font-size: 13px; }
.vsmp-ch__error:empty { display: none; }
.vsmp-ch__readonly { margin: 0; padding: 12px 16px; border-top: 1px solid var(--vsmp-border); color: var(--vsmp-muted); }
.vsmp-ch__report { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px; background: var(--vsmp-card); border-top: 1px solid var(--vsmp-border); box-shadow: 0 -8px 24px rgba(20, 20, 40, .08); }
.vsmp-ch__report p { margin: 0 0 8px; }
.vsmp-ch__report textarea { width: 100%; }
.vsmp-ch__report-buttons { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
@media (max-width: 900px) {
	.vsmp-ch { grid-template-columns: minmax(0, 1fr); height: calc(100vh - 220px); }
	.vsmp-ch[data-view="list"] .vsmp-ch__main { display: none; }
	.vsmp-ch[data-view="thread"] .vsmp-ch__side { display: none; }
	.vsmp-ch__back { display: flex; }
	.vsmp-ch__head .vsmp-linkbtn span { display: none; }
	.vsmp-ch__msg { max-width: 88%; }
}

/* 1.66.0: a checkbox line in a form (gift wrap) */
.vsmp-switch-row { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.vsmp-switch-row input { width: 18px; height: 18px; accent-color: var(--vsmp-accent); }

/* 1.95.0: delivery by distance and weight, warehouse map and offices, Yandex Delivery */
.vsmp-wh__map { height: 300px; border-radius: 12px; border: 1px solid var(--vsmp-line, #e5e7eb); overflow: hidden; }
.vsmp-wh__warn { color: var(--vsmp-warn, #b45309); }
.vsmp-dlv-kg { border: 1px dashed var(--vsmp-line, #e5e7eb); border-radius: 12px; padding: 12px 14px 10px; margin: 0; }
.vsmp-dlv-kg legend { padding: 0 6px; font-weight: 600; font-size: 13.5px; }
.vsmp-yd__steps { margin: 0; padding-left: 20px; display: grid; gap: 4px; color: var(--vsmp-muted, #6b7280); font-size: 13.5px; }
.vsmp-yd-box { display: grid; gap: 10px; }
.vsmp-yd-box__row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 10px; background: var(--vsmp-soft, #f6f7fb); }
.vsmp-yd-box__row b { font-weight: 600; }
.vsmp-yd-btn { margin-top: 4px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid #fc3f1d; background: #fff; color: #c42d10; font: inherit; font-size: 12.5px; cursor: pointer; }
.vsmp-yd-btn.is-going { background: #fff4f1; }
.vsmp-yd-btn.is-done { border-color: var(--vsmp-good, #16a34a); color: var(--vsmp-good, #16a34a); }
.vsmp-form [data-radius], .vsmp-form [data-list] { display: grid; gap: 16px; }
.vsmp-form [data-radius][hidden], .vsmp-form [data-list][hidden] { display: none; }
.vsmp-dlv-kg .vsmp-form__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 640px) { .vsmp-dlv-kg .vsmp-form__row { grid-template-columns: 1fr; } }
.vsmp-wh__foot { flex-wrap: wrap; }

/* 1.98.0: pictures of the handbook and the academy ([[…]] codes, lib/docs/illustration.php) */
.vsmp-ill { margin: 18px 0 22px; padding: 14px; border: 1px solid var(--vsmp-border); border-radius: 12px; background: #fbfbfd; max-width: 760px; }
.vsmp-ill svg { display: block; width: 100%; height: auto; }
.vsmp-ill figcaption { margin: 10px 2px 0; color: var(--vsmp-muted); font-size: 13px; line-height: 1.4; text-align: center; }
.vsmp-ac-body .vsmp-ill { max-width: none; }
@media (max-width: 600px) { .vsmp-ill { padding: 8px; margin-left: -4px; margin-right: -4px; } }

/* 1.99.4: the product form — Uzbek and Russian side by side, the characteristics right after them */
.vsmp-pe-langs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.vsmp-pe-langs--one { grid-template-columns: minmax(0, 1fr); }
.vsmp-pe-lang { padding: 16px 18px 18px; border: 1px solid var(--vsmp-border, #e6e8ee); border-radius: 14px; background: #fff; min-width: 0; }
.vsmp-pe-langs--one .vsmp-pe-lang { padding: 0; border: 0; }
.vsmp-pe-lang[lang="uz"] { border-top: 3px solid #1eb53a; }
.vsmp-pe-lang[lang="ru"] { border-top: 3px solid #0039a6; }
.vsmp-pe-langs--one .vsmp-pe-lang[lang="uz"] { border-top: 0; }
.vsmp-pe-lang__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 2px; }
.vsmp-pe-lang__head b { font-size: 16px; font-weight: 600; }
.vsmp-pe-lang__code { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 24px; padding: 0 6px; border-radius: 7px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #fff; background: #1eb53a; }
.vsmp-pe-lang[lang="ru"] .vsmp-pe-lang__code { background: #0039a6; }
.vsmp-pe-lang__opt { font-size: 13px; }
.vsmp-pe-props__intro { margin: 0 0 14px; font-size: 14px; }
@media (max-width: 900px) { .vsmp-pe-langs { grid-template-columns: minmax(0, 1fr); } }

/* 1.99.5: «Artikul» — the platform's number with «Artikul yaratish» right next to it */
.vsmp-art { display: flex; gap: 10px; align-items: stretch; }
.vsmp-art .vsmp-input { flex: 1 1 auto; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .06em; }
.vsmp-art .vsmp-input.vsmp-art__fixed { background: #f3f1fb; color: #1d1530; -webkit-text-fill-color: #1d1530; opacity: 1; font-weight: 600; cursor: default; }
.vsmp-art__fixed:focus { box-shadow: none; }
.vsmp-art__make { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
@media (max-width: 520px) { .vsmp-art__make span { display: none; } }

/* 1.99.6: «Toʻldirish tili» — one switch for the whole product form */
.vsmp-pe-langbar { position: sticky; top: 8px; z-index: 6; display: flex; align-items: center; gap: 14px 18px; flex-wrap: wrap; padding: 12px 20px; box-shadow: 0 6px 18px rgba(30, 20, 60, .06); }
.vsmp-pe-langbar__label { font-weight: 600; }
.vsmp-pe-langbar__hint { font-size: 13px; flex: 1 1 260px; }
.vsmp-pe-seg { display: inline-flex; padding: 4px; gap: 4px; border-radius: 12px; background: #f1f0f6; }
.vsmp-pe-seg button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 0; border-radius: 9px; background: transparent; font: inherit; font-weight: 500; color: #4a4560; cursor: pointer; }
.vsmp-pe-seg button.is-on { background: #fff; color: #17122a; box-shadow: 0 1px 4px rgba(30, 20, 60, .14); }
.vsmp-pe-seg .vsmp-pe-lang__code { min-width: 28px; height: 20px; font-size: 11px; }
.vsmp-pe-lang__code--ru { background: #0039a6; }
.vsmp-pe-seg__state { width: 8px; height: 8px; border-radius: 50%; background: #d3d0de; }
.vsmp-pe-seg__state.is-filled { background: #1eb53a; }
.vsmp-pe-lang[hidden] { display: none !important; }
.vsmp-pe-langs--one .vsmp-pe-lang[lang] { border-top: 0; padding: 0; }

/* ===================== 1.99.14: IKPU codes ===================== */
.vsmp-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -2px; animation: vsmp-spin .7s linear infinite; opacity: .7; }
@keyframes vsmp-spin { to { transform: rotate(360deg); } }
.vsmp-alert--info { background: var(--vsmp-info-bg); }
.vsmp-seg { display: inline-flex; border: 1px solid var(--vsmp-border-strong); border-radius: 8px; overflow: hidden; flex: none; }
.vsmp-seg__btn { border: 0; background: var(--vsmp-card); padding: 6px 14px; font: inherit; font-size: 13px; font-weight: 500; color: var(--vsmp-text-2); cursor: pointer; }
.vsmp-seg__btn + .vsmp-seg__btn { border-left: 1px solid var(--vsmp-border-strong); }
.vsmp-seg__btn.is-active { background: var(--vsmp-accent); color: #fff; }
/* 1.99.64: «Qaytariladi / Qaytarilmaydi» in the product form */
.vsmp-seg__item { position: relative; margin: 0; cursor: pointer; }
.vsmp-seg__item + .vsmp-seg__item { border-left: 1px solid var(--vsmp-border-strong); }
.vsmp-seg__item input { position: absolute; opacity: 0; pointer-events: none; }
.vsmp-seg__item span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: var(--vsmp-card); color: var(--vsmp-text-2); font-size: 14px; font-weight: 500; }
.vsmp-seg__item span .vsmp-icon { width: 16px; height: 16px; }
.vsmp-seg__item input:checked + span { background: var(--vsmp-accent); color: #fff; }
.vsmp-seg__item input:focus-visible + span { outline: 2px solid var(--vsmp-accent); outline-offset: -2px; }
.vsmp-seg__item input:disabled + span { cursor: not-allowed; opacity: .75; }
.vsmp-pe-rr { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.vsmp-pe-rr__note { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 13px; }
.vsmp-pe-rr__note .vsmp-icon { flex: none; width: 16px; height: 16px; margin-top: 2px; }
.vsmp-ik { display: flex; flex-direction: column; gap: 20px; }
.vsmp-ik-hero { display: flex; gap: 28px; align-items: center; padding: 28px 32px; background: linear-gradient(135deg, var(--vsmp-accent-soft), var(--vsmp-card) 70%); }
.vsmp-ik-hero__art { flex: none; }
.vsmp-ik-hero__text { flex: 1; min-width: 0; }
.vsmp-ik-hero h2 { margin: 0 0 6px; font-size: 24px; font-weight: 600; }
.vsmp-ik-hero p { margin: 0 0 14px; color: var(--vsmp-text-2); max-width: 720px; }
.vsmp-ik-hero__info { display: flex; align-items: center; gap: 6px; margin: 12px 0 0 !important; font-size: 13px; }
.vsmp-ik-hero__info .vsmp-icon { width: 15px; height: 15px; }
.vsmp-ik-search { position: relative; display: flex; gap: 10px; max-width: 760px; }
.vsmp-ik-search .vsmp-input { flex: 1; padding-left: 42px; height: 46px; font-size: 15px; }
.vsmp-ik-search .vsmp-btn { height: 46px; padding: 0 22px; }
.vsmp-ik-search__icon { position: absolute; left: 14px; top: 13px; color: var(--vsmp-muted); pointer-events: none; }
.vsmp-ik-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.vsmp-ik-chips .vsmp-chip { padding: 5px 12px; font-size: 13px; }
.vsmp-ik-results { padding: 6px 0; }
.vsmp-ik-results__msg { padding: 14px 22px; margin: 0; }
.vsmp-ik-results__head { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 12px 22px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-ik-results__head .vsmp-muted { margin-left: auto; font-size: 12.5px; }
.vsmp-ik-list { list-style: none; margin: 0; padding: 0; }
.vsmp-ik-item { display: flex; gap: 18px; align-items: center; padding: 14px 22px; border-bottom: 1px solid var(--vsmp-border); }
.vsmp-ik-item:last-child { border-bottom: 0; }
.vsmp-ik-item:hover { background: var(--vsmp-field); }
.vsmp-ik-item__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.vsmp-ik-item__name { border: 0; background: none; padding: 0; font: inherit; font-weight: 500; color: var(--vsmp-text); text-align: left; cursor: pointer; }
.vsmp-ik-item__name:hover { color: var(--vsmp-accent); }
.vsmp-ik-item__path { font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-ik-item__meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--vsmp-text-2); }
.vsmp-ik-item__code { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex: none; }
.vsmp-ik-item__code code, .vsmp-ik-card__code code { font: 600 15px/1 "Roboto Mono", Menlo, Consolas, monospace; letter-spacing: .02em; color: var(--vsmp-accent-dark); background: var(--vsmp-accent-soft); padding: 6px 10px; border-radius: 6px; white-space: nowrap; }
.vsmp-ik-item__btns { display: flex; gap: 6px; }
.vsmp-ik-card h4 { margin: 18px 0 8px; font-size: 14px; }
.vsmp-ik-card__code { display: flex; gap: 10px; align-items: center; margin: 0 0 12px; }
.vsmp-ik-card__name { font-size: 16px; font-weight: 500; margin: 0 0 4px; }
.vsmp-ik-packages { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.vsmp-ik-package { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid var(--vsmp-border); border-radius: 8px; padding: 10px 12px; cursor: pointer; }
.vsmp-ik-package span { display: flex; flex-direction: column; gap: 2px; }
.vsmp-ik-package code { font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-ik-package:has(input:checked) { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-ik-package input { accent-color: var(--vsmp-accent); }
.vsmp-ik-barcodes code { display: inline-block; margin: 0 6px 6px 0; padding: 3px 8px; border-radius: 6px; background: var(--vsmp-field); font-size: 13px; }
.vsmp-ik-guide { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px; align-items: start; }
.vsmp-ik-toc { position: sticky; top: 84px; padding: 14px 10px; display: flex; flex-direction: column; gap: 2px; }
.vsmp-ik-toc__title { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--vsmp-muted); margin: 0 10px 8px; }
.vsmp-ik-toc a { display: flex; gap: 10px; align-items: baseline; padding: 7px 10px; border-radius: 6px; color: var(--vsmp-text); font-size: 14px; line-height: 1.35; }
.vsmp-ik-toc a:hover { background: var(--vsmp-field); color: var(--vsmp-accent); }
.vsmp-ik-toc a span { flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); font-size: 11.5px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.vsmp-ik-toc .vsmp-ik-toc__ext { margin-top: 8px; border-top: 1px solid var(--vsmp-border); border-radius: 0; padding-top: 12px; color: var(--vsmp-accent); align-items: center; }
.vsmp-ik-sections { display: flex; flex-direction: column; gap: 16px; }
.vsmp-ik-section { padding: 22px 26px; scroll-margin-top: 84px; }
.vsmp-ik-section h3 { display: flex; gap: 12px; align-items: center; margin: 0 0 12px; font-size: 18px; font-weight: 600; }
.vsmp-ik-section__icon { width: 36px; height: 36px; border-radius: 10px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.vsmp-ik-section__body { max-width: none; }
.vsmp-ik-section__body table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vsmp-ik-section__body th, .vsmp-ik-section__body td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--vsmp-border); vertical-align: top; }
.vsmp-ik-section__body th { background: var(--vsmp-field); font-weight: 500; }
.vsmp-ik-section__body code { background: var(--vsmp-field); padding: 1px 6px; border-radius: 4px; }
.vsmp-ik-note { font-size: 13px; }
.vsmp-ik-field { display: flex; gap: 8px; }
.vsmp-ik-field .vsmp-input { flex: 1; min-width: 0; }
.vsmp-ik-field .vsmp-btn { flex: none; }
.vsmp-ik-picker .vsmp-ik-search { max-width: none; margin-bottom: 12px; }
.vsmp-ik-results--picker { border: 1px solid var(--vsmp-border); border-radius: 8px; max-height: 56vh; overflow: auto; }
.vsmp-ik-results--picker:empty { display: none; }
@media (max-width: 1024px) { .vsmp-ik-guide { grid-template-columns: minmax(0, 1fr); } .vsmp-ik-toc { position: static; } }
@media (max-width: 720px) {
	.vsmp-ik-hero { flex-direction: column; align-items: flex-start; padding: 20px; }
	.vsmp-ik-hero__art { display: none; }
	.vsmp-ik-search { flex-direction: column; }
	.vsmp-ik-item { flex-direction: column; align-items: stretch; }
	.vsmp-ik-item__code { align-items: flex-start; }
	.vsmp-ik-section { padding: 18px; }
}

/* ===================== 1.99.14: the store contract ===================== */
.vsmp-ct { display: flex; flex-direction: column; gap: 20px; }
.vsmp-ct-steps { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; counter-reset: none; }
.vsmp-ct-steps li { flex: 1; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); border-radius: 10px; color: var(--vsmp-muted); position: relative; }
.vsmp-ct-steps li span { width: 28px; height: 28px; border-radius: 50%; background: var(--vsmp-field); display: inline-flex; align-items: center; justify-content: center; font-weight: 600; flex: none; }
.vsmp-ct-steps li span .vsmp-icon { width: 16px; height: 16px; }
.vsmp-ct-steps li b { font-weight: 500; }
.vsmp-ct-steps li.is-done { color: var(--vsmp-good); }
.vsmp-ct-steps li.is-done span { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ct-steps li.is-current { color: var(--vsmp-text); border-color: var(--vsmp-accent); box-shadow: 0 0 0 3px var(--vsmp-accent-soft); }
.vsmp-ct-steps li.is-current span { background: var(--vsmp-accent); color: #fff; }
.vsmp-ct-empty-state .vsmp-btn { margin-top: 6px; }
.vsmp-ct-done { display: flex; gap: 22px; align-items: flex-start; padding: 26px 30px; background: linear-gradient(135deg, var(--vsmp-good-bg), var(--vsmp-card) 70%); }
.vsmp-ct-done__icon { width: 54px; height: 54px; border-radius: 50%; background: var(--vsmp-good); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-ct-done__icon .vsmp-icon { width: 28px; height: 28px; }
.vsmp-ct-done h2 { margin: 0 0 4px; font-size: 21px; font-weight: 600; }
.vsmp-ct-done p { margin: 0 0 10px; color: var(--vsmp-text-2); }
.vsmp-ct-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.vsmp-icon--down { transform: rotate(180deg); }
.vsmp-ct-hash { display: flex; gap: 8px; align-items: center; font-size: 12px; min-width: 0; }
.vsmp-ct-hash span { color: var(--vsmp-muted); flex: none; }
.vsmp-ct-hash code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--vsmp-text-2); }
.vsmp-ct-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 20px; align-items: start; }
.vsmp-ct-paper-card { overflow: hidden; }
.vsmp-ct-paper-head { gap: 12px; flex-wrap: wrap; }
.vsmp-ct-paper { padding: 34px 44px; max-height: 70vh; overflow: auto; background: #fff; color: #111; font: 14px/1.6 "Times New Roman", Georgia, serif; border-top: 1px solid var(--vsmp-border); border-bottom: 1px solid var(--vsmp-border); }
.vsmp-ct-paper h1 { font-size: 18px; text-align: center; margin: 0 0 16px; line-height: 1.35; }
.vsmp-ct-paper h3 { font-size: 15px; margin: 20px 0 6px; }
.vsmp-ct-paper p { margin: 0 0 8px; text-align: justify; }
.vsmp-ct-place { display: flex; justify-content: space-between; font-weight: 600; }
.vsmp-ct-empty { color: #b00; }
.vsmp-ct-req { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 10px 0; }
.vsmp-ct-req__who { font-weight: 700; margin: 0 !important; }
.vsmp-ct-req__name { font-weight: 600; }
.vsmp-ct-req__t { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.vsmp-ct-req__t th { text-align: left; font-weight: 400; color: #555; width: 38%; padding: 2px 6px 2px 0; vertical-align: top; }
.vsmp-ct-req__t td { padding: 2px 0; word-break: break-word; }
.vsmp-ct-sign { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.vsmp-ct-sign__line { border-bottom: 1px solid #111; min-height: 26px; font-size: 11px; color: #555; text-align: center !important; }
.vsmp-ct-sigpage { margin-top: 22px; border: 1px solid #999; padding: 12px 14px; }
.vsmp-ct-sigpage h3 { margin-top: 0 !important; }
.vsmp-ct-sigpage table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.vsmp-ct-sigpage th { text-align: left; font-weight: 400; color: #555; width: 30%; padding: 3px 8px 3px 0; vertical-align: top; }
.vsmp-ct-sigpage td { padding: 3px 0; word-break: break-all; }
.vsmp-ct-sigpage__note { font-size: 11.5px; color: #555; margin-top: 8px !important; }
.vsmp-ct-paper-foot { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 14px 22px; flex-wrap: wrap; }
.vsmp-ct-paper-foot .vsmp-ct-hash { flex: 1 1 260px; justify-content: flex-end; }
.vsmp-ct-sign-card { position: sticky; top: 84px; padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.vsmp-ct-sign-card .vsmp-card__title { margin: 0; }
.vsmp-ct-sign-card > p { margin: 0; }
.vsmp-ct-agree { align-items: flex-start; padding: 12px 14px; border: 1px solid var(--vsmp-border); border-radius: 8px; background: var(--vsmp-field); line-height: 1.45; }
.vsmp-ct-agree input { margin-top: 3px; accent-color: var(--vsmp-accent); }
.vsmp-ct-agree.is-attention { border-color: var(--vsmp-bad); background: var(--vsmp-bad-bg); }
.vsmp-ct-methods { display: flex; flex-direction: column; gap: 8px; }
.vsmp-ct-method { border: 1px solid var(--vsmp-border); border-radius: 10px; overflow: hidden; }
.vsmp-ct-method.is-open { border-color: var(--vsmp-accent); }
.vsmp-ct-method__head { width: 100%; display: flex; gap: 12px; align-items: center; padding: 12px 14px; background: var(--vsmp-card); border: 0; font: inherit; text-align: left; cursor: pointer; color: var(--vsmp-text); }
.vsmp-ct-method__head:disabled { opacity: .55; cursor: default; }
.vsmp-ct-method__head:not(:disabled):hover { background: var(--vsmp-field); }
.vsmp-ct-method__icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; flex: none; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); }
.vsmp-ct-method__icon--telegram { background: #e5f3fc; color: #229ed9; }
.vsmp-ct-method__icon--sms { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ct-method__icon--eimzo { background: #e8f0fd; color: #2563c9; }
.vsmp-ct-method__icon--email { background: var(--vsmp-warn-bg); color: var(--vsmp-warn); }
.vsmp-ct-method__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.vsmp-ct-method__text b { font-weight: 500; }
.vsmp-ct-method__text small { color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-ct-method__chev { width: 16px; height: 16px; color: var(--vsmp-muted); transition: transform .15s; }
.vsmp-ct-method.is-open .vsmp-ct-method__chev { transform: rotate(180deg); }
.vsmp-ct-method__body { padding: 4px 14px 14px; display: flex; flex-direction: column; gap: 10px; }
.vsmp-ct-method__body[hidden], .vsmp-ct-paper[hidden], .vsmp-ik-results[hidden] { display: none; }
.vsmp-ct-method__body p { margin: 0; font-size: 13.5px; }
.vsmp-ct-method__body .is-sent { color: var(--vsmp-good); }
.vsmp-ct-code { display: grid; grid-template-columns: 1fr; gap: 8px; }
.vsmp-ct-code .vsmp-input { text-align: center; font-size: 20px; letter-spacing: .3em; height: 46px; }
.vsmp-ct-keys { display: flex; flex-direction: column; gap: 6px; }
.vsmp-ct-keys:empty { display: none; }
.vsmp-ct-keys__title { font-weight: 500; }
.vsmp-ct-key { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: 8px; background: var(--vsmp-card); text-align: left; font: inherit; cursor: pointer; color: var(--vsmp-text); }
.vsmp-ct-key:not(:disabled):hover, .vsmp-ct-key.is-busy { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-ct-key.is-expired { opacity: .55; }
.vsmp-ct-key__icon { color: #2563c9; flex: none; }
.vsmp-ct-key__text { display: flex; flex-direction: column; min-width: 0; }
.vsmp-ct-key__text span { font-size: 13px; color: var(--vsmp-text-2); }
.vsmp-ct-key__text small { font-size: 12px; color: var(--vsmp-muted); }
.vsmp-ct-legal { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; }
.vsmp-ct-legal .vsmp-icon { width: 15px; height: 15px; flex: none; margin-top: 2px; }
.vsmp-ct-history td, .vsmp-ct-history th { padding: 10px 22px; }
.vsmp-ct-st--signed { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ct-st--draft { background: var(--vsmp-warn-bg); color: var(--vsmp-warn); }
.vsmp-ct-st--revoked { background: var(--vsmp-bad-bg); color: var(--vsmp-bad); }
.vsmp-ct-remind { display: flex; align-items: center; gap: 16px; padding: 16px 20px; margin-bottom: 20px; border-radius: 14px; background: var(--vsmp-warn-bg); color: var(--vsmp-text); text-decoration: none; border: 1px solid color-mix(in srgb, var(--vsmp-warn) 30%, transparent); flex-wrap: wrap; }
.vsmp-ct-remind:hover { border-color: var(--vsmp-warn); }
.vsmp-ct-remind__icon { width: 40px; height: 40px; border-radius: 12px; background: var(--vsmp-warn); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.vsmp-ct-remind__text { flex: 1 1 260px; display: flex; flex-direction: column; gap: 2px; }
.vsmp-ct-remind__text b { font-weight: 500; }
.vsmp-ct-remind__text span { color: var(--vsmp-text-2); font-size: 13.5px; }
.vsmp-ct-remind__go { color: var(--vsmp-warn); font-weight: 500; white-space: nowrap; }
@media (max-width: 1100px) { .vsmp-ct-layout { grid-template-columns: minmax(0, 1fr); } .vsmp-ct-sign-card { position: static; } }
@media (max-width: 720px) {
	.vsmp-ct-steps { flex-direction: column; }
	.vsmp-ct-paper { padding: 20px 18px; max-height: 60vh; }
	.vsmp-ct-req, .vsmp-ct-sign { grid-template-columns: 1fr; }
	.vsmp-ct-done { flex-direction: column; padding: 20px; }
}

/* ===================== 1.99.14: handbook screenshots ===================== */
.vsmp-shot { margin: 22px 0; }
.vsmp-shot__frame { position: relative; display: block; border: 1px solid var(--vsmp-border); border-radius: 12px; overflow: hidden; background: var(--vsmp-bg); box-shadow: 0 6px 24px rgba(20, 20, 40, .08); cursor: zoom-in; }
.vsmp-shot__frame img { display: block; width: 100%; height: auto; }
.vsmp-shot__mark { position: absolute; border: 2.5px solid #f04438; border-radius: 8px; box-shadow: 0 0 0 3px rgba(240, 68, 56, .18); pointer-events: none; }
.vsmp-shot__mark b { position: absolute; left: -11px; top: -11px; width: 24px; height: 24px; border-radius: 50%; background: #f04438; color: #fff; font: 700 13px/24px var(--vsmp-font); text-align: center; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); }
.vsmp-shot figcaption { margin-top: 8px; font-size: 13px; color: var(--vsmp-muted); text-align: center; }
.vsmp-shot__legend { list-style: none; counter-reset: shot; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.vsmp-shot__legend li { counter-increment: shot; display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; }
.vsmp-shot__legend li::before { content: counter(shot); flex: none; width: 22px; height: 22px; border-radius: 50%; background: #f04438; color: #fff; font: 700 12px/22px var(--vsmp-font); text-align: center; margin-top: 1px; }
@media (max-width: 720px) { .vsmp-shot__mark b { width: 20px; height: 20px; line-height: 20px; font-size: 11px; left: -9px; top: -9px; } }

/* ===================== 1.99.14: the handbook's start page and chapters ===================== */
.vsmp-doc--home { grid-template-columns: minmax(0, 1fr); }
.vsmp-doc--home > .vsmp-doc-nav { display: none; }
.vsmp-doc--home .vsmp-doc-main { display: flex; flex-direction: column; gap: 22px; }
.vsmp-dh-hero { position: relative; display: flex; gap: 24px; align-items: center; padding: 34px 38px; border-radius: 18px; color: #fff; overflow: hidden;
	background: radial-gradient(circle at 85% 20%, rgba(255,255,255,.18), transparent 40%), linear-gradient(120deg, #5b21b6 0%, #7c3aed 45%, #2563eb 100%); }
.vsmp-dh-hero__text { flex: 1; min-width: 0; position: relative; z-index: 1; }
.vsmp-dh-hero__kicker { display: inline-flex; gap: 8px; align-items: center; margin: 0 0 10px; padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 13px; font-weight: 500; }
.vsmp-dh-hero__kicker .vsmp-icon { width: 15px; height: 15px; color: #fff; }
.vsmp-dh-hero h2 { margin: 0 0 8px; font-size: 30px; line-height: 1.2; font-weight: 700; color: #fff; }
.vsmp-dh-hero p { margin: 0 0 18px; max-width: 640px; color: rgba(255,255,255,.88); font-size: 15.5px; }
.vsmp-doc-search--hero { max-width: 680px; }
.vsmp-doc-search--hero input { height: 52px; font-size: 16px; border: 0; border-radius: 12px; box-shadow: 0 8px 24px rgba(30, 10, 80, .25); padding-left: 42px; }
.vsmp-doc-search--hero > .vsmp-icon { left: 15px; width: 18px; height: 18px; }
.vsmp-doc-search--hero .vsmp-btn { height: 52px; border-radius: 12px; padding: 0 26px; background: #111827; }
.vsmp-doc-search--hero .vsmp-btn:hover { background: #000; }
.vsmp-dh-popular { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 16px; font-size: 13px; color: rgba(255,255,255,.8); }
.vsmp-dh-popular .vsmp-chip { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.28); color: #fff; font-size: 13px; padding: 5px 12px; }
.vsmp-dh-popular .vsmp-chip:hover { background: rgba(255,255,255,.26); color: #fff; border-color: #fff; }
.vsmp-dh-hero__art { flex: none; filter: drop-shadow(0 16px 30px rgba(20, 0, 60, .35)); }
.vsmp-dh-path { padding: 22px 24px; }
.vsmp-dh-path__head h3 { margin: 0 0 2px; font-size: 18px; }
.vsmp-dh-path__head p { margin: 0 0 16px; }
.vsmp-dh-path__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; counter-reset: none; }
.vsmp-dh-path__list li { position: relative; }
.vsmp-dh-path__list a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 14px; border: 1px solid var(--vsmp-border); border-radius: 12px; color: var(--vsmp-text); background: var(--vsmp-field); transition: border-color .15s, transform .15s; }
.vsmp-dh-path__list a:hover { border-color: var(--vsmp-accent); transform: translateY(-2px); color: var(--vsmp-text); }
.vsmp-dh-path__list b { font-weight: 500; font-size: 14px; line-height: 1.35; }
.vsmp-dh-path__list small { color: var(--vsmp-muted); font-size: 12px; margin-top: auto; }
.vsmp-dh-path__num { width: 28px; height: 28px; border-radius: 50%; background: var(--vsmp-accent); color: #fff; font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.vsmp-dh-sections-title { margin: 6px 0 -6px; font-size: 19px; font-weight: 600; display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.vsmp-dh-sections-title small { font-size: 13px; font-weight: 400; }
.vsmp-dh-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.vsmp-dh-tile { display: flex; flex-direction: column; padding: 0 0 16px; overflow: hidden; border-top: 4px solid var(--tile); transition: box-shadow .15s, transform .15s; }
.vsmp-dh-tile:hover { box-shadow: 0 10px 30px rgba(20, 20, 40, .10); transform: translateY(-2px); }
.vsmp-dh-tile__top { display: flex; gap: 14px; align-items: center; padding: 18px 18px 8px; color: var(--vsmp-text); }
.vsmp-dh-tile__top:hover { color: var(--vsmp-text); }
.vsmp-dh-tile__icon { width: 46px; height: 46px; border-radius: 14px; flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--tile, var(--vsmp-accent)); background: color-mix(in srgb, var(--tile, var(--vsmp-accent)) 12%, #fff); }
.vsmp-dh-tile__icon .vsmp-icon { width: 24px; height: 24px; }
.vsmp-dh-tile__title { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vsmp-dh-tile__title b { font-size: 16.5px; font-weight: 600; }
.vsmp-dh-tile__title small { color: var(--vsmp-muted); font-size: 12.5px; }
.vsmp-dh-tile__text { margin: 0 18px 8px; padding: 0; font-size: 13.5px; color: var(--vsmp-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vsmp-dh-tile__list { list-style: none; margin: 4px 0 8px; padding: 0 18px; }
.vsmp-dh-tile__list li + li { border-top: 1px solid var(--vsmp-border); }
.vsmp-dh-tile__list a { display: block; padding: 7px 0; font-size: 14px; color: var(--vsmp-text); }
.vsmp-dh-tile__list a:hover { color: var(--tile); }
.vsmp-dh-tile__all { margin: auto 18px 0; font-size: 13.5px; font-weight: 500; color: var(--tile) !important; }
.vsmp-dh-help { display: flex; gap: 18px; align-items: center; padding: 20px 24px; flex-wrap: wrap; }
.vsmp-dh-help > div:nth-child(2) { flex: 1 1 260px; }
.vsmp-dh-help p { margin: 2px 0 0; }
.vsmp-dh-help__icon { width: 46px; height: 46px; border-radius: 50%; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.vsmp-dh-help__btns { display: flex; gap: 10px; flex-wrap: wrap; }
.vsmp-dc-head { display: flex; gap: 18px; align-items: center; padding: 22px 24px; margin-bottom: 16px; }
.vsmp-dc-head h2 { margin: 0 0 4px; font-size: 22px; }
.vsmp-dc-head p { margin: 0; }
.vsmp-dc-list { display: flex; flex-direction: column; gap: 12px; }
.vsmp-dc-item { display: flex; gap: 18px; align-items: center; padding: 16px 18px; color: var(--vsmp-text); transition: border-color .15s, box-shadow .15s; }
.vsmp-dc-item:hover { border-color: var(--vsmp-accent); color: var(--vsmp-text); box-shadow: 0 6px 20px rgba(20, 20, 40, .07); }
.vsmp-dc-item__thumb { flex: none; width: 168px; height: 104px; border-radius: 10px; overflow: hidden; border: 1px solid var(--vsmp-border); background: var(--vsmp-bg); }
.vsmp-dc-item__thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }
.vsmp-dc-item__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.vsmp-dc-item__text b { font-size: 16px; font-weight: 500; }
.vsmp-dc-item__text > span { font-size: 13.5px; color: var(--vsmp-text-2); }
@media (max-width: 1100px) { .vsmp-dh-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vsmp-dh-hero__art { display: none; } }
@media (max-width: 720px) {
	.vsmp-dh-tiles { grid-template-columns: minmax(0, 1fr); }
	.vsmp-dh-hero { padding: 22px 18px; border-radius: 14px; }
	.vsmp-dh-hero h2 { font-size: 23px; }
	.vsmp-doc-search--hero .vsmp-btn { display: none; }
	.vsmp-dc-item__thumb { width: 96px; height: 70px; }
}

/* ===================== 1.99.14: academy course covers ===================== */
.vsmp-ac-course { overflow: hidden; }
.vsmp-ac-cover { position: relative; display: block; height: 150px; margin: -20px -22px 4px; overflow: hidden; background: linear-gradient(135deg, var(--tile, var(--vsmp-accent)), color-mix(in srgb, var(--tile, var(--vsmp-accent)) 55%, #111)); }
.vsmp-ac-cover img { position: absolute; inset: 14px 0 0 18%; width: 92%; height: auto; border-radius: 10px 0 0 0; box-shadow: 0 8px 26px rgba(0, 0, 0, .28); opacity: .96; transition: transform .25s; }
.vsmp-ac-course:hover .vsmp-ac-cover img { transform: translateY(-4px); }
.vsmp-ac-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--tile, var(--vsmp-accent)) 85%, transparent) 0%, transparent 45%); }
.vsmp-ac-cover__num { position: absolute; left: 18px; top: 16px; z-index: 1; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.18); }
.vsmp-ac-cover__icon { position: absolute; left: 18px; bottom: 16px; z-index: 1; width: 46px; height: 46px; border-radius: 14px; background: #fff; color: var(--tile, var(--vsmp-accent)); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0,0,0,.2); }
.vsmp-ac-cover__icon .vsmp-icon { width: 24px; height: 24px; }
.vsmp-ac-course .vsmp-ac-course__top .vsmp-ac-course__icon { display: none; }

/* 1.99.20: «Gʻoya taklif qilish» — the round button at the bottom right and its window */
.vsmp-idea-fab { position: fixed; right: 24px; bottom: 24px; z-index: 900; display: flex; align-items: center; gap: 0; height: 56px; min-width: 56px; padding: 0 15px; border: 0; border-radius: 28px;
	background: linear-gradient(135deg, var(--vsmp-accent, #7c3aed), #a855f7); color: #fff; box-shadow: 0 10px 26px rgba(124, 58, 237, .38); cursor: pointer; font: inherit; font-weight: 600; transition: box-shadow .2s, transform .2s; }
.vsmp-idea-fab svg { flex: none; }
.vsmp-idea-fab__label { max-width: 0; overflow: hidden; white-space: nowrap; transition: max-width .25s ease, margin .25s ease; }
.vsmp-idea-fab:hover, .vsmp-idea-fab:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(124, 58, 237, .45); }
.vsmp-idea-fab:hover .vsmp-idea-fab__label, .vsmp-idea-fab:focus-visible .vsmp-idea-fab__label { max-width: 220px; margin-left: 10px; }
.vsmp-toasts--fab { bottom: 96px; }
.vsmp-idea[hidden], .vsmp-idea [hidden] { display: none !important; }
.vsmp-idea .vsmp-modal__box { max-width: 600px; }
.vsmp-idea .vsmp-modal__title { display: flex; align-items: center; gap: 10px; }
.vsmp-idea__icon { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--vsmp-accent-bg, #f1ebfe); color: var(--vsmp-accent, #7c3aed); }
.vsmp-idea__icon svg { width: 20px; height: 20px; }
.vsmp-idea__tabs { padding: 14px 24px 0; }
.vsmp-idea__lead { margin: 0 0 4px; }
.vsmp-idea__foot { display: flex; justify-content: flex-end; gap: 10px; }
.vsmp-idea__list { display: flex; flex-direction: column; gap: 12px; max-height: 60vh; overflow: auto; }
.vsmp-idea__item { padding: 14px 16px; border: 1px solid var(--vsmp-border); border-radius: 10px; }
.vsmp-idea__row { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.vsmp-idea__meta { margin: 4px 0 6px; font-size: 13px; }
.vsmp-idea__text { margin: 0; white-space: pre-line; overflow-wrap: anywhere; }
.vsmp-idea__st { flex: none; padding: 2px 10px; border-radius: 12px; font-size: 12.5px; font-weight: 600; background: #eef1f6; color: #4b5263; }
.vsmp-idea__st--review { background: #fff4dc; color: #7a5300; }
.vsmp-idea__st--planned { background: #e8efff; color: #2f4b8a; }
.vsmp-idea__st--done { background: #e7f6ec; color: #1d6b3f; }
.vsmp-idea__st--declined { background: #fdecea; color: #a12a1d; }
.vsmp-idea__note { margin-top: 10px; padding: 10px 12px; border-left: 3px solid var(--vsmp-accent, #7c3aed); border-radius: 6px; background: var(--vsmp-accent-bg, #f6f2ff); }
.vsmp-idea__note p { margin: 4px 0 0; white-space: pre-line; }
@media (max-width: 767px) { .vsmp-idea-fab { right: 16px; bottom: 76px; height: 52px; min-width: 52px; padding: 0 13px; } .vsmp-toasts--fab { bottom: 140px; } }
@media print { .vsmp-idea-fab { display: none; } }

/* 1.99.21: plan limits — lock in the menu, lock screen, usage bar, comparison */
.vsmp-nav__lock { width: 14px !important; height: 14px !important; margin-left: auto; color: var(--vsmp-muted); opacity: .8; flex: none; }
.vsmp-plock { max-width: 640px; margin: 20px auto; padding: 40px 36px; text-align: center; }
.vsmp-plock__icon { width: 64px; height: 64px; margin: 0 auto 16px; display: grid; place-items: center; border-radius: 50%; background: var(--vsmp-accent-bg, #f1ebfe); color: var(--vsmp-accent); }
.vsmp-plock__icon .vsmp-icon { width: 30px; height: 30px; }
.vsmp-plock__title { margin: 0 0 10px; font-size: 22px; }
.vsmp-plock__plans { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 18px 0 6px; }
.vsmp-plock__plan { padding: 6px 12px; border-radius: 16px; border: 1px solid var(--vsmp-border); font-size: 14px; }
.vsmp-plock__keep { font-size: 13px; margin: 12px 0 20px; }
.vsmp-plusage { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 10px 16px; border: 1px solid var(--vsmp-border); border-radius: 10px; background: var(--vsmp-card); font-size: 14px; }
.vsmp-plusage__name { color: var(--vsmp-muted); }
.vsmp-plusage__bar { flex: 1; max-width: 260px; height: 8px; border-radius: 4px; background: var(--vsmp-border); overflow: hidden; }
.vsmp-plusage__bar i { display: block; height: 100%; background: var(--vsmp-accent); }
.vsmp-plusage.is-near .vsmp-plusage__bar i { background: var(--vsmp-warn, #e0a100); }
.vsmp-plusage.is-full .vsmp-plusage__bar i { background: var(--vsmp-bad, #d64545); }
.vsmp-plusage a { margin-left: auto; font-weight: 600; }
.vsmp-plcmp { margin: 24px 0; }
.vsmp-plcmp__table th, .vsmp-plcmp__table td { text-align: center; }
.vsmp-plcmp__table td:first-child, .vsmp-plcmp__table th:first-child { text-align: left; }
.vsmp-plcmp__table .is-current { background: var(--vsmp-accent-bg, #f6f2ff); }
.vsmp-plcmp__table .is-yes { color: var(--vsmp-good, #1d8a4f); font-weight: 700; }
.vsmp-plcmp__table .is-no { color: var(--vsmp-muted); }
.vsmp-plcmp__sec td { background: var(--vsmp-bg, #f5f5f8) !important; font-weight: 600; text-align: left !important; }

/* 1.99.22: automatic plan payment */
.vsmp-paybtn--stripe { background: #635bff; }
.vsmp-paycard__mark--stripe { background: #635bff; }
.vsmp-ap1, .vsmp-ap { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.vsmp-ap1 { background: var(--vsmp-field); }
.vsmp-ap { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-ap1__head, .vsmp-ap__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vsmp-ap__head .vsmp-icon { color: var(--vsmp-accent); }
.vsmp-ap1__head b, .vsmp-ap__head b { font-weight: 600; }
.vsmp-ap1 p, .vsmp-ap__hint { margin: 0; font-size: 13px; color: var(--vsmp-muted); }
.vsmp-ap__btns { display: flex; gap: 8px; flex-wrap: wrap; }
.vsmp-ap__btns .vsmp-paybtn { flex: 1 1 170px; padding: 10px 14px; }
.vsmp-quote .vsmp-ap1, .vsmp-quote .vsmp-ap { margin-top: 12px; }
.vsmp-ap-card { display: grid; grid-template-columns: 1fr 120px; gap: 12px; align-items: end; padding: 16px; border-radius: 12px; background: linear-gradient(135deg, #2b2b38, #4a4a5c); color: #fff; }
.vsmp-ap-card .vsmp-field__label { color: rgba(255,255,255,.75); }
.vsmp-ap-card .vsmp-input { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); color: #fff; letter-spacing: .06em; }
.vsmp-ap-card .vsmp-input::placeholder { color: rgba(255,255,255,.45); }
.vsmp-ap-card__brand { grid-column: 1 / -1; font-weight: 700; font-size: 15px; }
.vsmp-ap-card__brand--payme { color: #5ff0eb; }
.vsmp-ap-card__brand--click { color: #8fc0ff; }
.vsmp-ap-card[hidden], .vsmp-ap-sms[hidden] { display: none !important; }
.vsmp-ap-sms__text { margin: 0 0 8px; }
.vsmp-ap-sms__code { font-size: 22px; letter-spacing: .3em; max-width: 180px; }
.vsmp-ap-safe { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 13px; color: var(--vsmp-muted); }
.vsmp-ap-safe .vsmp-icon { flex: 0 0 auto; margin-top: 1px; color: var(--vsmp-good); }
.vsmp-ap-saved { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); }
.vsmp-ap-saved__info { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
.vsmp-ap-saved__info small { color: var(--vsmp-muted); }
@media (max-width: 560px) { .vsmp-ap-card { grid-template-columns: 1fr; } }
.vsmp-ap-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; align-items: stretch; }
.vsmp-ap-pair .vsmp-ap1, .vsmp-ap-pair .vsmp-ap { margin-top: 0; }
.vsmp-ap1 .vsmp-btn { margin-top: auto; }
@media (max-width: 720px) { .vsmp-ap-pair { grid-template-columns: 1fr; } }
.vsmp-text-bad { color: var(--vsmp-bad); }
#vsmp-ap-box { margin-top: 4px; }
.vsmp-ap__terms { margin: 0; font-size: 12px; color: var(--vsmp-muted); } .vsmp-ap__terms a { color: inherit; text-decoration: underline; }

/* 1.99.24: the seller agreement on the registration form */
.vsmp-agreement { border: 1px solid var(--vsmp-border); border-radius: var(--vsmp-radius); background: var(--vsmp-field); padding: 12px 14px; margin: 0 0 12px; }
.vsmp-agreement > summary { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; list-style: none; }
.vsmp-agreement > summary::-webkit-details-marker { display: none; }
.vsmp-agreement > summary .vsmp-icon { color: var(--vsmp-accent); flex: 0 0 auto; margin-top: 2px; }
.vsmp-agreement > summary span { display: flex; flex-direction: column; gap: 2px; }
.vsmp-agreement > summary small { color: var(--vsmp-muted); font-size: 12px; }
.vsmp-agreement__body { max-height: 220px; overflow: auto; margin: 10px 0; padding-right: 6px; font-size: 13px; line-height: 1.5; }
.vsmp-agreement__body ul { margin: 0; padding-left: 18px; } .vsmp-agreement__body li { margin: 0 0 6px; }

/* 1.99.25: badges and free delivery / free returns in the products list; often returned products in red */
.vsmp-marks { display: flex; flex-wrap: wrap; gap: 4px; padding: 2px 0; white-space: normal; }
.vsmp-mark { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 8px; background: var(--vsmp-soft, #f1f3f8); color: var(--vsmp-text, #1d2330); font-size: 12px; font-weight: 600; line-height: 1.5; white-space: nowrap; }
.vsmp-mark .vsmp-icon { width: 13px; height: 13px; }
.vsmp-mark--often { background: #d92d20; color: #fff; white-space: normal; }
.vsmp-mark--ret { background: #f1f3f8; color: #6b7385; }
.vsmp-mark--hit { background: #fff1d6; color: #9a5b00; }
.vsmp-mark--top { background: #ede9fe; color: #5b21b6; }
.vsmp-mark--hot { background: #ffe4e6; color: #be123c; }
.vsmp-mark--rated { background: #fef9c3; color: #854d0e; }
.vsmp-mark--new { background: #dcfce7; color: #166534; }
.vsmp-mark--low { background: #ffedd5; color: #9a3412; }
.vsmp-mark--ship { background: #d1fae5; color: #065f46; }
.vsmp-mark--ret2 { background: #e0f2fe; color: #075985; }
.tabulator-row.is-often { box-shadow: inset 3px 0 0 #d92d20; }
.tabulator-row.is-often .vsmp-prod__name { color: #b42318; }
.vsmp-bulkbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; padding: 10px 14px; border-radius: var(--vsmp-radius, 14px); background: var(--vsmp-accent-bg, #eef0ff); }
.vsmp-bulkbar b { margin-right: 6px; font-weight: 600; }
.vsmp-bulkbar .vsmp-btn .vsmp-icon { width: 16px; height: 16px; margin-right: 6px; }
.vsmp-retwarn p { margin: 0; } .vsmp-retwarn p + p { margin-top: 2px; }
.vsmp-retwarn .vsmp-linkbtn { font-size: inherit; font-weight: 600; color: var(--vsmp-bad); text-decoration: underline; }
.vsmp-pe-terms .vsmp-switch { margin: 0 0 10px; }
.vsmp-pe-retwarn { margin: 0 0 14px; }

/* 1.99.26: RMA — receive a parcel by scanning or typing its code; each item's own reason */
.vsmp-rma-scan { margin: 0 0 16px; padding: 18px 20px; border: 2px dashed var(--vsmp-accent, #6a3de8); }
.vsmp-rma-scan__head { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 10px; }
.vsmp-rma-scan__head > .vsmp-icon { width: 28px; height: 28px; color: var(--vsmp-accent, #6a3de8); flex: none; }
.vsmp-rma-scan__head p { margin: 2px 0 0; font-size: 14px; }
.vsmp-rma-row { display: flex; gap: 8px; flex-wrap: wrap; }
.vsmp-rma-input { flex: 1; min-width: 220px; max-width: 360px; font-family: "Courier New", ui-monospace, monospace; font-size: 18px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.vsmp-rma-row .vsmp-btn .vsmp-icon { width: 16px; height: 16px; margin-right: 6px; }
.vsmp-rma-cam { margin: 10px 0 0; } .vsmp-rma-cam video { display: block; width: 100%; max-width: 420px; border-radius: 12px; background: #000; margin: 0 0 8px; }
.vsmp-rt-form__label.is-hidden { display: none; }
.vsmp-rma-scan .vsmp-rt-form__buttons { justify-content: flex-start; margin-top: 10px; }
.vsmp-rt-rmanote { display: flex; align-items: center; gap: 8px; margin: 6px 0; padding: 8px 12px; border-radius: 10px; background: var(--vsmp-warn-bg, #fff7e6); font-size: 13.5px; }
.vsmp-rt-rmanote .vsmp-icon { width: 16px; height: 16px; flex: none; }
.vsmp-rt-rmanote.is-ok { background: var(--vsmp-good-bg, #e7f6ec); }
.vsmp-rt-goods__why { display: block; margin-top: 2px; font-size: 13px; color: var(--vsmp-muted, #6b7385); white-space: normal; }
.vsmp-rt-goods__why b { font-weight: 600; color: var(--vsmp-text, #1d2330); }

/* 1.99.32: IMEI / serial / expiry of the units before shipping; the category notes in the product form */
.vsmp-un { display: flex; flex-direction: column; gap: 12px; }
.vsmp-un .vsmp-mk__line { cursor: default; }
.vsmp-un__unit { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 0; border-top: 1px dashed var(--vsmp-border); }
.vsmp-un__unit:first-of-type { border-top: 0; }
.vsmp-un__n { padding-top: 30px; color: var(--vsmp-muted); font-size: 13px; font-weight: 500; }
.vsmp-un__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px 12px; align-items: start; }
.vsmp-un__f[hidden] { display: none; }
.vsmp-un__f.is-error .vsmp-input { border-color: var(--vsmp-bad); }
.vsmp-un__noimei { align-self: center; font-size: 13px; }
.vsmp-un-btn { margin-left: 0; white-space: normal; text-align: left; }
/* 1.99.64: «Kafolat taloni» — the warranty card with the store's stamp */
.vsmp-wc { display: flex; flex-direction: column; gap: 12px; }
.vsmp-wc-btn { margin-left: 0; white-space: normal; text-align: left; }
.vsmp-wc__stamp { display: flex; gap: 14px; align-items: center; padding: 12px; border: 1px dashed var(--vsmp-border); border-radius: 10px; }
.vsmp-wc__stamp.is-error { border-color: var(--vsmp-bad); }
.vsmp-wc__stamp p { margin: 2px 0 8px; }
.vsmp-wc__stamp-pic { display: flex; flex: none; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%; background: var(--vsmp-bg, #f4f5f9); color: var(--vsmp-muted); font-size: 12px; text-align: center; overflow: hidden; }
.vsmp-wc__stamp-pic img { width: 100%; height: 100%; object-fit: contain; }
/* 1.99.65: the stamp and the signature side by side; who gives the warranty */
.vsmp-wc__pics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vsmp-wc__pics[hidden] { display: none; }
.vsmp-wc .vsmp-seg { align-self: flex-start; }
.vsmp-wc__pic { display: flex; gap: 14px; align-items: center; padding: 12px; border: 1px dashed var(--vsmp-border); border-radius: 10px; }
.vsmp-wc__pic.is-error { border-color: var(--vsmp-bad); }
.vsmp-wc__pic p { margin: 2px 0 8px; }
.vsmp-wc__stamp-pic.is-sign { width: 132px; height: 64px; border-radius: 8px; }
@media (max-width: 760px) { .vsmp-wc__pics { grid-template-columns: 1fr; } }
.vsmp-wc__line { display: flex; flex-direction: column; gap: 8px; padding: 12px 0 0; border-top: 1px solid var(--vsmp-border); }
.vsmp-wc__head { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.vsmp-wc__head .vsmp-linkbtn { margin-left: auto; }
.vsmp-wc__line.is-done .vsmp-wc__head b::after { content: " ✓"; color: var(--vsmp-good, #1b8a4b); }
.vsmp-pe-catnotes[hidden] { display: none; }
.vsmp-pe-catnotes p { margin: 0; }
.vsmp-pe-catnotes p + p { margin-top: 4px; }
@media (max-width: 640px) {
	.vsmp-un__unit { grid-template-columns: 1fr; gap: 4px; }
	.vsmp-un__n { padding-top: 0; }
}

/* 1.99.33: IKPU — search types, filters, badges, categories, browser, delivery codes; SEO help */
.vsmp-ik-controls { max-width: 760px; margin-top: 12px; }
.vsmp-ik-types { display: flex; flex-wrap: wrap; gap: 6px; }
.vsmp-ik-type { border: 1px solid var(--vsmp-border-strong); background: var(--vsmp-card); color: var(--vsmp-text-2); border-radius: 999px; padding: 6px 12px; font: inherit; font-size: 13px; line-height: 1.25; cursor: pointer; }
.vsmp-ik-type:hover { border-color: var(--vsmp-accent); color: var(--vsmp-accent); }
.vsmp-ik-type.is-active { background: var(--vsmp-accent); border-color: var(--vsmp-accent); color: #fff; }
.vsmp-ik-types--compact .vsmp-ik-type { padding: 5px 10px; font-size: 12.5px; }
.vsmp-ik-typehint { display: flex; gap: 6px; align-items: flex-start; margin: 8px 0 0 !important; font-size: 13px; color: var(--vsmp-text-2); }
.vsmp-ik-typehint .vsmp-icon { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--vsmp-accent); }
.vsmp-ik-filters { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-top: 10px; }
.vsmp-ik-filters .vsmp-select--sm { height: 36px; max-width: 280px; }
.vsmp-ik-filters[hidden] { display: none; }
.vsmp-ik-item__top { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
.vsmp-ik-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 500; line-height: 1.4; white-space: nowrap; }
.vsmp-ik-badge--base { background: var(--vsmp-warn-bg); color: var(--vsmp-warn); }
.vsmp-ik-badge--service { background: var(--vsmp-info-bg); color: var(--vsmp-info); }
.vsmp-ik-badge--med { background: var(--vsmp-good-bg); color: var(--vsmp-good); }
.vsmp-ik-badge--benefit { background: var(--vsmp-accent-soft); color: var(--vsmp-accent-dark); }
.vsmp-ik-basenote { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 22px; background: var(--vsmp-warn-bg); color: #5c3b00; font-size: 13px; line-height: 1.45; }
.vsmp-ik-basenote .vsmp-icon { width: 16px; height: 16px; flex: none; color: var(--vsmp-warn); margin-top: 1px; }
.vsmp-ik-basenote--card { margin: 0 22px 20px; border-radius: 8px; padding: 12px 14px; }
.vsmp-ik-external { display: flex; gap: 14px; align-items: flex-start; padding: 18px 22px; }
.vsmp-ik-external > .vsmp-icon { width: 22px; height: 22px; color: var(--vsmp-accent); flex: none; margin-top: 2px; }
.vsmp-ik-external p { margin: 0 0 12px; max-width: 640px; }
.vsmp-ik-cats .vsmp-card__head, .vsmp-ik-browse .vsmp-card__head { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; }
.vsmp-ik-cats .vsmp-card__head .vsmp-muted, .vsmp-ik-browse .vsmp-card__head .vsmp-muted { font-size: 13px; }
.vsmp-ik-cats__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; padding: 16px 22px; }
.vsmp-ik-cat { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: 8px; color: var(--vsmp-text); font-size: 14px; line-height: 1.3; }
.vsmp-ik-cat:hover { border-color: var(--vsmp-accent); color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-ik-cat__n { flex: none; width: 26px; height: 26px; border-radius: 7px; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.vsmp-ik-cat__name { flex: 1; min-width: 0; }
.vsmp-ik-cat .vsmp-icon { width: 14px; height: 14px; color: var(--vsmp-muted); flex: none; }
.vsmp-ik-tree { padding: 6px 0 10px; min-height: 80px; }
.vsmp-ik-crumbs { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; padding: 8px 22px 12px; font-size: 13px; }
.vsmp-ik-crumbs button { border: 0; background: none; padding: 2px 4px; font: inherit; color: var(--vsmp-accent); cursor: pointer; text-align: left; }
.vsmp-ik-crumbs button:last-child { color: var(--vsmp-text); font-weight: 500; cursor: default; }
.vsmp-ik-crumbs span { color: var(--vsmp-muted); }
.vsmp-ik-nodes { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; padding: 0 22px 8px; max-height: 520px; overflow: auto; }
.vsmp-ik-node { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 2px 10px; text-align: left; padding: 10px 12px; border: 1px solid var(--vsmp-border); border-radius: 8px; background: var(--vsmp-card); font: inherit; cursor: pointer; }
.vsmp-ik-node:hover { border-color: var(--vsmp-accent); background: var(--vsmp-accent-soft); }
.vsmp-ik-node code { grid-row: 1 / 3; align-self: center; font: 600 12.5px/1 "Roboto Mono", Menlo, monospace; color: var(--vsmp-accent-dark); background: var(--vsmp-accent-soft); padding: 5px 7px; border-radius: 6px; }
.vsmp-ik-node span { font-size: 13.5px; line-height: 1.3; color: var(--vsmp-text); }
.vsmp-ik-node small { font-size: 12px; color: var(--vsmp-muted); }
.vsmp-ik-facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 14px 0 4px; font-size: 14px; }
.vsmp-ik-facts dt { color: var(--vsmp-muted); }
.vsmp-ik-facts dd { margin: 0; }
.vsmp-ik-facts small { display: block; color: var(--vsmp-muted); font-size: 12.5px; margin-top: 2px; }
.vsmp-ik-structure { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.vsmp-ik-structure__part { display: flex; flex-direction: column; gap: 3px; padding: 8px; border-radius: 8px; background: var(--vsmp-field); min-width: 0; }
.vsmp-ik-structure__part code { font: 600 14px/1 "Roboto Mono", Menlo, monospace; color: var(--vsmp-accent-dark); }
.vsmp-ik-structure__part b { font-size: 11.5px; font-weight: 500; color: var(--vsmp-text-2); text-transform: uppercase; letter-spacing: .03em; }
.vsmp-ik-structure__part span { font-size: 12px; color: var(--vsmp-muted); line-height: 1.3; overflow-wrap: anywhere; }
.vsmp-ik-structure__part.is-zero code { color: var(--vsmp-muted); }
.vsmp-ik-card__hint { font-size: 13px; margin: -2px 0 10px; }
.vsmp-ik-card__code .vsmp-ik-badge { margin-left: 2px; }
.vsmp-ik-picker__controls { margin-bottom: 10px; }
.vsmp-ik-suggest { border: 1px dashed var(--vsmp-accent); border-radius: 10px; padding: 12px; margin-bottom: 14px; background: var(--vsmp-accent-soft); }
.vsmp-ik-suggest__title { margin: 0 0 8px; font-size: 13px; font-weight: 500; }
.vsmp-ik-suggest__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.vsmp-ik-suggest__item { display: flex; flex-direction: column; gap: 4px; text-align: left; border: 1px solid var(--vsmp-border); background: var(--vsmp-card); border-radius: 8px; padding: 10px 12px; font: inherit; cursor: pointer; }
.vsmp-ik-suggest__item:hover { border-color: var(--vsmp-accent); }
.vsmp-ik-suggest__item code { font: 600 13px/1 "Roboto Mono", Menlo, monospace; color: var(--vsmp-accent-dark); }
.vsmp-ik-suggest__item small { color: var(--vsmp-muted); font-size: 12px; }
@media (max-width: 720px) {
	.vsmp-ik-structure { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.vsmp-ik-facts { grid-template-columns: 1fr; gap: 2px; }
	.vsmp-ik-facts dd { margin-bottom: 8px; }
}
.vsmp-ik-delivery { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 0; font-size: 13px; }
.vsmp-field__label--info { display: flex; align-items: center; gap: 6px; }
.vsmp-info { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--vsmp-accent); background: var(--vsmp-card); color: var(--vsmp-accent); font: italic 700 11px/16px Georgia, "Times New Roman", serif; text-align: center; padding: 0; cursor: pointer; }
.vsmp-info:hover, .vsmp-info:focus-visible { background: var(--vsmp-accent); color: #fff; outline: none; }
.vsmp-seo-count { margin-left: auto; font-size: 11.5px; font-weight: 400; color: var(--vsmp-muted); font-variant-numeric: tabular-nums; }
.vsmp-seo-count.is-good { color: var(--vsmp-good); }
.vsmp-seo-count.is-short { color: var(--vsmp-warn); }
.vsmp-seo-count.is-long { color: var(--vsmp-bad); }
.vsmp-seo-preview { border: 1px solid var(--vsmp-border); border-radius: 10px; padding: 14px 16px; background: var(--vsmp-field); }
.vsmp-seo-preview__title { margin: 0 0 10px; font-size: 13px; font-weight: 500; }
.vsmp-seo-preview__title .vsmp-muted { font-weight: 400; }
.vsmp-seo-serp { display: flex; flex-direction: column; gap: 3px; max-width: 620px; background: #fff; border-radius: 8px; padding: 12px 14px; font-family: Arial, sans-serif; }
.vsmp-seo-serp__site { display: flex; flex-direction: column; font-size: 12px; color: #202124; }
.vsmp-seo-serp__site small { color: #4d5156; font-size: 12px; }
.vsmp-seo-serp__title { color: #1a0dab; font-size: 19px; line-height: 1.3; }
.vsmp-seo-serp__desc { color: #4d5156; font-size: 13.5px; line-height: 1.5; }
.vsmp-seo-help h4 { margin: 14px 0 4px; font-size: 14px; }
.vsmp-seo-help p { margin: 0; line-height: 1.5; }
.vsmp-seo-help__pic { border-radius: 12px; background: var(--vsmp-field); padding: 8px; }
.vsmp-seo-pic { display: block; width: 100%; height: auto; }
.vsmp-seo-help__limit { display: flex; gap: 6px; align-items: center; margin-top: 10px !important; padding: 8px 10px; border-radius: 8px; background: var(--vsmp-info-bg); color: var(--vsmp-info); font-size: 13px; }
.vsmp-seo-help__limit .vsmp-icon { width: 16px; height: 16px; }
.vsmp-seo-help__example { padding: 8px 10px; border-left: 3px solid var(--vsmp-accent); background: var(--vsmp-accent-soft); border-radius: 0 6px 6px 0; }
.vsmp-seo-help__tips { margin: 12px 0 0; padding-left: 20px; font-size: 13.5px; color: var(--vsmp-text-2); }
.vsmp-seo-help__tips li { margin-bottom: 4px; }
/* 1.99.35: IKPU — the catalog numbers; the categories folded at the bottom */
.vsmp-ik-stats { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.vsmp-ik-stats__main { display: flex; gap: 8px; align-items: flex-start; margin: 0 !important; font-size: 14.5px; color: var(--vsmp-text) !important; }
.vsmp-ik-stats__main > .vsmp-icon { flex: none; width: 18px; height: 18px; color: var(--vsmp-good); margin-top: 1px; }
.vsmp-ik-stats__main small { font-size: 12.5px; }
.vsmp-ik-stats__list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.vsmp-ik-stats__list li { padding: 4px 10px; border-radius: 999px; background: var(--vsmp-card); border: 1px solid var(--vsmp-border); font-size: 12.5px; color: var(--vsmp-text-2); }
.vsmp-ik-stats__list b { color: var(--vsmp-text); font-weight: 600; font-variant-numeric: tabular-nums; }
.vsmp-ik-stats__loading { display: flex; gap: 8px; align-items: center; margin: 0 !important; font-size: 13px; }
.vsmp-ik-stats__loading[hidden] { display: none; }
details.vsmp-ik-cats > summary { cursor: pointer; list-style: none; }
details.vsmp-ik-cats > summary::-webkit-details-marker { display: none; }
details.vsmp-ik-cats > summary .vsmp-ik-cats__chev { margin-left: auto; transition: transform .15s; flex: none; color: var(--vsmp-muted); }
details.vsmp-ik-cats[open] > summary .vsmp-ik-cats__chev { transform: rotate(90deg); }
details.vsmp-ik-cats:not([open]) > summary { border-bottom: 0; }
.vsmp-ik-browse .vsmp-ik-basenote--card { margin: 14px 22px 0; }
/* 1.99.36: the package code by hand */
.vsmp-ik-pkghow { margin: 6px 0 12px; padding-left: 20px; font-size: 13.5px; color: var(--vsmp-text-2); }
.vsmp-ik-pkghow li { margin-bottom: 4px; }
.vsmp-ik-pkgmanual { max-width: 280px; margin-bottom: 14px; }
/* 1.99.37: the units and package codes of the chosen IKPU */
.vsmp-ik-packs { border: 1px solid var(--vsmp-border); border-radius: 10px; padding: 12px 14px; background: var(--vsmp-field); display: flex; flex-direction: column; gap: 8px; }
.vsmp-ik-packs[hidden] { display: none; }
.vsmp-ik-packs p { margin: 0; font-size: 13.5px; }
.vsmp-ik-packs__title { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.vsmp-ik-packs__msg, .vsmp-ik-packs__auto { display: flex; gap: 6px; align-items: flex-start; color: var(--vsmp-text-2); }
.vsmp-ik-packs__auto { color: var(--vsmp-good); font-weight: 500; }
.vsmp-ik-packs__msg .vsmp-icon, .vsmp-ik-packs__auto .vsmp-icon { width: 16px; height: 16px; flex: none; margin-top: 1px; }
.vsmp-ik-packs__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px; max-height: 320px; overflow: auto; }
.vsmp-ik-pack { display: grid; grid-template-columns: auto 1fr auto; gap: 2px 8px; align-items: center; padding: 8px 10px; border: 1px solid var(--vsmp-border); border-radius: 8px; background: var(--vsmp-card); cursor: pointer; }
.vsmp-ik-pack.is-on { border-color: var(--vsmp-accent); box-shadow: 0 0 0 2px var(--vsmp-accent-soft); }
.vsmp-ik-pack input { margin: 0; }
.vsmp-ik-pack__name { font-size: 13.5px; font-weight: 500; }
.vsmp-ik-pack code { font: 600 12.5px/1 "Roboto Mono", Menlo, monospace; color: var(--vsmp-accent-dark); }
.vsmp-ik-pack small { grid-column: 2 / 4; font-size: 12px; color: var(--vsmp-muted); line-height: 1.35; }
.vsmp-ik-package small { display: block; font-size: 12px; color: var(--vsmp-muted); margin-top: 2px; }

/* 1.99.38: size chart brand picker */
.vsmp-sc-brand { position: relative; }
.vsmp-sc-brand__list { position: absolute; z-index: 20; left: 0; right: 0; top: 74px; max-height: 240px; overflow: auto; background: var(--vsmp-surface, #fff); border: 1px solid var(--vsmp-border, #e5e7eb); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: 4px; }
.vsmp-sc-brand__list p { margin: 8px 10px; font-size: 14px; }
.vsmp-sc-brand__item { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 8px 10px; border-radius: 8px; font: inherit; cursor: pointer; color: inherit; }
.vsmp-sc-brand__item:hover, .vsmp-sc-brand__item:focus { background: var(--vsmp-primary-soft, #f3efff); outline: none; }

/* 1.99.38: photo rules in the product editor */
.vsmp-thumb { position: relative; }
.vsmp-thumb.is-warn { box-shadow: 0 0 0 2px #f59e0b; }
.vsmp-thumb__warn { position: absolute; left: 6px; bottom: 6px; width: 24px; height: 24px; border-radius: 50%; background: #f59e0b; color: #fff; display: flex; align-items: center; justify-content: center; }
.vsmp-thumb__warn .vsmp-icon { width: 14px; height: 14px; }
.vsmp-ph-note { display: flex; gap: 8px; align-items: flex-start; margin: 8px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff7e6; color: #8a5300; font-size: 13px; line-height: 1.45; }
.vsmp-ph-note .vsmp-icon { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; }
.vsmp-ph-note a { color: inherit; font-weight: 500; text-decoration: underline; }

/* 1.99.38: the plans comparison folds by section */
.vsmp-plcmp__sec { cursor: pointer; user-select: none; }
.vsmp-plcmp__sec:hover td { background: var(--vsmp-primary-soft, #f3efff); }
.vsmp-plcmp__chev { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; transition: transform .2s; }
.vsmp-plcmp__sec.is-open .vsmp-plcmp__chev { transform: rotate(90deg); }
.vsmp-plcmp__n { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--vsmp-surface-2, #f1f1f4); color: var(--vsmp-muted, #6b7280); font-size: 12px; font-weight: 500; }

/* 1.99.39: the tax report */
.vsmp-tx-month { display: inline-flex; align-items: center; gap: 10px; }
.vsmp-tx-month .vsmp-select { min-width: 200px; }
.vsmp-tx-table th.num, .vsmp-tx-table td.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.vsmp-tx-table tr.is-bad td { background: #fff5f5; }
.vsmp-tx-table tfoot td { border-top: 2px solid var(--vsmp-border, #e5e7eb); background: var(--vsmp-surface-2, #f7f7f9); }
.vsmp-tx-miss { color: var(--vsmp-bad, #dc2626); font-weight: 600; font-family: inherit; }
/* 1.99.39: «i» windows */
.vsmp-help-body p { margin: 0 0 10px; line-height: 1.55; }
.vsmp-help-body ul { margin: 0 0 10px; padding-left: 20px; line-height: 1.55; }
.vsmp-help-body li { margin: 0 0 4px; }
/* 1.99.39: the receipt of a plan payment */
.vsmp-pr__ok { display: flex; gap: 12px; align-items: center; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: #ecfdf3; color: #166534; }
.vsmp-pr__ok > .vsmp-icon { width: 26px; height: 26px; flex: none; }
.vsmp-pr__ok div { display: flex; flex-direction: column; }
.vsmp-pr__ok span { font-size: 13px; color: #3f6b50; }
.vsmp-tx-table td:nth-child(3) { min-width: 220px; }

/* 1.99.40: IKPU — the copy icon next to the code, «Qadoq kodlari», the barcode scanner of the search */
.vsmp-ik-codecopy { display: inline-flex; align-items: center; gap: 4px; }
.vsmp-ik-copyicon { width: 32px; height: 32px; border-radius: 8px; color: var(--vsmp-accent) !important; border: 1px solid var(--vsmp-border); background: #fff; }
.vsmp-ik-copyicon .vsmp-icon { width: 16px; height: 16px; }
.vsmp-ik-copyicon.is-done { color: var(--vsmp-ok, #16a34a) !important; border-color: currentColor; }
.vsmp-ik-item__btns { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.vsmp-ik-item__btns .vsmp-btn .vsmp-icon { width: 15px; height: 15px; }
.vsmp-ik-search .vsmp-scanfield { flex: 1; min-width: 0; display: flex; align-items: stretch; gap: 8px; }
.vsmp-ik-search .vsmp-scanbtn { border-radius: 10px; padding: 0 16px; }
.vsmp-ik-search .vsmp-scanfield .vsmp-input { flex: 1; min-width: 0; }
/* 1.99.40: finance — the balance now, apart from the period's result */
.vsmp-fin-balance { display: flex; align-items: center; gap: 14px; padding: 14px 18px; margin: 0 0 16px; }
.vsmp-fin-balance__icon { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--vsmp-accent-soft); color: var(--vsmp-accent); flex: none; }
.vsmp-fin-balance__icon .vsmp-icon { width: 22px; height: 22px; }
.vsmp-fin-balance__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.vsmp-fin-balance__label { font-size: 13px; color: var(--vsmp-text-2); }
.vsmp-fin-balance__sum { font-size: 22px; font-weight: 700; }
.vsmp-fin-balance__sum small { font-size: 13px; font-weight: 500; color: var(--vsmp-muted); }
.vsmp-fin-balance.is-negative .vsmp-fin-balance__sum { color: var(--vsmp-bad); }
.vsmp-fin-balance .vsmp-muted { font-size: 12.5px; }
@media (max-width: 640px) { .vsmp-fin-balance { flex-wrap: wrap; } .vsmp-fin-balance .vsmp-btn { width: 100%; justify-content: center; } }

/* 1.99.58: Sotuvchi ID with the copy button */
.vsmp-sid { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 10px; border: 1px solid var(--vsmp-border); border-radius: 999px; background: var(--vsmp-field); font-size: 13px; line-height: 1.3; color: var(--vsmp-text-2); white-space: nowrap; }
.vsmp-sid__label { color: var(--vsmp-muted); }
.vsmp-sid__code { font-variant-numeric: tabular-nums; letter-spacing: .04em; color: var(--vsmp-text); font-weight: 600; }
.vsmp-sid__copy { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--vsmp-accent); cursor: pointer; }
.vsmp-sid__copy:hover, .vsmp-sid__copy:focus-visible { background: var(--vsmp-accent-soft); outline: none; }
.vsmp-sid__copy .vsmp-icon { width: 16px; height: 16px; }
.vsmp-sid__copy.is-done { color: var(--vsmp-good); }
.vsmp-sid--lg { padding: 6px 6px 6px 14px; font-size: 15px; }
.vsmp-sid--lg .vsmp-sid__code { font-size: 20px; }
.vsmp-dropdown__sid { padding: 8px 12px 10px; border-bottom: 1px solid var(--vsmp-border); margin-bottom: 4px; }
.vsmp-sidpay__steps { margin: 0 0 12px; padding-left: 20px; font-size: 14px; line-height: 1.6; color: var(--vsmp-text-2); }
.vsmp-sidpay__steps li + li { margin-top: 4px; }
.vsmp-sidpay__apps { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.vsmp-tpd-list { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.vsmp-tpd-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "sum links" "meta links"; gap: 2px 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--vsmp-border); }
.vsmp-tpd-list li:first-child { border-top: 0; padding-top: 0; }
.vsmp-tpd-list__sum { grid-area: sum; font-weight: 600; }
.vsmp-tpd-list__meta { grid-area: meta; font-size: 13px; }
.vsmp-tpd-list__links { grid-area: links; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; white-space: nowrap; font-size: 13px; }

/* 1.99.59: an uploaded document of the partner profile (.vsmp-doc is the help centre's layout) */
.vsmp-docfile { display: flex; align-items: center; gap: 10px; padding: 10px 14px; margin: 0 0 8px; border: 1px dashed var(--vsmp-border-strong); border-radius: 8px; font-size: 14px; min-width: 0; }
.vsmp-docfile > span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.vsmp-docfile .vsmp-muted { margin-left: auto; font-size: 13px; white-space: nowrap; }
.vsmp-docfile .vsmp-icon { color: var(--vsmp-accent); flex: none; }

/* 1.99.61: the search preview — the computer and the phone, live, the line being typed highlighted */
.vsmp-seo-views { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.vsmp-seo-view__label { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 6px; font-size: 12px; color: var(--vsmp-muted); }
.vsmp-seo-view__label .vsmp-icon { width: 14px; height: 14px; }
.vsmp-seo-serp__site { flex-direction: row !important; align-items: center; gap: 10px; }
.vsmp-seo-serp__site > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.vsmp-seo-serp__site small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vsmp-seo-serp__fav { flex: none; width: 26px; height: 26px; border-radius: 50%; background: #e8f0fe; color: #1a73e8; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; }
.vsmp-seo-serp__row { display: flex; gap: 12px; align-items: flex-start; }
.vsmp-seo-serp__row .vsmp-seo-serp__desc { flex: 1; min-width: 0; }
.vsmp-seo-serp__img { flex: none; width: 92px; height: 92px; border-radius: 8px; background: #f1f3f4 center / cover no-repeat; }
.vsmp-seo-serp__rich { font-size: 13px; color: #4d5156; }
.vsmp-seo-serp__rich:empty { display: none; }
.vsmp-seo-serp [data-seo-part] { border-radius: 4px; transition: background-color .15s, box-shadow .15s; }
.vsmp-seo-serp [data-seo-part].is-active { background: #fff6cc; box-shadow: 0 0 0 3px #fff6cc; }
.vsmp-seo-serp--phone { max-width: 360px; border-radius: 16px; padding: 14px; box-shadow: 0 1px 6px rgba(32, 33, 36, .18); }
.vsmp-seo-serp--phone .vsmp-seo-serp__title { font-size: 17px; }
.vsmp-seo-serp--phone .vsmp-seo-serp__desc { font-size: 13px; }
.vsmp-seo-serp--phone .vsmp-seo-serp__img { width: 72px; height: 72px; }
.vsmp-seo-tips { margin: 10px 0 0; font-size: 12.5px; color: var(--vsmp-muted); }
.vsmp-seo-tips:empty { display: none; }
@media (max-width: 900px) { .vsmp-seo-views { grid-template-columns: 1fr; } }