:root
{
	--uf-ink: #1d2733;
	--uf-muted: #67717d;
	--uf-subtle: #929ba6;
	--uf-canvas: #f4f6f8;
	--uf-surface: #ffffff;
	--uf-surface-soft: #f8fafc;
	--uf-sidebar: #172033;
	--uf-sidebar-soft: #202c43;
	--uf-line: #e2e7ef;
	--uf-line-strong: #cdd5df;
	--uf-accent: #2563eb;
	--uf-accent-dark: #1d4ed8;
	--uf-accent-soft: #eff6ff;
	--uf-accent-icon: #93c5fd;
	--uf-blue: #2563eb;
	--uf-blue-soft: #eff6ff;
	--uf-cyan: #3b82f6;
	--uf-cyan-soft: #eff6ff;
	--uf-amber: #8a6c3d;
	--uf-amber-soft: #f5f0e7;
	--uf-coral: #8b5149;
	--uf-coral-soft: #f4ecea;
	--uf-shadow: 0 8px 24px rgba(23, 32, 29, 0.06);
	--uf-sidebar-width: 270px;
}

.buy-button-mode
{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 0 12px;
	border: 1px solid #bfdbfe;
	border-radius: 6px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 600;
}

.buy-button-mode svg
{
	width: 15px;
	height: 15px;
}

.buy-button-mode-live
{
	border-color: #fecaca;
	background: #fef2f2;
	color: #b91c1c;
}

.buy-button-summary
{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	border: 1px solid var(--uf-line);
	border-radius: 6px;
	background: #ffffff;
	overflow: hidden;
}

.buy-button-summary > div
{
	display: flex;
	min-height: 82px;
	padding: 16px 18px;
	border-right: 1px solid var(--uf-line);
	flex-direction: column;
	justify-content: center;
}

.buy-button-summary > div:last-child
{
	border-right: 0;
}

.buy-button-summary span
{
	color: var(--uf-muted);
	font-size: 12px;
}

.buy-button-summary strong
{
	margin-top: 4px;
	color: var(--uf-ink);
	font-size: 24px;
}

.buy-button-summary .has-error strong
{
	color: #b91c1c;
}

.buy-button-settings-panel label
{
	margin-bottom: 6px;
}

.buy-button-table
{
	min-width: 1540px;
}

.buy-button-product
{
	display: flex;
	min-width: 250px;
	align-items: center;
	gap: 10px;
}

.buy-button-product > img,
.buy-button-product > span
{
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	background: #ffffff;
	object-fit: contain;
}

.buy-button-product > span svg
{
	width: 17px;
	height: 17px;
	color: var(--uf-muted);
}

.buy-button-product div
{
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.buy-button-product strong
{
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.buy-button-product small,
.buy-button-cell-note,
.buy-button-suggestion,
.buy-button-error
{
	display: block;
	margin-top: 3px;
	color: var(--uf-muted);
	font-size: 11px;
}

.buy-button-suggestion
{
	color: #1d4ed8;
	font-weight: 600;
}

.buy-button-suggestion-cell
{
	display: flex;
	min-width: 112px;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
	color: #1d4ed8;
}

.buy-button-error
{
	max-width: 170px;
	overflow: hidden;
	color: #b91c1c;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.buy-button-steps
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

.buy-button-actions
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
}

.buy-button-steps input
{
	width: 64px;
	height: 34px;
	padding: 5px 7px;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	font-size: 12px;
}

.buy-button-state-winning
{
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #15803d;
}

.buy-button-state-waiting_confirmation,
.buy-button-state-simulation,
.buy-button-state-monitoring
{
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.buy-button-state-at_minimum,
.buy-button-state-paused_stock,
.buy-button-state-paused_manual
{
	border-color: #fde68a;
	background: #fffbeb;
	color: #a16207;
}

.buy-button-state-error
{
	border-color: #fecaca;
	background: #fef2f2;
	color: #b91c1c;
}

.buy-button-product-indicator
{
	display: inline-flex;
	margin-top: 5px;
	align-items: center;
	gap: 4px;
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.buy-button-product-indicator svg
{
	width: 12px;
	height: 12px;
}

@media (max-width: 1199px)
{
	.buy-button-summary
	{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.buy-button-summary > div:nth-child(3)
	{
		border-right: 0;
	}

	.buy-button-summary > div:nth-child(-n+3)
	{
		border-bottom: 1px solid var(--uf-line);
	}
}

@media (max-width: 575px)
{
	.buy-button-summary
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.buy-button-summary > div,
	.buy-button-summary > div:nth-child(3)
	{
		border-right: 1px solid var(--uf-line);
		border-bottom: 1px solid var(--uf-line);
	}

	.buy-button-summary > div:nth-child(even)
	{
		border-right: 0;
	}

	.buy-button-summary > div:nth-last-child(-n+2)
	{
		border-bottom: 0;
	}
}

html,
body
{
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	background: var(--uf-canvas);
	color: var(--uf-ink);
	letter-spacing: 0;
}

body
{
	font-size: 13px;
}

a
{
	color: var(--uf-accent-dark);
}

a:hover
{
	color: var(--uf-accent);
}

.wrapper
{
	background: var(--uf-canvas);
	min-height: calc(100vh - 4px);
}

.main
{
	background: var(--uf-canvas);
	min-width: 0;
}

.sidebar
{
	width: var(--uf-sidebar-width);
	min-width: var(--uf-sidebar-width);
	background: var(--uf-sidebar);
}

.sidebar-content
{
	background: var(--uf-sidebar);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.sidebar-brand
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
	padding: 24px 22px 22px;
	background: var(--uf-sidebar);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar-brand img
{
	width: 164px;
	height: 44px;
	object-fit: cover;
	border-radius: 5px;
}

.workspace-orders
{
	--uf-accent: #16a34a;
	--uf-accent-dark: #15803d;
	--uf-accent-soft: #f0fdf4;
	--uf-accent-icon: #86efac;
	--uf-blue: #16a34a;
	--uf-blue-soft: #f0fdf4;
	--uf-cyan: #22c55e;
	--uf-cyan-soft: #f0fdf4;
	--uf-sidebar-soft: #213b35;
}

.workspace-administration
{
	--uf-accent: #27272a;
	--uf-accent-dark: #09090b;
	--uf-accent-soft: #f4f4f5;
	--uf-accent-icon: #d4d4d8;
	--uf-blue: #27272a;
	--uf-blue-soft: #f4f4f5;
	--uf-cyan: #52525b;
	--uf-cyan-soft: #f4f4f5;
	--uf-sidebar: #111113;
	--uf-sidebar-soft: #27272a;
}

.workspace-switcher
{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
	margin: 18px 14px 10px;
	padding: 4px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
}

.workspace-switcher-three
{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-switcher-three .workspace-switcher-option
{
	height: 50px;
	flex-direction: column;
	gap: 3px;
	font-size: 10px;
}

.workspace-switcher-three .workspace-switcher-option svg
{
	width: 14px;
	height: 14px;
}

.workspace-switcher-option
{
	display: flex;
	height: 42px;
	min-width: 0;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: #9eabc0;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 140ms ease, color 140ms ease;
}

.workspace-switcher-option svg
{
	width: 15px;
	height: 15px;
}

.workspace-switcher-option:hover
{
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
}

.workspace-switcher-option.active
{
	background: var(--uf-accent);
	color: #ffffff;
}

.brand-context,
.page-eyebrow,
.section-kicker,
.data-chip
{
	font-family: "Inter", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 10px;
	font-weight: 600;
}

.brand-context
{
	color: #94a3b8;
}

.sidebar-nav
{
	padding: 14px 12px 28px;
}

.sidebar-header
{
	color: #8290a5;
	font-family: "Inter", sans-serif;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 20px 12px 7px;
}

.sidebar-link,
a.sidebar-link
{
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 42px;
	margin: 2px 0;
	padding: 10px 12px;
	color: #c3ccda;
	background: transparent;
	border-left: 3px solid transparent;
	border-radius: 5px;
	font-weight: 600;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.sidebar-link svg
{
	width: 17px;
	height: 17px;
	color: #8f9db2;
	flex: 0 0 17px;
}

.sidebar-item.active > .sidebar-link,
.sidebar-item.active .sidebar-link:hover
{
	background: var(--uf-sidebar-soft);
	color: #ffffff;
	border-left-color: var(--uf-accent);
}

.sidebar-item.active .sidebar-link svg
{
	color: var(--uf-accent-icon);
}

.sidebar-link:hover
{
	background: rgba(255, 255, 255, 0.05);
	color: #ffffff;
}

.sidebar-count
{
	min-width: 24px;
	margin-left: auto;
	padding: 2px 6px;
	background: var(--uf-accent);
	border-radius: 10px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}

.sidebar-count-danger
{
	background: #dc2626;
}

.sidebar-group-toggle
{
	position: relative;
	width: 100%;
	border: 0;
	font-family: inherit;
	font-size: inherit;
	text-align: left;
}

.sidebar-group-chevron
{
	width: 15px !important;
	height: 15px !important;
	margin-left: auto;
	transition: transform 160ms ease;
}

.sidebar-group-toggle[aria-expanded="true"] .sidebar-group-chevron
{
	transform: rotate(180deg);
}

#sidebar .sidebar-group-toggle::after
{
	content: none !important;
	display: none !important;
	border: 0 !important;
}

.sidebar-dropdown
{
	margin: 1px 0 5px;
	padding: 3px 0 4px 39px;
}

.sidebar-subitem .sidebar-link,
.sidebar-subitem.active > .sidebar-link
{
	position: relative;
	min-height: 38px;
	margin: 0;
	padding: 8px 12px 8px 20px;
	background: transparent;
	border-left: 0;
	color: #9eabc0;
	font-size: 12px;
	font-weight: 500;
}

.sidebar-subitem .sidebar-link::before
{
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	width: 5px;
	height: 5px;
	background: #66758b;
	border-radius: 50%;
	transform: translateY(-50%);
}

.sidebar-subitem .sidebar-link:hover,
.sidebar-subitem.active > .sidebar-link
{
	color: #ffffff;
}

.sidebar-group.active .sidebar-subitem > .sidebar-link:hover,
.sidebar-group.active .sidebar-subitem.active > .sidebar-link
{
	background: transparent;
	border-left: 0;
}

.sidebar-subitem.active > .sidebar-link::before
{
	background: var(--uf-accent);
}

.emag-product-sync-progress
{
	margin-bottom: 16px;
	padding: 14px 16px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.emag-product-sync-progress-bar
{
	height: 3px;
	margin: -14px -16px 12px;
	overflow: hidden;
	background: var(--uf-accent-soft);
	border-radius: 7px 7px 0 0;
}

.emag-product-sync-progress-bar span
{
	display: block;
	width: 35%;
	height: 100%;
	background: var(--uf-accent);
	animation: emag-sync-progress 1.2s ease-in-out infinite alternate;
}

.emag-product-sync-progress-data
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 20px;
	font-size: 12px;
	color: var(--uf-muted);
}

.emag-product-sync-progress-data strong
{
	margin-right: auto;
	color: var(--uf-ink);
}

@keyframes emag-sync-progress
{
	from { transform: translateX(-10%); }
	to { transform: translateX(195%); }
}

.navbar
{
	position: relative;
	z-index: 40;
	min-height: 82px;
	padding: 14px 26px;
	background: rgba(255, 255, 255, 0.96) !important;
	border-bottom: 1px solid var(--uf-line);
	box-shadow: none;
}

.sidebar-toggle
{
	margin-right: 18px;
	color: var(--uf-ink);
}

.page-heading
{
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.page-eyebrow
{
	color: var(--uf-accent);
	margin-bottom: 4px;
}

.page-heading h1
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar-actions,
.page-actions
{
	display: flex;
	align-items: center;
	gap: 10px;
}

.navbar-actions
{
	margin-left: auto;
}

.page-actions
{
	flex-wrap: wrap;
	justify-content: flex-end;
}

.system-state
{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 32px;
	padding: 0 11px;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	background: var(--uf-surface-soft);
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

.system-state-dot
{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--uf-accent);
	box-shadow: 0 0 0 3px var(--uf-accent-soft);
}

.content
{
	background: var(--uf-canvas);
}

.workspace-scroll
{
	height: calc(100vh - 82px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 22px 24px 56px;
}

.card
{
	margin-bottom: 18px;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	box-shadow: none;
	overflow: visible;
}

.card-header
{
	padding: 18px 20px;
	background: transparent;
	border-bottom: 1px solid var(--uf-line);
}

.card-header:first-child
{
	border-radius: 7px 7px 0 0;
}

.card-body
{
	padding: 20px;
}

.filter-panel
{
	margin-top: 0;
	margin-bottom: 14px;
	background: #f8fafc;
}

.filter-panel .card-body
{
	padding: 15px 18px 17px;
}

.data-panel
{
	overflow: hidden;
}

.data-panel-header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	background: #ffffff;
	border-bottom: 1px solid var(--uf-line);
}

.data-panel-header h2
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 15px;
	font-weight: 700;
}

.data-panel-header-actions
{
	display: flex;
	align-items: center;
	gap: 10px;
}

.channel-data-header
{
	border-left: 4px solid var(--uf-blue);
}

.product-thumb
{
	width: 46px;
	height: 46px;
	padding: 3px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	object-fit: contain;
}

.product-thumb-empty
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--uf-muted);
}

.product-thumb-empty svg
{
	width: 18px;
	height: 18px;
}

.product-link
{
	display: block;
	min-width: 180px;
	max-width: 360px;
	color: var(--uf-ink);
	line-height: 1.35;
}

.product-code-line
{
	display: block;
	margin-top: 4px;
	color: var(--uf-muted);
	font-size: 10px;
	font-weight: 600;
}

.worklist-remote-id
{
	display: inline-flex;
	margin-left: 7px;
	padding: 2px 5px;
	background: #eef2ff;
	border: 1px solid #c7d2fe;
	border-radius: 3px;
	color: #4338ca;
	font-size: 9px;
	font-weight: 700;
}

.product-status
{
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 7px;
	border: 1px solid var(--uf-line);
	border-radius: 4px;
	font-size: 10px;
	font-weight: 600;
}

.product-status-active
{
	background: #f0fdf4;
	border-color: #bbf7d0;
	color: #15803d;
}

.product-status-inactive
{
	background: #f8fafc;
	border-color: #cbd5e1;
	color: #64748b;
}

.product-status-pending
{
	background: #fffbeb;
	border-color: #fde68a;
	color: #a16207;
}

.product-status-new
{
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1d4ed8;
}

.empty-state
{
	display: flex;
	min-height: 280px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 14px;
	padding: 40px 20px;
	color: var(--uf-muted);
	text-align: center;
}

.empty-state > svg
{
	width: 32px;
	height: 32px;
}

.empty-state h3
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 16px;
}

.worklist-price-input
{
	width: 105px;
	min-width: 90px;
	text-align: right;
}

.worklist-percent-limit
{
	display: flex;
	min-width: 105px;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
}

.worklist-percent-limit small
{
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
}

.worklist-stock-input
{
	width: 72px;
	min-width: 72px;
	text-align: center;
}

.worklist-metadata-input
{
	width: 150px;
	min-width: 120px;
	transition: border-color 140ms ease, box-shadow 140ms ease;
}

.worklist-product-name-input
{
	width: 340px;
	min-width: 260px;
}

.worklist-brand-input
{
	width: 220px;
	min-width: 180px;
}

.worklist-find-replace
{
	display: grid;
	grid-template-columns: minmax(74px, 1fr) 22px minmax(86px, 1fr) 34px;
	width: 220px;
	height: 36px;
	align-items: center;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	transition: border-color 140ms ease, box-shadow 140ms ease;
}

.worklist-find-replace-name
{
	width: 340px;
}

.worklist-find-replace .form-control,
.worklist-find-replace .btn
{
	height: 34px;
	min-height: 34px;
}

.worklist-find-replace .form-control
{
	min-width: 0;
	padding: 6px 9px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 12px;
}

.worklist-find-replace .form-control:focus
{
	background: #f8fafc;
	box-shadow: none;
}

.worklist-find-replace-arrow
{
	display: inline-flex;
	width: 22px;
	height: 34px;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
}

.worklist-find-replace-arrow svg
{
	width: 13px;
	height: 13px;
}

.worklist-find-replace .btn
{
	display: inline-flex;
	width: 34px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-width: 0 0 0 1px;
	border-color: #cbd5e1;
	border-radius: 0;
}

.worklist-find-replace .btn svg
{
	width: 14px;
	height: 14px;
}

.worklist-find-replace-saving .form-control
{
	background: #f8fafc;
}

.worklist-find-replace:focus-within
{
	border-color: #94a3b8;
	box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.14);
}

.worklist-find-replace-error
{
	border-color: #dc2626;
	box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1);
}

.worklist-metadata-input.worklist-field-saving
{
	border-color: #94a3b8;
}

.worklist-metadata-input.worklist-field-saved
{
	border-color: #16a34a;
	box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.12);
}

.worklist-metadata-input.worklist-field-error
{
	border-color: #dc2626;
	box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1);
}

.worklist-margin-control
{
	display: grid;
	grid-template-columns: 30px 64px 30px;
	width: 124px;
}

.worklist-margin-control .btn
{
	display: inline-flex;
	width: 30px;
	height: 36px;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 0;
}

.worklist-margin-control .btn:first-child
{
	border-radius: 4px 0 0 4px;
}

.worklist-margin-control .btn:last-child
{
	border-radius: 0 4px 4px 0;
}

.worklist-margin-control .btn svg
{
	width: 14px;
	height: 14px;
}

.worklist-margin-control .worklist-price-input
{
	width: 64px;
	min-width: 64px;
	height: 36px;
	min-height: 36px;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	text-align: center;
}

.worklist-tabs
{
	display: flex;
	gap: 0;
	padding: 0 20px;
	background: #ffffff;
	border-bottom: 1px solid var(--uf-line);
}

.worklist-tab
{
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	color: var(--uf-muted);
	border-bottom: 2px solid transparent;
	font-size: 12px;
	font-weight: 600;
}

.worklist-tab:hover,
.worklist-tab.active
{
	color: var(--uf-ink);
	border-bottom-color: var(--uf-blue);
	text-decoration: none;
}

.worklist-tab img
{
	width: 42px;
	height: 22px;
	object-fit: contain;
}

.category-mapping-warning
{
	display: inline-flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	margin-left: 6px;
	color: #a16207;
	vertical-align: middle;
}

.category-mapping-warning:hover
{
	color: #854d0e;
}

.category-mapping-warning svg
{
	width: 16px;
	height: 16px;
}

.altex-attribute-set-control
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 38px;
	gap: 8px;
	align-items: center;
}

