/*
 * Genkart vendor theme — loads AFTER admin-theme.css, in the vendor panel only.
 * Gives the vendor panel its own identity in the logo colours (sky blue #1e9bd7 lead,
 * navy #1d1d64 text/brand panels, red #e2261c accents), Outfit font,
 * light floating sidebar + topbar, pill buttons, flat cards, light hero, solid KPI cards,
 * split-screen auth pages. Everything is scoped to body.gk-vendor / body.gk-vauth.
 */

/* ---------- tokens ---------- */
body.gk-vendor, body.gk-vauth {
	--gk-font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--gk-primary: #1667a8;
	--gk-primary-2: #1e9bd7;
	--gk-primary-soft: rgba(30, 155, 215, .12);
	--gk-primary-ring: rgba(30, 155, 215, .22);
	--gk-accent: #e2261c;
	--gk-sky: #1e9bd7;
	--gk-radius: 22px;
	--gk-radius-sm: 14px;
	--gk-brand-grad: linear-gradient(135deg, #3fb8ee 0%, #1e9bd7 42%, #1667a8 100%);
	--gk-red-grad: linear-gradient(135deg, #f0584f 0%, #d4231a 100%);
}
html:not(.dark-theme) body.gk-vendor, html:not(.dark-theme) body.gk-vauth {
	--gk-bg: #eef4fb;
	--gk-surface: #ffffff;
	--gk-surface-2: #f3f8fd;
	--gk-border: #dde7f3;
	--gk-border-strong: #c8d7ea;
	--gk-text: #1d1d64;
	--gk-text-2: #3d4677;
	--gk-muted: #6d77a0;
	--gk-hover: #eaf3fc;
	--gk-shadow: 0 1px 2px rgba(20, 22, 80, .04), 0 12px 30px -24px rgba(20, 22, 80, .35);
	--gk-shadow-hover: 0 2px 4px rgba(20, 22, 80, .05), 0 22px 44px -24px rgba(20, 22, 80, .45);
}
html.dark-theme body.gk-vendor {
	--gk-primary-soft: rgba(63, 184, 238, .14);
	--gk-primary-ring: rgba(63, 184, 238, .28);
	--gk-bg: #0b1022;
	--gk-surface: #121a33;
	--gk-surface-2: #17213e;
	--gk-border: #222d4f;
	--gk-border-strong: #2d3a63;
	--gk-text: #e6edfb;
	--gk-text-2: #b9c4e3;
	--gk-muted: #8792b8;
	--gk-hover: #1a2546;
}
body.gk-vendor { font-family: var(--gk-font); background: var(--gk-bg); }
html.dark-theme body.gk-vendor { background: var(--gk-bg); }
body.gk-vendor ::selection { background: var(--gk-primary-ring); }

/* ---------- shapes: pill buttons, flat cards, rounder inputs ---------- */
body.gk-vendor .btn { border-radius: 999px; }
body.gk-vendor .btn-primary {
	background: var(--gk-brand-grad);
	box-shadow: 0 10px 22px -12px rgba(22, 103, 168, .85);
}
body.gk-vendor .btn-primary:hover, body.gk-vendor .btn-primary:focus, body.gk-vendor .btn-primary:active {
	background: linear-gradient(135deg, #1e9bd7, #1667a8);
	box-shadow: 0 14px 26px -12px rgba(22, 103, 168, .95);
}
body.gk-vendor .form-control, body.gk-vendor .form-select { border-radius: 14px; }
body.gk-vendor .card { box-shadow: none; border-radius: 22px; }
body.gk-vendor .card-header { border-radius: 22px 22px 0 0 !important; }
body.gk-vendor .gk-pcard-head, body.gk-vendor .gk-fcard > .card-header.gk-fcard-head, body.gk-vendor .gk-fcard > form > .card-header.gk-fcard-head {
	background: var(--gk-surface) !important;
	border-radius: 22px 22px 0 0 !important;
}
body.gk-vendor .gk-head-icon { border-radius: 50%; box-shadow: none; }
body.gk-vendor .gk-fcard-icon { border-radius: 50%; background: var(--gk-brand-grad); box-shadow: 0 10px 20px -10px rgba(22, 103, 168, .8); }
body.gk-vendor .gk-fcard > .card-header.gk-fcard-head::after, body.gk-vendor .gk-fcard > form > .card-header.gk-fcard-head::after {
	background: linear-gradient(90deg, #1e9bd7, #1d1d64, #e2261c);
}
body.gk-vendor .gk-fcard { box-shadow: none; border: 1px solid var(--gk-border) !important; }
body.gk-vendor .table thead th { background: var(--gk-surface-2) !important; }

/* ---------- floating light sidebar ---------- */
body.gk-vendor .sidebar-wrapper {
	background: var(--gk-surface);
	border: 1px solid var(--gk-border);
	box-shadow: 0 24px 50px -34px rgba(20, 22, 80, .45) !important;
}
body.gk-vendor .sidebar-wrapper::after { background: radial-gradient(closest-side, rgba(30, 155, 215, .16), transparent); }
body.gk-vendor .sidebar-wrapper .sidebar-header {
	--gk-side-head: var(--gk-surface);
	border-bottom: 1px solid var(--gk-border);
}
body.gk-vendor .sidebar-wrapper .sidebar-header > div:first-child { padding: 0; background: none; box-shadow: none; }
body.gk-vendor .sidebar-wrapper .logo-icon { width: 150px; }
body.gk-vendor .sidebar-wrapper .toggle-icon { color: var(--gk-primary); background: var(--gk-primary-soft); border: 0; border-radius: 50%; }
body.gk-vendor .sidebar-wrapper .toggle-icon:hover { background: var(--gk-primary-2); color: #fff; }
body.gk-vendor .gk-side-search i { color: var(--gk-muted); }
body.gk-vendor .gk-side-search input {
	background: var(--gk-surface-2);
	border: 1px solid var(--gk-border);
	border-radius: 999px;
	color: var(--gk-text);
}
body.gk-vendor .gk-side-search input::placeholder { color: var(--gk-muted) !important; }
body.gk-vendor .gk-side-search input:focus { background: var(--gk-surface); border-color: var(--gk-primary-2); box-shadow: 0 0 0 4px var(--gk-primary-ring); }
body.gk-vendor .gk-side-search input::-webkit-search-cancel-button { filter: none; }
body.gk-vendor .gk-side-kbd { border-color: var(--gk-border-strong); background: var(--gk-surface); color: var(--gk-muted); }
body.gk-vendor .sidebar-wrapper .metismenu .menu-label { color: var(--gk-muted); }
body.gk-vendor .sidebar-wrapper .metismenu .menu-label::after { background: linear-gradient(90deg, var(--gk-border), transparent); }
body.gk-vendor .sidebar-wrapper .metismenu a { color: var(--gk-text-2); border-radius: 999px; }
body.gk-vendor .sidebar-wrapper .metismenu a:hover, body.gk-vendor .sidebar-wrapper .metismenu a:focus { color: var(--gk-text); background: var(--gk-hover); }
/* deeper section colours so icons read on white */
body.gk-vendor .sidebar-wrapper .metismenu > li { --ic: #1667a8; }
body.gk-vendor .sidebar-wrapper .metismenu > .gk-sec-catalog ~ li { --ic: #1e9bd7; }
body.gk-vendor .sidebar-wrapper .metismenu > .gk-sec-sales ~ li { --ic: #2b2e8c; }
body.gk-vendor .sidebar-wrapper .metismenu > .gk-sec-finance ~ li { --ic: #e2261c; }
body.gk-vendor .sidebar-wrapper .metismenu a .parent-icon { border-radius: 50%; background: color-mix(in srgb, var(--ic) 12%, transparent); }
/* active: solid brand-blue pill */
body.gk-vendor .sidebar-wrapper .metismenu > .mm-active > a {
	color: #fff;
	background: var(--gk-brand-grad);
	box-shadow: 0 12px 24px -14px rgba(22, 103, 168, .9);
}
body.gk-vendor .sidebar-wrapper .metismenu > .mm-active > a .parent-icon { background: rgba(255, 255, 255, .22); color: #fff; box-shadow: none; }
body.gk-vendor .sidebar-wrapper .metismenu > .mm-active > a::before { display: none; }
body.gk-vendor .sidebar-wrapper .simplebar-scrollbar:before { background: var(--gk-border-strong); }
body.gk-vendor .gk-side-card { background: var(--gk-brand-grad); border: 0; box-shadow: 0 16px 30px -18px rgba(22, 103, 168, .8); }
body.gk-vendor .gk-side-card-link { color: var(--gk-primary) !important; }

/* ---------- floating topbar ---------- */
body.gk-vendor .topbar {
	background: var(--gk-surface);
	border: 1px solid var(--gk-border);
	border-radius: 20px;
	box-shadow: 0 18px 40px -32px rgba(20, 22, 80, .5);
	-webkit-box-shadow: 0 18px 40px -32px rgba(20, 22, 80, .5);
}
body.gk-vendor .topbar::after { display: none; }
html.dark-theme body.gk-vendor .topbar { background: var(--gk-surface); }
body.gk-vendor .page-wrapper { margin-top: 92px; }
body.gk-vendor .gk-crumb span:first-child { color: var(--gk-accent); }
body.gk-vendor .topbar .navbar .navbar-nav .nav-link { border-radius: 50%; }
body.gk-vendor .gk-date-chip { border-radius: 999px; }
body.gk-vendor .gk-date-chip i { color: var(--gk-primary-2); }
body.gk-vendor .gk-visit-btn { border-radius: 999px; background: var(--gk-red-grad); box-shadow: 0 10px 20px -12px rgba(226, 38, 28, .9); }
body.gk-vendor .gk-visit-btn:hover { box-shadow: 0 14px 24px -12px rgba(226, 38, 28, 1); }
body.gk-vendor .user-box > .nav-link { border-radius: 999px; }
body.gk-vendor .gk-avatar { border-radius: 50%; }
body.gk-vendor .page-footer { background: transparent; border-top: 0; }

@media (min-width: 1025px) {
	/* sidebar floats 14px from the edges; transform makes its fixed header sit inside it */
	body.gk-vendor .sidebar-wrapper { top: 14px; left: 14px; bottom: 14px; height: auto; border-radius: 24px; overflow: clip; transform: translateZ(0); } /* clip, not hidden: SimpleBar turns off scrolling when its host is overflow:hidden */
	body.gk-vendor .sidebar-wrapper .sidebar-header { top: 0; left: 0; border-radius: 24px 24px 0 0; }
	body.gk-vendor .topbar { top: 14px; right: 14px; left: 278px; }
	body.gk-vendor .page-wrapper { margin-left: 278px; }
	body.gk-vendor .page-footer { margin-left: 278px; }
	body.gk-vendor .wrapper.toggled .topbar { left: 98px; }
	body.gk-vendor .wrapper.toggled .page-wrapper { margin-left: 98px; }
	body.gk-vendor .wrapper.toggled .page-footer { margin-left: 98px; }
	body.gk-vendor .page-content { padding-left: .6rem; padding-right: 1rem; }
}
@media (max-width: 1024px) {
	body.gk-vendor .topbar { top: 10px; left: 10px !important; right: 10px; }
	body.gk-vendor .page-wrapper { margin-top: 84px; }
	body.gk-vendor .sidebar-wrapper { border-radius: 0 24px 24px 0; }
}

/* ---------- dashboard ---------- */
/* light hero (admin's is dark navy) */
body.gk-vendor .gk-hero {
	color: var(--gk-text);
	background:
		radial-gradient(620px 260px at 100% 0%, rgba(30, 155, 215, .2), transparent 60%),
		radial-gradient(520px 240px at 0% 120%, rgba(226, 38, 28, .14), transparent 60%),
		linear-gradient(135deg, #ffffff 0%, #eef6fd 100%);
	border: 1px solid var(--gk-border);
	box-shadow: none;
	border-radius: 26px;
}
html.dark-theme body.gk-vendor .gk-hero {
	background:
		radial-gradient(620px 260px at 100% 0%, rgba(63, 184, 238, .18), transparent 60%),
		linear-gradient(135deg, #111a2e 0%, #142240 100%);
}
body.gk-vendor .gk-hero::after { background-image: radial-gradient(rgba(22, 103, 168, .16) 1px, transparent 1px); }
body.gk-vendor .gk-hero::before { background: radial-gradient(closest-side, rgba(63, 184, 238, .25), transparent); }
body.gk-vendor .gk-hero-date { background: var(--gk-primary-soft); color: var(--gk-primary); }
body.gk-vendor .gk-hero-title { color: var(--gk-text); }
body.gk-vendor .gk-hero-title span { background: linear-gradient(90deg, #1e9bd7, #1d1d64); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.gk-vendor .gk-hero-sub { color: var(--gk-text-2); }
body.gk-vendor .gk-hero-btn {
	color: var(--gk-text) !important;
	background: var(--gk-surface);
	border: 1px solid var(--gk-border);
	border-radius: 999px;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
body.gk-vendor .gk-hero-btn i { color: var(--gk-primary-2); }
body.gk-vendor .gk-hero-btn:hover { background: var(--gk-primary-soft); border-color: var(--gk-primary-2); }
body.gk-vendor .gk-hero-highlight {
	background: var(--gk-brand-grad);
	border: 0;
	border-radius: 22px;
	box-shadow: 0 20px 40px -24px rgba(22, 103, 168, .9);
}
body.gk-vendor .gk-hero-highlight-label { color: rgba(255, 255, 255, .82); }
body.gk-vendor .gk-hero-highlight-meta { color: #c9ecff; }

/* section titles: small gradient marker */
body.gk-vendor .gk-section-title h6 { display: inline-flex; align-items: center; gap: 8px; }
body.gk-vendor .gk-section-title h6::before { content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #1e9bd7, #e2261c); }

/* solid gradient KPI cards (admin's are white) */
body.gk-vendor .gk-kpi {
	color: #fff;
	border: 0;
	border-radius: 24px;
	background:
		radial-gradient(220px 140px at 100% 0%, rgba(255, 255, 255, .22), transparent 70%),
		linear-gradient(135deg, color-mix(in srgb, var(--gk-k) 78%, #fff), color-mix(in srgb, var(--gk-k) 88%, #000));
	box-shadow: 0 18px 34px -24px color-mix(in srgb, var(--gk-k) 85%, #000);
}
body.gk-vendor .gk-kpi::after { border-color: #fff; opacity: .14; }
body.gk-vendor .gk-kpi:hover { box-shadow: 0 26px 44px -24px color-mix(in srgb, var(--gk-k) 90%, #000); }
body.gk-vendor .gk-kpi-icon { border-radius: 50%; background: rgba(255, 255, 255, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
body.gk-vendor .gk-kpi-label { color: rgba(255, 255, 255, .85); }
body.gk-vendor .gk-kpi-value { color: #fff; }
body.gk-vendor .gk-kpi-link { color: #fff; opacity: .92; }

/* quick actions: stacked icon tiles */
body.gk-vendor .gk-quick-item {
	flex-direction: column;
	justify-content: center;
	gap: .5rem;
	padding: 1rem .75rem;
	border-radius: 20px;
	text-align: center;
	box-shadow: none;
}
body.gk-vendor .gk-quick-item i { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; font-size: 22px; }
body.gk-vendor .gk-quick-item span { white-space: normal; }

/* catalogue tiles + notice */
body.gk-vendor .gk-tile { border-radius: 18px; }
body.gk-vendor .gk-tile-icon { border-radius: 50%; }
body.gk-vendor .gk-notice { border-radius: 20px; }
body.gk-vendor .gk-notice-icon { border-radius: 50%; }

/* ---------- auth pages: split screen (admin's is a centred card) ---------- */
body.gk-vauth { font-family: var(--gk-font); background: #f2f7fc; }
body.gk-vauth .gk-auth-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	grid-template-rows: 1fr auto;
	align-items: center;
	justify-items: center;
	gap: 0 2.5rem;
	padding: 18px;
	min-height: 100vh;
}
body.gk-vauth .gk-vauth-brand { grid-row: 1 / span 2; grid-column: 1; align-self: stretch; justify-self: stretch; }
body.gk-vauth .gk-auth-card { grid-column: 2; grid-row: 1; box-shadow: 0 24px 60px -34px rgba(20, 22, 80, .45); border: 1px solid var(--gk-border); border-radius: 26px; }
body.gk-vauth .gk-auth-card::before { background: radial-gradient(closest-side, rgba(30, 155, 215, .14), rgba(226, 38, 28, .05) 60%, transparent); }
body.gk-vauth .gk-auth-foot { grid-column: 2; grid-row: 2; color: var(--gk-muted); }
body.gk-vauth .gk-auth-head h5 span { background: linear-gradient(90deg, #1d1d64, #1e9bd7 55%, #e2261c); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.gk-vauth .gk-auth .form-label, body.gk-vauth .form-label { color: var(--gk-text); }
body.gk-vauth .btn-primary { border-radius: 999px; background: var(--gk-brand-grad); box-shadow: 0 12px 24px -12px rgba(22, 103, 168, .8); }
body.gk-vauth .btn-primary:hover { box-shadow: 0 16px 28px -12px rgba(22, 103, 168, .9); }
body.gk-vauth .btn-primary::after { display: none; }
body.gk-vauth .gk-auth-field .form-control, body.gk-vauth .form-body .form-control { border-radius: 14px; }
body.gk-vauth .gk-auth-switch a { color: var(--gk-primary); }

/* brand panel */
.gk-vauth-brand {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 2.5rem 2.5rem 2rem;
	border-radius: 28px;
	color: #fff;
	background:
		radial-gradient(520px 320px at 110% -10%, rgba(226, 38, 28, .42), transparent 60%),
		radial-gradient(480px 320px at -10% 110%, rgba(63, 184, 238, .55), transparent 60%),
		linear-gradient(150deg, #23237a 0%, #1d1d64 55%, #15154a 100%);
}
.gk-vauth-brand::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px);
	background-size: 20px 20px;
	mask-image: linear-gradient(180deg, transparent, #000 40%, transparent);
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 40%, transparent);
	pointer-events: none;
}
.gk-vauth-brand > * { position: relative; z-index: 1; }
.gk-vauth-logo { display: inline-flex; align-self: flex-start; padding: 8px 14px; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .5); }
.gk-vauth-logo img { width: 150px; height: auto; }
.gk-vauth-pill {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .22);
	font-size: 12.5px;
	font-weight: 600;
}
.gk-vauth-brand h2 { margin: 1rem 0 .6rem; color: #fff; font-size: clamp(1.7rem, 2.6vw, 2.4rem); font-weight: 800; letter-spacing: -.8px; line-height: 1.12; }
.gk-vauth-brand h2 span { color: #7fd0f5; }
.gk-vauth-brand > p { margin: 0 0 1.6rem; max-width: 440px; color: rgba(255, 255, 255, .82); font-size: 15px; }
.gk-vauth-list { list-style: none; margin: 0 0 auto; padding: 0; display: grid; gap: .75rem; max-width: 440px; }
.gk-vauth-list li { display: flex; align-items: center; gap: .8rem; padding: .7rem .85rem; border-radius: 16px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .14); }
.gk-vauth-list i { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #1d1d64; font-size: 19px; }
.gk-vauth-list b { display: block; font-size: 14.5px; }
.gk-vauth-list small { color: rgba(255, 255, 255, .75); font-size: 12.5px; }
@media (max-width: 991.98px) {
	body.gk-vauth .gk-auth-shell { grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 1.25rem; padding: 14px; }
	body.gk-vauth .gk-vauth-brand { grid-row: 1; padding: 1.4rem; }
	body.gk-vauth .gk-auth-card { grid-column: 1; grid-row: 2; }
	body.gk-vauth .gk-auth-foot { grid-column: 1; grid-row: 3; }
	.gk-vauth-brand h2 { margin: .9rem 0 .4rem; font-size: 1.45rem; }
	.gk-vauth-brand > p { margin-bottom: .5rem; font-size: 14px; }
	.gk-vauth-list, .gk-vauth-pill { display: none; }
}
/* register: wide form, narrower brand panel */
body.gk-vauth .gk-auth-shell:has(.gk-auth-card--wide) { grid-template-columns: minmax(0, .72fr) minmax(0, 1.6fr); }
body.gk-vauth .gk-auth-card.gk-auth-card--wide { max-width: 900px; }
@media (max-width: 991.98px) { body.gk-vauth .gk-auth-shell:has(.gk-auth-card--wide) { grid-template-columns: 1fr; } }
/* the brand panel already shows the logo on desktop */
@media (min-width: 992px) { body.gk-vauth .gk-auth-card .gk-auth-logo { display: none; } body.gk-vauth .gk-auth-head h5 { margin-top: 0; } }

/* sticky form header sits under the floating topbar */
body.gk-vendor .gk-fcard > .card-header.gk-fcard-head.gk-sticky-head,
body.gk-vendor .gk-fcard > form > .card-header.gk-fcard-head.gk-sticky-head { top: 86px; box-shadow: 0 14px 24px -22px rgba(20, 22, 80, .5); }
@media (max-width: 1024px) {
	body.gk-vendor .gk-fcard > .card-header.gk-fcard-head.gk-sticky-head,
	body.gk-vendor .gk-fcard > form > .card-header.gk-fcard-head.gk-sticky-head { top: 80px; }
}
body.gk-vendor .gk-fcard .border.border-3, body.gk-vendor .gk-fcard .field_wrapper > .form-group.row { border-radius: 18px !important; }

/* ---------- vendor profile summary ---------- */
body.gk-vendor .gk-profile-card { overflow: hidden; position: sticky; top: 86px; }
body.gk-vendor .gk-profile-card .card-body { padding: 0 1.15rem 1.15rem; text-align: center; }
.gk-profile-cover { height: 86px; margin: 0 -1.15rem; background: var(--gk-brand-grad, linear-gradient(135deg, #5a5ff0, #3a3db8)); position: relative; }
.gk-profile-cover::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1px); background-size: 16px 16px; }
.gk-profile-logo {
	width: 96px;
	height: 96px;
	margin: -48px auto 10px;
	display: block;
	position: relative;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid var(--gk-surface);
	background: var(--gk-surface-2);
	box-shadow: 0 10px 24px -14px rgba(20, 22, 80, .6);
}
.gk-profile-name { margin: 0 0 .45rem; font-size: 20px; font-weight: 800; letter-spacing: -.3px; color: var(--gk-text); text-transform: capitalize; }
.gk-profile-meta { list-style: none; margin: 1rem 0 0; padding: 0; text-align: left; display: grid; gap: .5rem; }
.gk-profile-meta li {
	display: grid;
	grid-template-columns: 36px 1fr;
	grid-template-areas: "icon label" "icon value";
	column-gap: .7rem;
	align-items: center;
	padding: .6rem .7rem;
	border-radius: 14px;
	background: var(--gk-surface-2);
	border: 1px solid var(--gk-border);
}
.gk-profile-meta i { grid-area: icon; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--gk-primary-soft); color: var(--gk-primary); font-size: 18px; }
.gk-profile-meta span { grid-area: label; font-size: 11.5px; font-weight: 600; color: var(--gk-muted); }
.gk-profile-meta b { grid-area: value; font-size: 13.5px; color: var(--gk-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 991.98px) { body.gk-vendor .gk-profile-card { position: static; } }

/* select2 inside form cards (profile pincode) matches the other fields */
body.gk-vendor .gk-fcard .select2-container { width: 100% !important; }
body.gk-vendor .gk-fcard .select2-container--default .select2-selection--single {
	min-height: 46px;
	display: flex;
	align-items: center;
	border-radius: 14px;
	border: 1px solid var(--gk-border);
	background: var(--gk-surface-2);
}
body.gk-vendor .gk-fcard .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--gk-text); padding-left: 14px; }
body.gk-vendor .gk-fcard .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; right: 8px; }
body.gk-vendor .gk-fcard .select2-container--focus .select2-selection--single, body.gk-vendor .gk-fcard .select2-container--open .select2-selection--single { border-color: var(--gk-primary-2); }
body.gk-vendor .gk-fcard .select2-selection--single .select2-selection__rendered { flex: 1 1 auto; order: 1; }
body.gk-vendor .gk-fcard .select2-selection--single .select2-selection__clear { order: 2; float: none; margin: 0 34px 0 6px; color: var(--gk-muted); font-size: 18px; }