.altex-attribute-set-link
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
}

.altex-attribute-set-link svg
{
	width: 16px;
	height: 16px;
}

.quick-category-mapping-dialog
{
	max-width: 720px;
}

#quick_category_mapping_modal .modal-content
{
	border-top: 3px solid #dc2626;
}

#quick_category_mapping_modal .modal-body
{
	padding: 0;
}

#quick_category_mapping_modal .modal-footer
{
	background: #f8fafc;
}

.quick-mapping-flow
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
	align-items: stretch;
	padding: 22px;
	background: #f8fafc;
	border-bottom: 1px solid var(--uf-line);
}

.quick-mapping-endpoint
{
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
	padding: 14px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.quick-mapping-endpoint > div
{
	min-width: 0;
}

.quick-mapping-endpoint strong,
.quick-mapping-endpoint small
{
	display: block;
}

.quick-mapping-endpoint strong
{
	margin-top: 3px;
	color: var(--uf-ink);
	font-size: 13px;
}

.quick-mapping-endpoint small
{
	margin-top: 4px;
	color: var(--uf-muted);
	font-size: 10px;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
}

.quick-mapping-icon
{
	display: inline-flex;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	align-items: center;
	justify-content: center;
	background: var(--uf-accent-soft);
	border-radius: 5px;
	color: var(--uf-accent-dark);
}

.quick-mapping-icon svg
{
	width: 17px;
	height: 17px;
}

.quick-mapping-target img
{
	width: 48px;
	height: 28px;
	object-fit: contain;
}

.quick-mapping-arrow
{
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--uf-muted);
}

.quick-mapping-arrow svg
{
	width: 14px;
	height: 14px;
}

.quick-mapping-selection
{
	padding: 22px;
}

.quick-mapping-selection-heading
{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 10px;
}

.quick-mapping-selection .form-label
{
	display: block;
	margin: 3px 0 0 !important;
	color: var(--uf-ink);
	font-size: 14px;
}

#quick_category_mapping_modal .select2-container
{
	width: 100% !important;
}

.worklist-row-dirty > td
{
	background: #fffbeb !important;
}

.worklist-pricing-saved > td
{
	background: #f0fdf4 !important;
}

.worklist-pricing-error > td
{
	background: #fef2f2 !important;
}

.worklist-bulk-row > td
{
	background: #f8fafc !important;
	border-bottom: 2px solid var(--uf-line-strong);
}

.worklist-bulk-row > td:first-child
{
	color: var(--uf-muted);
	font-size: 11px;
	text-align: right;
}

.worklist-filter-row > td
{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	background: #ffffff !important;
	border-bottom: 1px solid var(--uf-line);
}

.worklist-filter-input
{
	min-width: 92px;
	height: 34px;
	min-height: 34px;
	padding: 6px 8px;
	font-size: 11px;
}

.filter-actions
{
	display: grid;
	grid-template-columns: repeat(2, 36px);
	gap: 6px;
}

.filter-actions .btn
{
	width: 36px;
	padding: 8px;
}

.table-sort
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: inherit;
	white-space: nowrap;
}

.table-sort:hover,
.table-sort.active
{
	color: var(--uf-accent);
}

.table-sort svg
{
	width: 13px;
	height: 13px;
}

.channel-mark
{
	width: 34px;
	height: 22px;
	padding: 3px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 4px;
	object-fit: contain;
}

.stock-value
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 26px;
	padding: 0 7px;
	background: var(--uf-surface-soft);
	border: 1px solid var(--uf-line);
	border-radius: 4px;
	font-family: "Inter", sans-serif;
	font-size: 10px;
	font-weight: 600;
}

.integration-value
{
	display: inline-block;
	font-variant-numeric: tabular-nums;
}

.integration-value-mismatch
{
	color: #dc2626;
	font-weight: 700;
}

.settings-layout
{
	justify-content: center;
	padding-top: 8px;
}

.settings-workspace
{
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	align-items: start;
	gap: 24px;
	width: 100%;
	max-width: 1320px;
	margin: 8px auto 0;
}

.settings-section-nav
{
	position: sticky;
	top: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.settings-section-nav .section-kicker
{
	margin: 0 8px 7px;
}

.settings-section-nav a
{
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 8px 10px;
	border-radius: 5px;
	color: #000000;
	font-size: 12px;
	font-weight: 500;
}

.settings-section-nav a:hover,
.settings-section-nav a:focus
{
	background: var(--uf-accent-soft);
	color: var(--uf-accent-dark);
	text-decoration: none;
}

.settings-section-nav svg
{
	width: 17px;
	height: 17px;
}

.settings-nav-logo
{
	display: grid;
	place-items: center;
	flex: 0 0 48px;
	width: 48px;
	height: 28px;
	padding: 4px 6px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 4px;
}

.settings-nav-logo img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.settings-nav-logo.settings-nav-logo-source
{
	background: #f8fafc;
	color: var(--uf-muted);
}

.settings-nav-logo.settings-nav-logo-source svg
{
	width: 18px;
	height: 18px;
}

.settings-nav-wordmark
{
	color: #202b5b;
	font-size: 10px;
	font-weight: 700;
}

.settings-section-nav a span
{
	min-width: 0;
}

.settings-section-nav a .settings-validation-check
{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-left: auto;
	color: #16834b;
	stroke-width: 2;
}

.settings-sections
{
	min-width: 0;
}

.settings-sections .settings-page
{
	max-width: none;
}

.settings-sections [id]
{
	scroll-margin-top: 16px;
}

.settings-page
{
	display: block;
	width: 100%;
	max-width: 920px;
	margin: 8px auto 0;
}

.settings-page-header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
	margin-bottom: 14px;
	padding: 18px 20px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.settings-page-header h2
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 16px;
	font-weight: 700;
}

.settings-form-surface
{
	display: block;
	width: 100%;
	min-height: 330px;
	background: #ffffff;
	border: 1px solid var(--uf-line-strong);
	border-radius: 7px;
	overflow: hidden;
}

.settings-form-heading
{
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 74px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--uf-line);
}

.settings-form-heading h3
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 14px;
	font-weight: 700;
}

.settings-fields
{
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
	padding: 24px 20px 28px;
}

.settings-fields-emag
{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-fields-columns
{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-field-wide
{
	grid-column: 1 / -1;
}

.settings-field
{
	display: block;
	width: 100%;
}

.settings-field .form-control
{
	display: block;
	width: 100%;
	min-height: 42px;
}

.settings-field .form-text
{
	display: block;
	margin-top: 7px;
	color: var(--uf-muted);
	font-size: 10px;
	line-height: 1.45;
}

.settings-form-footer
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 66px;
	padding: 14px 20px;
	background: #fafbfa;
	border-top: 1px solid var(--uf-line);
}

.settings-form-footer-split
{
	justify-content: space-between;
}

.emag-test-status
{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 20px 20px;
	padding: 12px;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
}

.emag-test-status svg
{
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
}

.emag-test-status div,
.emag-test-status span
{
	display: block;
}

.emag-test-status strong
{
	color: var(--uf-ink);
	font-size: 12px;
}

.emag-test-status span
{
	margin-top: 3px;
	color: var(--uf-muted);
	font-size: 10px;
}

.emag-test-status-ok
{
	background: #f0fdf4;
	border-color: #bbf7d0;
	color: #15803d;
}

.emag-test-status-error
{
	background: #fff7ed;
	border-color: #fed7aa;
	color: #c2410c;
}

.settings-summary
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
	padding: 18px 20px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.settings-summary h2
{
	margin: 0;
	font-size: 16px;
	font-weight: 700;
}

.settings-panel
{
	min-height: 0;
}

.settings-panel-title
{
	display: flex;
	align-items: center;
	gap: 12px;
}

.settings-icon
{
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	background: #f1f5f9;
	border-radius: 5px;
	color: var(--uf-muted);
}

.settings-icon svg
{
	width: 17px;
	height: 17px;
}

.settings-integration-logo
{
	display: grid;
	place-items: center;
	width: 52px;
	height: 36px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
}

.settings-integration-logo img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.settings-page-actions
{
	display: flex;
	justify-content: flex-end;
	margin-top: 18px;
	padding: 16px 0;
}

.settings-copy-form
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 0 24px 24px;
	padding: 16px 18px;
	background: #f8fafc;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.settings-copy-form > div
{
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.settings-copy-form strong
{
	color: #111827;
	font-size: 13px;
	font-weight: 600;
}

.settings-copy-form span
{
	color: var(--uf-muted);
	font-size: 12px;
}

.settings-copy-form .btn
{
	flex: 0 0 auto;
}

.emag-offer-metrics
{
	display: flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}

.emag-offer-badge
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	padding: 4px 7px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.emag-offer-rank-leading
{
	background: #16834b;
}

.emag-offer-rank-behind
{
	background: #dc2626;
}

.emag-offer-count
{
	background: #64748b;
}

.emag-hotness-super-hot
{
	background: #fef2f2;
	border-color: #fecaca;
	color: #b91c1c;
}

.emag-hotness-hot
{
	background: #fff7ed;
	border-color: #fed7aa;
	color: #c2410c;
}

.emag-hotness-standard
{
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1d4ed8;
}

.emag-hotness-cold
{
	background: #ecfeff;
	border-color: #a5f3fc;
	color: #0e7490;
}

.emag-hotness-super-cold
{
	background: #eef2ff;
	border-color: #c7d2fe;
	color: #4338ca;
}

.source-process-list
{
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid var(--uf-line-strong);
	border-radius: 7px;
	overflow: hidden;
}

.source-process-row
{
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	min-height: 92px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--uf-line);
}

.source-process-row:last-child
{
	border-bottom: 0;
}

.source-process-content
{
	min-width: 0;
}

.source-process-content h3
{
	margin: 0 0 4px;
	color: var(--uf-ink);
	font-size: 13px;
	font-weight: 700;
}

.source-process-content p,
.source-process-content small
{
	display: block;
	margin: 0;
	color: var(--uf-muted);
	font-size: 11px;
}

.source-process-content small
{
	margin-top: 6px;
}

.source-process-content small span
{
	margin-left: 8px;
}

.import-workspace
{
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	max-width: 1040px;
	margin: 8px auto 0;
}

.import-header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 20px 22px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.import-header h2
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 18px;
	font-weight: 700;
}

.import-metrics
{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.import-metric
{
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 104px;
	padding: 18px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.import-metric span
{
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 700;
}

.import-metric strong
{
	color: var(--uf-ink);
	font-size: 25px;
	line-height: 1;
}

.import-console
{
	padding: 22px;
	background: #ffffff;
	border: 1px solid var(--uf-line-strong);
	border-radius: 7px;
}

.import-console-heading
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.import-console-heading h3
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 15px;
	font-weight: 700;
}

.import-percentage
{
	color: var(--uf-accent);
	font-size: 20px;
	font-weight: 700;
}

.import-progress
{
	height: 10px;
	margin: 22px 0 14px;
	background: #e8edf3;
	border-radius: 4px;
	overflow: hidden;
}

.import-progress span
{
	display: block;
	width: 0;
	height: 100%;
	background: var(--uf-accent);
	transition: width 180ms ease;
}

.import-runtime
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	color: var(--uf-muted);
	font-size: 11px;
}

.import-error
{
	margin-top: 16px;
	padding: 11px 12px;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 5px;
	color: #9a3412;
	font-size: 12px;
}

.import-actions
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid var(--uf-line);
}

.settings-footer
{
	display: flex;
	justify-content: flex-end;
	padding: 14px 20px;
	background: #fafbfa;
	border-top: 1px solid var(--uf-line);
}

.status-line-muted
{
	color: var(--uf-muted);
}

.product-editor
{
	padding-top: 4px;
}

.header-title,
.card-title
{
	color: var(--uf-ink);
	font-size: 14px;
	font-weight: 700;
}

.btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 36px;
	padding: 8px 13px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	box-shadow: none !important;
	letter-spacing: 0;
}

.btn svg
{
	width: 15px;
	height: 15px;
}

.btn-primary
{
	background: var(--uf-accent);
	border-color: var(--uf-accent);
	color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus
{
	background: var(--uf-accent-dark);
	border-color: var(--uf-accent-dark);
}

.btn-success
{
	background: var(--uf-blue);
	border-color: var(--uf-blue);
}

.btn-success:hover,
.btn-success:focus
{
	background: #255cc7;
	border-color: #255cc7;
}

.btn-light,
.btn-secondary
{
	background: var(--uf-surface);
	border-color: var(--uf-line-strong);
	color: var(--uf-ink);
}

.btn-light:hover,
.btn-secondary:hover
{
	background: var(--uf-surface-soft);
	border-color: #aeb9b1;
	color: var(--uf-ink);
}

.btn-danger
{
	background: var(--uf-coral);
	border-color: var(--uf-coral);
}

.btn.worklist-remove-button
{
	display: inline-flex;
	width: 26px;
	height: 26px;
	min-height: 26px;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: #fff1f2;
	border: 1px solid #fecdd3;
	border-radius: 4px;
	color: #be123c;
}

.btn.worklist-remove-button:hover,
.btn.worklist-remove-button:focus
{
	background: #ffe4e6;
	border-color: #fda4af;
	color: #9f1239;
}

.btn.worklist-remove-button .worklist-remove-icon
{
	display: block;
	width: 14px;
	height: 14px;
	fill: none;
	stroke: #be123c;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	visibility: visible;
}

.btn.worklist-remove-button:hover .worklist-remove-icon,
.btn.worklist-remove-button:focus .worklist-remove-icon
{
	stroke: #9f1239;
}

.btn.worklist-filter-reset
{
	display: inline-flex;
	width: 30px;
	height: 30px;
	min-height: 30px;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	color: #475569;
}

.btn.worklist-filter-reset:hover,
.btn.worklist-filter-reset:focus
{
	background: #e2e8f0;
	border-color: #94a3b8;
	color: #334155;
}

.btn.worklist-filter-reset .worklist-filter-reset-icon
{
	display: block;
	width: 14px;
	height: 14px;
	fill: none;
	stroke: #475569;
	stroke-width: 2;
	stroke-linecap: round;
	visibility: visible;
}

.btn.worklist-filter-reset:hover .worklist-filter-reset-icon,
.btn.worklist-filter-reset:focus .worklist-filter-reset-icon
{
	stroke: #334155;
}

.btn-info
{
	background: var(--uf-cyan);
	border-color: var(--uf-cyan);
	color: #ffffff;
}

.btn-group > .btn
{
	border-radius: 5px;
}

.dropdown-menu
{
	padding: 6px;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
	box-shadow: var(--uf-shadow);
}

.dropdown-item
{
	padding: 9px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.dropdown-item:hover
{
	background: var(--uf-accent-soft);
	color: var(--uf-accent-dark);
}

.form-label
{
	color: #475569;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 6px !important;
}

.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--classic .select2-selection--single,
.select2-container--classic .select2-selection--multiple
{
	min-height: 38px;
	background-color: #ffffff;
	border: 1px solid var(--uf-line-strong);
	border-radius: 5px;
	color: var(--uf-ink);
	font-size: 12px;
	box-shadow: none;
}

.form-control,
.form-select
{
	padding: 8px 10px;
}

.form-control:focus,
.form-select:focus
{
	background-color: #ffffff;
	border-color: var(--uf-accent);
	box-shadow: 0 0 0 3px rgba(20, 125, 100, 0.12);
}

.form-control[readonly],
.form-control:disabled
{
	background: var(--uf-surface-soft);
	color: var(--uf-muted);
}

.form-check-input
{
	width: 17px;
	height: 17px;
	margin-top: 0;
	border-color: var(--uf-line-strong);
}

.form-check-input:checked
{
	background-color: var(--uf-accent);
	border-color: var(--uf-accent);
}

label.required
{
	position: relative;
}

label.required:after
{
	content: "*";
	color: var(--uf-coral);
	margin-left: 3px;
}

textarea.form-control
{
	min-height: 90px;
}

.input-has-error
{
	border-color: var(--uf-coral);
}

.table
{
	width: 100%;
	margin: 0;
	color: var(--uf-ink);
	font-size: 11px;
	vertical-align: middle;
}

.table > :not(caption) > * > *
{
	padding: 11px 10px;
	border-bottom-color: var(--uf-line);
	box-shadow: none;
}

.table thead th
{
	position: sticky;
	top: 0;
	z-index: 3;
	background: #f5f7fa !important;
	color: #637069;
	font-family: "Inter", sans-serif;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	white-space: nowrap;
	border-top: 1px solid var(--uf-line);
	border-bottom: 1px solid var(--uf-line-strong);
}

.table tbody tr
{
	background: #ffffff;
	transition: background-color 120ms ease;
}

.table tbody tr:hover
{
	background: #f8fafc;
}

.table tbody tr:hover td,
.table tbody tr:hover th
{
	background: transparent !important;
}

.table td a
{
	font-weight: 600;
}

.table td img
{
	object-fit: contain;
	border-radius: 4px;
}

.table-responsive,
.card-body:has(> form > .table),
.card-body:has(> .table)
{
	overflow-x: auto;
}

.badge
{
	padding: 5px 7px;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.bg-success
{
	background-color: var(--uf-accent) !important;
}

.bg-warning
{
	background-color: var(--uf-amber) !important;
	color: #ffffff;
}

.bg-danger
{
	background-color: var(--uf-coral) !important;
}

.bg-light
{
	background-color: var(--uf-surface-soft) !important;
}

.text-warning
{
	color: var(--uf-amber) !important;
}

.text-danger
{
	color: var(--uf-coral) !important;
}

.pagination
{
	gap: 4px;
}

.page-link
{
	min-width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--uf-line);
	border-radius: 5px !important;
	color: var(--uf-ink);
	font-size: 11px;
}

.active > .page-link
{
	background: var(--uf-accent);
	border-color: var(--uf-accent);
}

.modal-content
{
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	box-shadow: 0 18px 48px rgba(16, 24, 20, 0.16);
	overflow: hidden;
}

.modal-header,
.modal-footer
{
	border-color: var(--uf-line);
	padding: 16px 18px;
}

.modal-body
{
	padding: 20px;
}

.modal-title
{
	color: var(--uf-ink);
	font-size: 15px;
	font-weight: 700;
}

#loader_overlay
{
	position: absolute;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(238, 241, 237, 0.86);
	backdrop-filter: blur(3px);
}

body.loading #loader_overlay
{
	display: flex;
}

.loader-spinner-wrap
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 700;
}

.loader_spinner,
.loading-spinner,
#calendar_loader
{
	width: 34px;
	height: 34px;
	border: 3px solid #d8dee7;
	border-top-color: var(--uf-accent);
	border-radius: 50%;
	animation: uf-spin 700ms linear infinite;
}

@keyframes uf-spin
{
	to
	{
		transform: rotate(360deg);
	}
}

.dashboard-shell
{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.dashboard-operations
{
	gap: 18px;
}

.dashboard-intro-actions
{
	display: flex;
	align-items: center;
	gap: 8px;
}

.dashboard-intro-actions .btn span
{
	font-weight: 700;
}

.dashboard-section
{
	background: #fff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	overflow: hidden;
}

.dashboard-section-heading
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 66px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--uf-line);
}

.dashboard-section-heading h3
{
	margin: 2px 0 0;
	font-size: 15px;
	font-weight: 700;
}

.panel-link
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
}

.panel-link svg
{
	width: 14px;
	height: 14px;
}

.marketplace-grid
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.marketplace-card
{
	min-width: 0;
	padding: 18px;
	border-right: 1px solid var(--uf-line);
}

.marketplace-card:last-child
{
	border-right: 0;
}

.marketplace-card header,
.marketplace-card footer
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.marketplace-card header img
{
	display: block;
	max-width: 82px;
	height: 30px;
	object-fit: contain;
	object-position: left center;
}

.connection-state
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 700;
}

.connection-state svg
{
	width: 14px;
	height: 14px;
}

.connection-state-ok
{
	color: #16834b;
}

.connection-state-warning
{
	color: #a86808;
}

.connection-state-error
{
	color: #bd3434;
}

.connection-state-off
{
	color: #7d8792;
}

.marketplace-card-total
{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-top: 16px;
	padding: 14px 0;
	border-top: 1px solid var(--uf-line);
	border-bottom: 1px solid var(--uf-line);
}

.marketplace-card-total span,
.marketplace-stat-grid span
{
	color: var(--uf-muted);
	font-size: 11px;
}

.marketplace-card-total strong
{
	font-size: 24px;
	line-height: 1;
}

.marketplace-stat-grid
{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 14px 0;
}

.marketplace-stat-grid div
{
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.marketplace-stat-grid strong
{
	font-size: 16px;
}

.marketplace-card footer
{
	padding-top: 12px;
	border-top: 1px solid var(--uf-line);
	color: var(--uf-muted);
	font-size: 10px;
}

.marketplace-card footer a
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 700;
}

.marketplace-card footer svg
{
	width: 13px;
	height: 13px;
}

.dashboard-detail-grid
{
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
	gap: 18px;
}

.inventory-facts
{
	display: flex;
	gap: 24px;
	margin-top: 20px;
	padding-top: 14px;
	border-top: 1px solid var(--uf-line);
	color: var(--uf-muted);
	font-size: 11px;
}

.inventory-facts strong
{
	color: var(--uf-ink);
}

.connection-list
{
	display: flex;
	flex-direction: column;
}

.connection-list > div
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 42px;
	border-bottom: 1px solid var(--uf-line);
	font-size: 12px;
}

.connection-list > div:last-child
{
	border-bottom: 0;
}

.cron-status-list
{
	display: flex;
	flex-direction: column;
}

.cron-status-row
{
	display: grid;
	grid-template-columns: minmax(320px, 1fr) 120px 100px 90px;
	align-items: center;
	gap: 16px;
	min-height: 58px;
	padding: 9px 18px;
	border-bottom: 1px solid var(--uf-line);
}

.cron-status-row:last-child
{
	border-bottom: 0;
}

.cron-status-row > div
{
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.cron-status-row code
{
	color: var(--uf-ink);
	font-size: 11px;
	font-weight: 700;
}

.cron-status-row > div span,
.cron-schedule,
.cron-last-run
{
	color: var(--uf-muted);
	font-size: 10px;
}

.cron-schedule
{
	font-family: monospace;
}

.recent-runs .table
{
	font-size: 11px;
}

.dashboard-result
{
	max-width: 420px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ops-dashboard
{
	gap: 14px;
}

.ops-dashboard-header
{
	display: flex;
	min-height: 82px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.ops-dashboard-header h2
{
	margin: 0 0 4px;
	font-size: 20px;
	font-weight: 700;
}

.ops-dashboard-header p
{
	margin: 0;
	color: var(--uf-muted);
	font-size: 11px;
}

.ops-dashboard-actions
{
	display: flex;
	align-items: center;
	gap: 8px;
}

.ops-dashboard-actions .btn span
{
	font-weight: 800;
}

.ops-summary-grid
{
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	background: #fff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	overflow: hidden;
}

.ops-summary-item
{
	display: flex;
	min-width: 0;
	min-height: 104px;
	align-items: flex-start;
	gap: 12px;
	padding: 17px;
	color: var(--uf-ink);
	border-right: 1px solid var(--uf-line);
}

.ops-summary-item:last-child
{
	border-right: 0;
}

.ops-summary-item:hover
{
	background: #f8fafc;
	color: var(--uf-ink);
	text-decoration: none;
}

.ops-summary-icon
{
	display: grid;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	place-items: center;
	background: #f1f5f9;
	border-radius: 5px;
	color: #64748b;
}

.ops-summary-icon svg
{
	width: 16px;
	height: 16px;
}

.ops-summary-item > span:last-child
{
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.ops-summary-item small,
.ops-summary-item em
{
	color: var(--uf-muted);
	font-size: 10px;
	font-style: normal;
}

.ops-summary-item strong
{
	margin: 5px 0 3px;
	font-size: 24px;
	line-height: 1;
}

.ops-summary-item.has-warning .ops-summary-icon
{
	background: #fff7ed;
	color: #b45309;
}

.ops-summary-item.has-info .ops-summary-icon
{
	background: #eff6ff;
	color: #2563eb;
}

.ops-summary-item.has-danger .ops-summary-icon
{
	background: #fef2f2;
	color: #c2413b;
}

.ops-dashboard-primary-grid
{
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
	gap: 14px;
}

.dashboard-section-heading > div > span
{
	display: block;
	margin-top: 3px;
	color: var(--uf-muted);
	font-size: 10px;
}

.ops-attention-list
{
	max-height: 388px;
	overflow-y: auto;
}

.ops-attention-row
{
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) 16px;
	min-height: 62px;
	align-items: center;
	gap: 12px;
	padding: 10px 18px;
	color: var(--uf-ink);
	border-bottom: 1px solid var(--uf-line);
}

.ops-attention-row:last-child
{
	border-bottom: 0;
}

.ops-attention-row:hover
{
	background: #f8fafc;
	color: var(--uf-ink);
	text-decoration: none;
}

.ops-attention-row > svg
{
	width: 15px;
	height: 15px;
	color: var(--uf-muted);
}

.ops-attention-row > span:nth-child(2)
{
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.ops-attention-row strong
{
	font-size: 12px;
}

.ops-attention-row small
{
	color: var(--uf-muted);
	font-size: 10px;
}

.ops-attention-icon
{
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	background: #f1f5f9;
	border-radius: 5px;
	color: #64748b;
}

.ops-attention-icon svg
{
	width: 15px;
	height: 15px;
}

.ops-attention-row.is-error .ops-attention-icon
{
	background: #fef2f2;
	color: #c2413b;
}

.ops-attention-row.is-warning .ops-attention-icon
{
	background: #fff7ed;
	color: #b45309;
}

.ops-attention-row.is-info .ops-attention-icon
{
	background: #eff6ff;
	color: #2563eb;
}

.ops-all-clear
{
	display: flex;
	min-height: 220px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 30px;
	color: #16834b;
}

.ops-all-clear > svg
{
	width: 24px;
	height: 24px;
}

.ops-all-clear div
{
	display: flex;
	flex-direction: column;
}

.ops-all-clear span
{
	color: var(--uf-muted);
	font-size: 10px;
}

.ops-inventory-total
{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 18px 4px;
}

.ops-inventory-panel
{
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.ops-inventory-total span
{
	color: var(--uf-muted);
	font-size: 11px;
}

.ops-inventory-total strong
{
	font-size: 26px;
}

.stock-breakdown.ops-stock-breakdown
{
	flex: 1;
	gap: 16px;
	padding: 14px 18px 18px;
}

.ops-inventory-panel footer
{
	display: flex;
	margin-top: auto;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 18px;
	background: #f8fafc;
	border-top: 1px solid var(--uf-line);
	color: var(--uf-muted);
	font-size: 10px;
}

.ops-channels-table
{
	min-width: 980px;
	font-size: 11px;
}

.ops-channels-table > :not(caption) > * > *
{
	padding: 11px 14px;
	vertical-align: middle;
}

.ops-channel-name
{
	display: grid;
	grid-template-columns: 8px 58px minmax(70px, 1fr);
	align-items: center;
	gap: 9px;
}

.ops-channel-name img
{
	width: 54px;
	height: 24px;
	object-fit: contain;
	object-position: left center;
}

.ops-channel-health
{
	width: 8px;
	height: 8px;
	background: #22a35a;
	border-radius: 50%;
}

.ops-channel-health.is-warning
{
	background: #d28a13;
}

.ops-channel-health.is-error
{
	background: #c94a45;
}

.ops-sync-cell
{
	display: flex;
	width: 130px;
	flex-direction: column;
	gap: 5px;
}

.ops-sync-cell > span
{
	color: var(--uf-muted);
	font-size: 10px;
}

.ops-sync-cell > div
{
	height: 4px;
	background: #e5e7eb;
	border-radius: 2px;
	overflow: hidden;
}

.ops-sync-cell > div i
{
	display: block;
	height: 100%;
	background: #22a35a;
}

.ops-table-count
{
	display: inline-flex;
	min-width: 28px;
	height: 24px;
	align-items: center;
	justify-content: center;
	padding: 0 7px;
	background: #f1f5f9;
	border-radius: 4px;
	color: var(--uf-ink);
	font-weight: 700;
}

.ops-table-count.is-warning
{
	background: #fff7ed;
	color: #a85d08;
}

.ops-table-count.is-info
{
	background: #eff6ff;
	color: #1d4ed8;
}

.ops-table-count.is-danger
{
	background: #fef2f2;
	color: #b93834;
}

.ops-last-sync
{
	color: var(--uf-muted);
	white-space: nowrap;
}

.ops-empty-row
{
	padding: 28px;
	color: var(--uf-muted);
	text-align: center;
}

.ops-dashboard-secondary-grid
{
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
	gap: 14px;
}

.ops-nightly-list
{
	display: flex;
	flex-direction: column;
}

.ops-nightly-row
{
	display: grid;
	grid-template-columns: minmax(150px, 1fr) 150px 90px;
	min-height: 54px;
	align-items: center;
	gap: 14px;
	padding: 9px 18px;
	border-bottom: 1px solid var(--uf-line);
}

.ops-nightly-row:last-child
{
	border-bottom: 0;
}

.ops-nightly-row > div
{
	display: flex;
	align-items: center;
	gap: 10px;
}

.ops-nightly-row img
{
	width: 48px;
	height: 22px;
	object-fit: contain;
}

.ops-nightly-row > span:nth-child(2)
{
	color: var(--uf-muted);
	font-size: 10px;
}

.ops-connection-list
{
	padding: 0 18px;
}

.ops-recent-section .table
{
	min-width: 760px;
	font-size: 11px;
}

@media (max-width: 1199px)
{
	.ops-summary-grid
	{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ops-summary-item:nth-child(3)
	{
		border-right: 0;
	}

	.ops-summary-item:nth-child(n+4)
	{
		border-top: 1px solid var(--uf-line);
	}

	.ops-dashboard-primary-grid,
	.ops-dashboard-secondary-grid
	{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px)
{
	.ops-dashboard-header
	{
		align-items: stretch;
		flex-direction: column;
	}

	.ops-dashboard-actions
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.ops-summary-grid
	{
		grid-template-columns: 1fr 1fr;
	}

	.ops-summary-item,
	.ops-summary-item:nth-child(3)
	{
		border-right: 1px solid var(--uf-line);
		border-top: 1px solid var(--uf-line);
	}

	.ops-summary-item:nth-child(even)
	{
		border-right: 0;
	}

	.ops-summary-item:first-child,
	.ops-summary-item:nth-child(2)
	{
		border-top: 0;
	}

	.ops-summary-item:last-child
	{
		grid-column: 1 / -1;
	}

	.ops-nightly-row
	{
		grid-template-columns: 1fr auto;
	}

	.ops-nightly-row > span:nth-child(2)
	{
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.ops-inventory-panel footer
	{
		flex-direction: column;
	}
}

.reservation-summary-grid
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.reservation-summary-item
{
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 3px 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	color: var(--uf-ink);
}

.reservation-summary-item:hover,
.reservation-summary-item.active
{
	border-color: var(--uf-accent);
	text-decoration: none;
}

.reservation-summary-item > div,
.reservation-integration
{
	display: flex;
	align-items: center;
	gap: 8px;
}

.reservation-summary-item img,
.reservation-integration img
{
	width: 28px;
	height: 20px;
	object-fit: contain;
}

.reservation-summary-item svg,
.reservation-integration svg
{
	width: 17px;
	height: 17px;
}

.reservation-summary-item span,
.reservation-integration
{
	font-size: 12px;
	font-weight: 700;
}

.reservation-summary-item strong
{
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	font-size: 22px;
}

.reservation-summary-item small
{
	color: var(--uf-muted);
	font-size: 10px;
}

.reservation-matrix th,
.reservation-matrix td
{
	white-space: nowrap;
}

.reservation-matrix th:first-child,
.reservation-matrix td:first-child
{
	min-width: 280px;
	white-space: normal;
}

.reservation-column-heading
{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
}

.reservation-column-heading img,
.reservation-column-heading svg
{
	width: 24px;
	height: 18px;
	object-fit: contain;
}

.reservation-amount span
{
	color: #a0a9b2;
}

.reservation-amount.has-reservation
{
	background: #f0fdf4;
	color: #166534;
}

.reservation-total-column
{
	border-left: 2px solid var(--uf-line-strong) !important;
	background: var(--uf-surface-soft) !important;
}

@media(max-width: 1199px)
{
	.marketplace-grid
	{
		grid-template-columns: 1fr;
	}

	.marketplace-card
	{
		border-right: 0;
		border-bottom: 1px solid var(--uf-line);
	}

	.marketplace-card:last-child
	{
		border-bottom: 0;
	}

	.cron-status-row
	{
		grid-template-columns: minmax(260px, 1fr) 110px 90px 75px;
	}
}

@media(max-width: 767px)
{
	.dashboard-intro-actions,
	.dashboard-detail-grid
	{
		width: 100%;
	}

	.dashboard-intro-actions .btn
	{
		flex: 1 1 0;
		justify-content: center;
	}

	.dashboard-detail-grid
	{
		grid-template-columns: 1fr;
	}

	.cron-status-row
	{
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 6px 12px;
		padding: 12px 14px;
	}

	.cron-schedule,
	.cron-last-run
	{
		display: none;
	}

	.dashboard-section-heading,
	.marketplace-card
	{
		padding-left: 14px;
		padding-right: 14px;
	}
}

.dashboard-intro
{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 26px;
	background: #ffffff;
	color: var(--uf-ink);
	border: 1px solid var(--uf-line);
	border-left: 4px solid var(--uf-accent);
	border-radius: 7px;
}

.section-kicker
{
	display: block;
	color: var(--uf-accent);
	margin-bottom: 7px;
}

.dashboard-intro .section-kicker
{
	color: var(--uf-muted);
}

.dashboard-intro h2
{
	max-width: 620px;
	margin: 0;
	color: var(--uf-ink);
	font-size: 23px;
	line-height: 1.35;
	font-weight: 650;
}

.metric-grid
{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.metric-card
{
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	min-height: 132px;
	padding: 18px;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	overflow: hidden;
}

.metric-card:after
{
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	background: var(--uf-line-strong);
}

.metric-card-primary:after
{
	background: var(--uf-accent);
}

.metric-card-warning:after
{
	background: var(--uf-amber);
}

.metric-card-danger:after
{
	background: var(--uf-coral);
}

.metric-icon
{
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 5px;
	background: #f1f5f9;
	color: #64748b;
}

.metric-icon-cyan
{
	background: #f1f5f9;
	color: #64748b;
}

.metric-icon-amber
{
	background: #f1f5f9;
	color: #64748b;
}

.metric-icon-coral
{
	background: #f1f5f9;
	color: #64748b;
}

.metric-icon svg
{
	width: 17px;
	height: 17px;
}

.metric-content
{
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.metric-content > span
{
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 700;
}

.metric-content strong
{
	margin: 6px 0 4px;
	color: var(--uf-ink);
	font-family: "Inter", sans-serif;
	font-size: 25px;
	line-height: 1;
}

.metric-content small
{
	color: var(--uf-subtle);
	font-size: 10px;
}

.operations-grid
{
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
	gap: 14px;
}

.operation-panel
{
	display: flex;
	flex-direction: column;
	min-height: 286px;
	padding: 22px;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 7px;
}

.operation-panel-header
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--uf-line);
}

.operation-panel h3,
.exception-strip h3
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 15px;
	font-weight: 700;
}

.data-chip
{
	padding: 6px 8px;
	background: var(--uf-surface-soft);
	border: 1px solid var(--uf-line);
	border-radius: 4px;
	color: var(--uf-muted);
	white-space: nowrap;
}

.stock-breakdown
{
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 26px 0;
}

.stock-row-label
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 9px;
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 700;
}

.stock-row-label span
{
	display: flex;
	align-items: center;
	gap: 8px;
}

.stock-row-label strong
{
	color: var(--uf-ink);
	font-family: "Inter", sans-serif;
}

.stock-dot
{
	width: 8px;
	height: 8px;
	border-radius: 2px;
}

.stock-dot-warehouse,
.stock-fill-warehouse
{
	background: #3b82f6;
}

.stock-dot-supplier,
.stock-fill-supplier
{
	background: #94a3b8;
}

.stock-dot-reserved,
.stock-fill-reserved
{
	background: #f59e0b;
}

.stock-track
{
	height: 8px;
	background: #edf1f5;
	border-radius: 3px;
	overflow: hidden;
}

.stock-fill
{
	display: block;
	height: 100%;
	min-width: 0;
	border-radius: 3px;
	transition: width 400ms ease;
}

.channel-logo
{
	width: 82px;
	height: 30px;
	object-fit: contain;
}

.channel-stats
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	margin: 24px 0;
	background: var(--uf-line);
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	overflow: hidden;
}

.channel-stats > div
{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 15px 12px;
	background: var(--uf-surface-soft);
}

.channel-stats span
{
	color: var(--uf-muted);
	font-size: 10px;
	font-weight: 700;
}

.channel-stats strong
{
	color: var(--uf-ink);
	font-family: "Inter", sans-serif;
	font-size: 21px;
}

.operation-footer
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
	padding-top: 15px;
	border-top: 1px solid var(--uf-line);
	font-size: 11px;
	font-weight: 700;
}

.operation-footer a,
.exception-item
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.operation-footer svg
{
	width: 14px;
	height: 14px;
}

.status-line
{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--uf-muted);
}

.status-line svg
{
	width: 15px;
	height: 15px;
}

.status-line-ok
{
	color: var(--uf-accent);
}

.status-line-warning
{
	color: var(--uf-amber);
}

.exception-strip
{
	display: grid;
	grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(130px, 0.6fr));
	align-items: stretch;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	overflow: hidden;
}

.exception-strip-title,
.exception-item
{
	padding: 18px 20px;
}

.exception-item
{
	justify-content: space-between;
	color: var(--uf-muted);
	border-left: 1px solid var(--uf-line);
	font-size: 11px;
	font-weight: 700;
}

.exception-item:hover
{
	background: var(--uf-surface-soft);
	color: var(--uf-accent-dark);
}

.exception-item strong
{
	color: var(--uf-ink);
	font-family: "Inter", sans-serif;
	font-size: 17px;
}

.login-shell
{
	background: #f4f6f9;
	border-top: 4px solid var(--uf-accent);
}

.login-shell > .container
{
	max-width: none;
	padding: 0;
}

.login-layout
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 40px 24px;
}

.login-workspace
{
	width: min(100%, 420px);
}

.login-identity
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.login-logo
{
	width: 128px;
	height: 34px;
	object-fit: cover;
	border-radius: 4px;
}

.login-environment
{
	color: var(--uf-muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.login-form-panel
{
	padding: 32px;
	background: #ffffff;
	border: 1px solid #dce2ea;
	border-radius: 7px;
	box-shadow: 0 8px 24px rgba(20, 35, 60, 0.06);
}

.login-form-heading
{
	margin-bottom: 26px;
}

.login-form-heading h1
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 23px;
	font-weight: 700;
	line-height: 1.25;
}

.login-form-heading p
{
	margin: 6px 0 0;
	color: var(--uf-muted);
	font-size: 12px;
}

.login-field
{
	margin-bottom: 18px;
}

.login-field .form-label
{
	margin-bottom: 7px;
	color: #344054;
	font-size: 11px;
	font-weight: 600;
}

.login-form-panel .form-control
{
	min-height: 44px;
	padding: 10px 12px;
	border-color: #cfd7e3;
	border-radius: 5px;
	font-size: 13px;
}

.login-form-panel .form-control:focus
{
	border-color: var(--uf-accent);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11);
}

.login-form-panel .btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	margin-top: 4px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 600;
}

.login-form-panel .btn svg
{
	width: 15px;
	height: 15px;
}

.login-footer
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 17px;
	color: #7a8699;
	font-size: 10px;
}

.login-status-dot
{
	width: 6px;
	height: 6px;
	background: #2f80ed;
	border-radius: 50%;
}

.dropzone.dz-clickable
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 110px;
	background: var(--uf-surface-soft);
	border: 1px dashed #94a3b8;
	border-radius: 6px;
	color: var(--uf-muted);
}

.dropzone.dz-clickable:hover
{
	background: var(--uf-accent-soft);
	border-color: var(--uf-accent);
}

.sortable-image
{
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
	cursor: grab;
}

.ui-sortable-placeholder
{
	width: 150px;
	height: 150px;
	background: var(--uf-surface-soft);
	border: 1px dashed var(--uf-line-strong);
	border-radius: 6px;
}

.delete-image
{
	position: absolute;
	inset: auto 0 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 7px;
	background: rgba(20, 25, 23, 0.88);
	color: #ff8d80;
	font-size: 10px;
	font-weight: 700;
}

.image-control:hover .delete-image
{
	display: flex;
}

.masonry-grid
{
	column-count: 6;
	column-gap: 10px;
}

.masonry-item
{
	break-inside: avoid;
	margin-bottom: 10px;
}

.masonry-item img
{
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.select2-container
{
	display: block;
	max-width: 100%;
	line-height: normal;
	vertical-align: top;
}

.select2-container--default .select2-selection--single,
.select2-container--classic .select2-selection--single
{
	display: flex;
	align-items: center;
	position: relative;
	height: 38px !important;
	min-height: 38px !important;
	background: #ffffff;
	background-image: none !important;
	border: 1px solid var(--uf-line-strong);
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--classic .select2-selection--single .select2-selection__rendered
{
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 64px 0 10px;
	color: var(--uf-ink);
	font-size: 12px;
	line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--classic .select2-selection--single .select2-selection__placeholder
{
	color: #94a3b8;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__arrow
{
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100% !important;
	background: var(--uf-surface-soft);
	background-image: none !important;
	border-left: 1px solid var(--uf-line);
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-radius: 0 4px 4px 0;
	box-sizing: border-box;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--classic .select2-selection--single .select2-selection__clear
{
	position: absolute;
	right: 38px;
	top: 50%;
	color: var(--uf-muted);
	font-size: 15px;
	line-height: 1;
	transform: translateY(-50%);
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--classic.select2-container--focus .select2-selection--single,
.select2-container--classic.select2-container--open .select2-selection--single
{
	border-color: var(--uf-accent);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11);
}

.select2-container--default .select2-dropdown
{
	border-color: var(--uf-line-strong);
	box-shadow: 0 10px 24px rgba(20, 35, 60, 0.12);
}

.select2-search--dropdown .select2-search__field
{
	padding: 9px;
}

input[type="search"],
input[type="search"]:focus
{
	outline: none;
	outline-offset: 0;
}

.select2-container--default .select2-results__option
{
	padding: 8px 10px;
	font-size: 11px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background: var(--uf-accent);
}

.select2-container--classic .select2-results__option
{
	font-size: 11px;
}

.choices__inner
{
	min-height: 38px !important;
	padding: 5px 9px !important;
	background: #ffffff !important;
	border-color: var(--uf-line-strong) !important;
	border-radius: 5px !important;
}

.choices__list--multiple .choices__item
{
	background: var(--uf-blue) !important;
	border-color: var(--uf-blue) !important;
	border-radius: 4px !important;
}

tr.tr-checked
{
	background: var(--uf-blue-soft) !important;
	outline: 1px solid #b7c9ee;
}

tr.tr-checked > td
{
	background: var(--uf-blue-soft) !important;
}

.settings-toggle
{
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 1100;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	background: var(--uf-coral);
	color: #ffffff;
	border-radius: 5px;
}

@media(max-width: 1199px)
{
	.metric-grid
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.operations-grid
	{
		grid-template-columns: 1fr;
	}

	.exception-strip
	{
		grid-template-columns: 1fr 1fr 1fr;
	}

	.exception-strip-title
	{
		grid-column: 1 / -1;
		border-bottom: 1px solid var(--uf-line);
	}

	.exception-item:first-of-type
	{
		border-left: 0;
	}
}

@media(max-width: 991px)
{
	.settings-workspace
	{
		grid-template-columns: 1fr;
	}

	.settings-section-nav
	{
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.settings-section-nav .section-kicker
	{
		grid-column: 1 / -1;
	}

	.settings-copy-form
	{
		align-items: stretch;
		flex-direction: column;
	}

	.settings-copy-form .btn
	{
		width: 100%;
	}

	.navbar
	{
		padding: 12px 16px;
	}

	.system-state
	{
		display: none;
	}

	.workspace-scroll
	{
		padding: 18px 16px 48px;
	}

	.login-layout
	{
		padding: 32px 20px;
	}
}

@media(max-width: 767px)
{
	.quick-mapping-flow
	{
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 16px;
	}

	.quick-mapping-arrow
	{
		height: 24px;
		transform: rotate(90deg);
	}

	.quick-mapping-selection
	{
		padding: 18px 16px;
	}

	.data-panel-header
	{
		align-items: flex-start;
		flex-direction: column;
	}

	.data-panel-header-actions
	{
		width: 100%;
		justify-content: space-between;
	}

	.settings-fields-emag,
	.settings-fields-columns
	{
		grid-template-columns: 1fr;
	}

	.settings-field-wide
	{
		grid-column: auto;
	}

	.settings-form-footer-split
	{
		align-items: stretch;
		flex-direction: column;
	}

	.import-header,
	.import-runtime
	{
		align-items: flex-start;
		flex-direction: column;
	}

	.import-metrics
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.source-process-row
	{
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.source-process-row form
	{
		grid-column: 1 / -1;
	}

	.source-process-row .btn
	{
		width: 100%;
	}

	.navbar
	{
		min-height: 72px;
	}

	.page-eyebrow
	{
		display: none;
	}

	.page-heading h1
	{
		font-size: 17px;
	}

	.navbar-actions
	{
		gap: 6px;
	}

	.page-actions .btn
	{
		min-width: 36px;
		padding: 8px 10px;
	}

	.workspace-scroll
	{
		height: calc(100vh - 72px);
	}

	.dashboard-intro
	{
		align-items: flex-start;
		flex-direction: column;
		padding: 20px;
	}

	.dashboard-intro h2
	{
		font-size: 19px;
	}

	.metric-grid
	{
		grid-template-columns: 1fr;
	}

	.metric-card
	{
		min-height: 108px;
	}

	.channel-stats
	{
		grid-template-columns: 1fr;
	}

	.exception-strip
	{
		grid-template-columns: 1fr;
	}

	.exception-strip-title
	{
		grid-column: auto;
	}

	.exception-item
	{
		border-left: 0;
		border-top: 1px solid var(--uf-line);
	}

	.operation-footer
	{
		align-items: flex-start;
		flex-direction: column;
	}

	.login-form-panel
	{
		padding: 26px 22px;
	}

	.table
	{
		font-size: 10px;
	}

	.card-body
	{
		padding: 15px;
	}
}

@media(max-width: 679px)
{
	table.is-responsive td,
	table.is-responsive th
	{
		padding: 8px;
		background: #ffffff;
		border-color: var(--uf-line);
		font-size: 11px;
	}

	table.is-responsive tr
	{
		background: #ffffff;
	}

	table.is-responsive tr:last-child td,
	table.is-responsive tr:last-child th
	{
		padding-bottom: 16px;
		border-bottom: 2px solid var(--uf-line-strong) !important;
	}
}

@media(prefers-reduced-motion: reduce)
{
	*,
	*:before,
	*:after
	{
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}
.lost-products-search {
	width: min(420px, 100%);
}

.integration-table-logo {
	display: block;
	max-width: 54px;
	max-height: 28px;
	object-fit: contain;
}
.cronjob-result {
	max-width: 320px;
}

.cronjob-category-nav {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	margin-bottom: 20px;
	padding-bottom: 1px;
	overflow-x: auto;
}

.cronjob-category-nav .nav-link {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 9px 13px;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
	background: #ffffff;
	color: var(--uf-text-muted);
	font-weight: 600;
}

.cronjob-category-nav .nav-link:hover {
	border-color: #a9c3ee;
	color: var(--uf-accent);
}

.cronjob-category-nav .nav-link.active {
	border-color: var(--uf-accent);
	background: var(--uf-accent);
	color: #ffffff;
}

.cronjob-category-nav .nav-link svg {
	width: 16px;
	height: 16px;
}

.cronjob-category-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 11px;
	background: #eef3fb;
	color: #34527a;
	font-size: 12px;
	font-weight: 700;
}

.cronjob-category-nav .nav-link.active .cronjob-category-count {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.cronjob-category-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 12px;
}

.cronjob-category-heading h2 {
	margin: 0 0 3px;
	font-size: 18px;
	line-height: 1.3;
}

.cronjob-category-heading p {
	margin: 0;
	color: var(--uf-text-muted);
	font-size: 13px;
}

.pending-products-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 16px;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
	background: #ffffff;
}

.pending-products-summary > div {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 16px;
	border-right: 1px solid var(--uf-line);
}

.pending-products-summary > div:last-child {
	border-right: 0;
}

.pending-products-summary span {
	color: var(--uf-text-muted);
	font-size: 12px;
	font-weight: 600;
}

.pending-products-summary strong {
	color: var(--uf-ink);
	font-size: 18px;
}

.pending-product-name {
	display: block;
	min-width: 220px;
	max-width: 420px;
	line-height: 1.35;
}

.pending-product-category {
	min-width: 180px;
	max-width: 320px;
	color: var(--uf-text-muted);
	font-size: 12px;
}

.pending-product-result {
	min-width: 220px;
	max-width: 420px;
	color: var(--uf-text-muted);
	font-size: 12px;
	line-height: 1.45;
}

@media(max-width: 767px)
{
	.pending-products-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pending-products-summary > div:nth-child(2) {
		border-right: 0;
	}

	.pending-products-summary > div:nth-child(-n + 2) {
		border-bottom: 1px solid var(--uf-line);
	}
}

.cronjob-result > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cronjob-response-content {
	min-height: 120px;
	border: 1px solid var(--uf-line);
	border-radius: 6px;
	background: #f8fafc;
	color: #172033;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.6;
	overflow: auto;
}

.cronjob-response-text {
	min-height: 118px;
	padding: 16px;
	font: inherit;
	white-space: pre-wrap;
	word-break: break-word;
}

.cronjob-json-table {
	width: 100%;
	background: #ffffff;
}

.cronjob-json-table > tbody > tr > th,
.cronjob-json-table > tbody > tr > td {
	padding: 9px 12px;
	border-color: var(--uf-line);
	vertical-align: top;
}

.cronjob-json-table > tbody > tr > th {
	width: 220px;
	background: #f8fafc;
	color: var(--uf-text-muted);
	font-size: 12px;
	font-weight: 700;
	word-break: break-word;
}

.cronjob-json-table .cronjob-json-table {
	border: 1px solid var(--uf-line);
	border-radius: 4px;
}

.cronjob-json-table .cronjob-json-table > tbody > tr > th {
	width: 170px;
}

.cronjob-json-scalar {
	white-space: pre-wrap;
	word-break: break-word;
}

.cronjob-json-boolean {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 1px 7px;
	border-radius: 4px;
	background: #e8f5ec;
	color: #20733a;
	font-size: 12px;
	font-weight: 700;
}

.cronjob-json-empty {
	color: var(--uf-text-muted);
	font-style: italic;
}

.lost-product-detail-title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lost-product-name-button {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--uf-accent);
	font: inherit;
	font-weight: 700;
	text-align: left;
}

.integration-product-name-button {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--uf-accent);
	font: inherit;
	text-align: left;
}

.integration-product-name-button:hover {
	text-decoration: underline;
}

.lost-product-name-button:hover {
	text-decoration: underline;
}

.lost-product-match-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--uf-line);
	border-bottom: 1px solid var(--uf-line);
}

.lost-product-match-summary > div {
	padding: 16px 18px;
	border-right: 1px solid var(--uf-line);
}

.lost-product-match-summary > div:last-child {
	border-right: 0;
}

.lost-product-match-summary span,
.lost-product-match-summary strong {
	display: block;
}

.lost-product-match-summary span {
	margin-bottom: 4px;
	color: var(--uf-muted);
	font-size: 11px;
}

.lost-product-api-payload {
	max-height: 680px;
	margin: 0;
	padding: 20px;
	overflow: auto;
	background: #111827;
	color: #dbeafe;
	font-size: 12px;
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-word;
}

.marketplace-data-table-wrap {
	max-height: 520px;
	border-top: 1px solid var(--uf-line);
	border-bottom: 1px solid var(--uf-line);
}

.marketplace-data-table thead {
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--uf-surface-soft);
}

.marketplace-data-table th:first-child,
.marketplace-data-key {
	width: 34%;
}

.marketplace-data-key {
	color: var(--uf-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12px;
}

.marketplace-data-value {
	white-space: pre-wrap;
	word-break: break-word;
}

.integration-data-accordion {
	margin-top: 16px;
}

.integration-data-accordion .accordion-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.integration-data-accordion .accordion-button {
	padding: 14px 20px;
	font-size: 13px;
	font-weight: 700;
}

.lost-product-payload-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px 12px;
}

.lost-product-payload-heading h3 {
	margin: 0;
	font-size: 15px;
}

.queue-summary-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 20px;
}

.queue-summary-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px 16px;
	padding: 18px;
	border: 1px solid var(--uf-line);
	border-radius: 8px;
	background: var(--uf-surface);
}

.queue-summary-identity,
.queue-integration,
.queue-live-status {
	display: flex;
	align-items: center;
}

.queue-summary-identity,
.queue-integration {
	gap: 9px;
}

.queue-summary-identity img,
.queue-integration img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.queue-summary-total {
	font-size: 22px;
	line-height: 28px;
}

.queue-summary-breakdown {
	display: flex;
	grid-column: 1 / -1;
	flex-wrap: wrap;
	gap: 6px 14px;
	color: var(--uf-muted);
	font-size: 12px;
}

.queue-summary-breakdown .has-errors,
.queue-error-cell.has-error {
	color: var(--uf-danger, #b42318);
}

.queue-live-status {
	gap: 6px;
	color: var(--uf-muted);
	font-size: 12px;
}

.queue-live-status > span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #12a150;
	box-shadow: 0 0 0 3px rgba(18, 161, 80, .12);
}

.queue-error-cell {
	max-width: 280px;
	font-size: 12px;
	white-space: normal;
}

.integration-queue-filter {
	width: 190px;
}

.integration-overview,
.integration-dashboard-section {
	border: 1px solid var(--uf-line);
	border-radius: 7px;
	background: var(--uf-surface);
	overflow: hidden;
}

.integration-overview-header {
	display: flex;
	min-height: 78px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 18px;
}

.integration-overview-identity {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 14px;
}

.integration-overview-logo {
	display: inline-flex;
	width: 104px;
	height: 46px;
	flex: 0 0 104px;
	align-items: center;
	justify-content: center;
	padding: 5px 8px;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	background: #ffffff;
}

.integration-overview-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.integration-overview-identity h2 {
	margin: 0 0 4px;
	font-size: 17px;
}

.integration-overview-identity > div > span,
.integration-overview-metric small,
.integration-overview-metric em,
.integration-reservation-state span,
.integration-reservation-note {
	color: var(--uf-muted);
	font-size: 11px;
}

.integration-overview-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--uf-line);
}

.integration-overview-metric {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 16px 18px;
	border-right: 1px solid var(--uf-line);
	color: var(--uf-ink);
}

.integration-overview-metric:last-child {
	border-right: 0;
}

.integration-overview-metric:hover {
	background: var(--uf-surface-soft);
	color: var(--uf-ink);
	text-decoration: none;
}

.integration-metric-icon,
.integration-link-icon,
.integration-reservation-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--uf-accent-soft);
	border-radius: 5px;
	color: var(--uf-accent-dark);
}

.integration-metric-icon {
	width: 34px;
	height: 34px;
}

.integration-metric-icon svg {
	width: 16px;
	height: 16px;
}

.integration-overview-metric small,
.integration-overview-metric strong,
.integration-overview-metric em {
	display: block;
}

.integration-overview-metric strong {
	margin: 3px 0;
	font-size: 23px;
	line-height: 1;
}

.integration-overview-metric em {
	font-style: normal;
}

.integration-overview-metric.has-errors strong,
.integration-overview-metric.has-errors .integration-metric-icon {
	color: #b42318;
}

.integration-dashboard-section {
	height: 100%;
}

.integration-dashboard-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
	gap: 18px;
	align-items: stretch;
}

.integration-dashboard-section-header {
	display: flex;
	min-height: 66px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 18px;
	border-bottom: 1px solid var(--uf-line);
}

.integration-dashboard-section-header span {
	display: block;
	margin-bottom: 2px;
	color: var(--uf-muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.integration-dashboard-section-header h2 {
	margin: 0;
	font-size: 15px;
}

.integration-dashboard-section-header > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
}

.integration-dashboard-section-header > a svg {
	width: 13px;
	height: 13px;
}

.integration-dashboard-links > a {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto 16px;
	align-items: center;
	gap: 12px;
	min-height: 67px;
	padding: 12px 18px;
	border-bottom: 1px solid var(--uf-line);
	color: var(--uf-ink);
}

.integration-dashboard-links > a:last-child {
	border-bottom: 0;
}

.integration-dashboard-links > a:hover {
	background: var(--uf-surface-soft);
	text-decoration: none;
}

.integration-link-icon {
	width: 36px;
	height: 36px;
}

.integration-link-icon svg {
	width: 17px;
	height: 17px;
}

.integration-dashboard-links > a > svg {
	width: 15px;
	height: 15px;
	color: var(--uf-muted);
}

.integration-dashboard-links strong,
.integration-dashboard-links small {
	display: block;
}

.integration-link-value {
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.integration-dashboard-links small {
	margin-top: 3px;
	color: var(--uf-muted);
	font-size: 11px;
}

.integration-reservation-state {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 26px 20px 22px;
}

.integration-reservation-icon {
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
}

.integration-reservation-icon svg {
	width: 20px;
	height: 20px;
}

.integration-reservation-state > div > strong,
.integration-reservation-state > div > span {
	display: block;
}

.integration-reservation-state > div > strong {
	font-size: 30px;
	line-height: 1;
}

.integration-reservation-state > div > span {
	margin-top: 5px;
}

.integration-reservation-note {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 20px 20px;
	padding: 10px 11px;
	border: 1px solid var(--uf-line);
	border-radius: 5px;
	background: var(--uf-surface-soft);
}

.integration-reservation-note svg {
	width: 14px;
	height: 14px;
}

.integration-dashboard-footer-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px;
	border-top: 1px solid var(--uf-line);
	font-size: 12px;
	font-weight: 700;
}

.integration-dashboard-footer-link svg {
	width: 15px;
	height: 15px;
}

.integration-orders-result {
	display: flex;
	min-height: 48px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 15px;
	border: 1px solid #bbf7d0;
	border-radius: 7px;
	background: #f0fdf4;
	color: #166534;
}

.integration-orders-result strong {
	font-size: 12px;
}

.integration-orders-result span {
	color: #3f6f50;
	font-size: 11px;
	font-weight: 600;
}

.orders-shell
{
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 22px 0 36px;
}

.orders-page-header
{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
}

.orders-page-header h2
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 18px;
	font-weight: 700;
}

.orders-page-header p
{
	margin: 5px 0 0;
	color: var(--uf-muted);
	font-size: 12px;
}

.orders-summary-grid
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.orders-summary-item
{
	display: grid;
	grid-template-columns: 34px 1fr auto;
	align-items: center;
	gap: 11px;
	min-width: 0;
	padding: 15px 16px;
	color: var(--uf-ink);
	border-right: 1px solid var(--uf-line);
	text-decoration: none;
}

.orders-summary-item:last-child
{
	border-right: 0;
}

.orders-summary-item:hover
{
	background: var(--uf-accent-soft);
	color: var(--uf-accent-dark);
}

.orders-summary-item > span
{
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	background: var(--uf-accent-soft);
	color: var(--uf-accent-dark);
	border-radius: 5px;
}

.orders-summary-item svg
{
	width: 16px;
	height: 16px;
}

.orders-summary-item small
{
	color: var(--uf-muted);
	font-size: 11px;
	font-weight: 600;
}

.orders-summary-item strong
{
	font-size: 22px;
	font-weight: 700;
}

.orders-data-panel
{
	min-height: 360px;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.orders-data-heading
{
	display: flex;
	height: 64px;
	align-items: center;
	gap: 11px;
	padding: 0 18px;
	border-bottom: 1px solid var(--uf-line);
}

.orders-data-heading > span
{
	display: inline-flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
	background: var(--uf-accent-soft);
	color: var(--uf-accent-dark);
	border-radius: 5px;
}

.orders-data-heading svg
{
	width: 15px;
	height: 15px;
}

.orders-data-heading h3,
.orders-data-heading small
{
	display: block;
}

.orders-data-heading h3
{
	margin: 0;
	color: var(--uf-ink);
	font-size: 13px;
	font-weight: 700;
}

.orders-data-heading small
{
	margin-top: 3px;
	color: var(--uf-muted);
	font-size: 10px;
}

.orders-heading-link
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: auto;
	color: var(--uf-accent-dark);
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
}

.orders-heading-link svg
{
	width: 13px;
	height: 13px;
}

.orders-filter-panel
{
	padding: 14px;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.orders-filter-form
{
	display: grid;
	grid-template-columns: minmax(260px, 1fr) 170px 110px 110px 38px 38px;
	align-items: end;
	gap: 10px;
}

.orders-filter-field
{
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 5px;
}

.orders-filter-field label
{
	color: var(--uf-muted);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.orders-filter-field .form-control,
.orders-filter-field .form-select
{
	height: 38px;
	font-size: 12px;
}

.orders-table th,
.orders-items-table th
{
	white-space: nowrap;
}

.orders-table td
{
	padding-top: 14px;
	padding-bottom: 14px;
}

.orders-channel-heading,
.orders-channel-cell
{
	width: 58px;
	text-align: center;
}

.orders-select-cell
{
	width: 42px;
	text-align: center;
}

.orders-select-checkbox
{
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 auto;
	accent-color: var(--uf-accent);
}

.orders-channel-cell .channel-mark
{
	width: 40px;
	height: 28px;
}

.orders-channel-fallback
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 28px;
	padding: 0 5px;
	background: #f4f4f5;
	border: 1px solid var(--uf-line);
	border-radius: 4px;
	color: var(--uf-muted);
	font-size: 9px;
	font-weight: 600;
}

.orders-document-cell
{
	min-width: 112px;
}

.orders-document-number
{
	display: block;
	max-width: 150px;
	overflow: hidden;
	color: var(--uf-ink);
	font-size: 11px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

a.orders-document-number
{
	color: var(--uf-accent-dark);
	text-decoration: none;
}

.orders-document-empty
{
	color: var(--uf-subtle);
}

.orders-row-actions
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	white-space: nowrap;
}

.orders-details-button
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.orders-details-button svg
{
	width: 14px;
	height: 14px;
}


.orders-order-number,
.orders-customer-name,
.orders-method,
.orders-total
{
	display: block;
	color: var(--uf-ink);
	font-size: 12px;
	font-weight: 600;
}

.orders-order-number
{
	color: var(--uf-accent-dark);
	text-decoration: none;
}

.orders-order-meta,
.orders-order-date
{
	display: block;
	margin-top: 3px;
	color: var(--uf-muted);
	font-size: 10px;
}

.orders-order-date
{
	color: var(--uf-subtle);
}

.orders-status
{
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 8px;
	background: #f4f4f5;
	color: #3f3f46;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
}

.orders-status-processing
{
	background: var(--uf-accent-soft);
	color: var(--uf-accent-dark);
}

.orders-status-completed,
.orders-status-in_transit,
.orders-status-delivered
{
	background: #ecfdf3;
	color: #15803d;
}

.orders-status-cancelled,
.orders-status-unclaimed
{
	background: #fff1f2;
	color: #be123c;
}

.orders-unmatched
{
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 4px;
	color: #b45309;
	font-size: 10px;
	font-weight: 600;
}

.orders-unmatched svg
{
	width: 12px;
	height: 12px;
}

.orders-pagination
{
	padding: 14px 18px;
	border-top: 1px solid var(--uf-line);
}

.orders-sync-result
{
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 1080;
	max-width: min(520px, calc(100vw - 44px));
	padding: 12px 14px;
	background: #ffffff;
	border: 1px solid var(--uf-line);
	border-left: 3px solid var(--uf-accent);
	box-shadow: var(--uf-shadow);
	font-size: 12px;
}

.orders-sync-result.is-error
{
	border-left-color: #dc2626;
}

.orders-sync-result.is-success
{
	border-left-color: #16a34a;
}

.order-detail-toolbar
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.order-detail-head
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 20px;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.order-detail-head > div:first-child > span
{
	color: var(--uf-accent-dark);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.order-detail-head h2
{
	margin: 5px 0 0;
	font-size: 20px;
	font-weight: 700;
}

.order-detail-head p
{
	margin: 5px 0 0;
	color: var(--uf-muted);
	font-size: 11px;
}

.order-detail-total
{
	text-align: right;
}

.order-detail-total span,
.order-detail-total small
{
	display: block;
	color: var(--uf-muted);
	font-size: 10px;
}

.order-detail-total strong
{
	display: block;
	margin: 3px 0;
	font-size: 22px;
	font-weight: 700;
}

.order-detail-grid
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.order-detail-panel
{
	min-width: 0;
	background: var(--uf-surface);
	border: 1px solid var(--uf-line);
	border-radius: 6px;
}

.order-detail-panel header
{
	display: flex;
	height: 48px;
	align-items: center;
	gap: 8px;
	padding: 0 15px;
	border-bottom: 1px solid var(--uf-line);
}

.order-detail-panel header svg
{
	width: 15px;
	height: 15px;
	color: var(--uf-accent);
}

.order-detail-panel h3
{
	margin: 0;
	font-size: 12px;
	font-weight: 700;
}

.order-detail-panel dl
{
	margin: 0;
	padding: 6px 15px 12px;
}

.order-detail-panel dl > div
{
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid var(--uf-line);
}

.order-detail-panel dl > div:last-child
{
	border-bottom: 0;
}

.order-detail-panel dt
{
	color: var(--uf-muted);
	font-size: 10px;
	font-weight: 500;
}

.order-detail-panel dd
{
	min-width: 0;
	margin: 0;
	font-size: 11px;
	word-break: break-word;
}

.order-totals
{
	width: min(360px, 100%);
	margin-left: auto;
	padding: 14px 18px 18px;
}

.order-totals > div
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 6px 0;
	color: var(--uf-muted);
	font-size: 11px;
}

.order-totals strong
{
	color: var(--uf-ink);
	font-weight: 600;
}

.order-totals .order-total-final
{
	margin-top: 7px;
	padding-top: 12px;
	border-top: 1px solid var(--uf-line-strong);
	color: var(--uf-ink);
	font-size: 13px;
	font-weight: 700;
}

.order-total-final strong
{
	font-size: 16px;
}

.orders-empty-state
{
	display: flex;
	min-height: 294px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
	color: var(--uf-muted);
	text-align: center;
}

.orders-empty-state > svg
{
	width: 26px;
	height: 26px;
	margin-bottom: 5px;
	color: var(--uf-accent);
}

.orders-empty-state strong
{
	color: var(--uf-ink);
	font-size: 13px;
}

.orders-empty-state span
{
	font-size: 11px;
}

@media(max-width: 991px) {
	.orders-filter-form {
		grid-template-columns: minmax(220px, 1fr) repeat(3, 120px) 38px 38px;
	}

	.order-detail-grid {
		grid-template-columns: 1fr 1fr;
	}

	.orders-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.orders-summary-item:nth-child(2) {
		border-right: 0;
	}

	.orders-summary-item:nth-child(-n+2) {
		border-bottom: 1px solid var(--uf-line);
	}

	.queue-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.integration-overview-metrics {
		grid-template-columns: 1fr 1fr;
	}

	.integration-overview-metric:nth-child(2) {
		border-right: 0;
	}

	.integration-overview-metric:nth-child(-n+2) {
		border-bottom: 1px solid var(--uf-line);
	}

	.integration-dashboard-grid {
		grid-template-columns: 1fr;
	}
}

@media(max-width: 767px) {
	.orders-filter-form {
		grid-template-columns: 1fr 1fr;
	}

	.orders-filter-search {
		grid-column: 1 / -1;
	}

	.order-detail-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.order-detail-total {
		text-align: left;
	}

	.order-detail-grid {
		grid-template-columns: 1fr;
	}

	.orders-summary-grid {
		grid-template-columns: 1fr;
	}

	.orders-summary-item,
	.orders-summary-item:nth-child(2) {
		border-right: 0;
		border-bottom: 1px solid var(--uf-line);
	}

	.orders-summary-item:last-child {
		border-bottom: 0;
	}

	.lost-product-match-summary {
		grid-template-columns: 1fr 1fr;
	}

	.queue-summary-grid {
		grid-template-columns: 1fr;
	}

	.integration-overview-header {
		align-items: flex-start;
	}

	.integration-overview-logo {
		width: 78px;
		flex-basis: 78px;
	}

	.integration-overview-metrics {
		grid-template-columns: 1fr;
	}

	.integration-overview-metric,
	.integration-overview-metric:nth-child(2) {
		border-right: 0;
		border-bottom: 1px solid var(--uf-line);
	}

	.integration-overview-metric:last-child {
		border-bottom: 0;
	}

	.integration-link-value {
		display: none;
	}

	.integration-orders-result {
		flex-direction: column;
	}
}