:root {
	--primary: #0077ff;
	--primary-btn-color: #fff;
	--primary-rgb: 0, 119, 255;
	--menu-text-color: #fff;
	--menu-item-hover-bg: rgba(0, 0, 0, 0.04);
	--menu-item-active-bg: rgba(0, 0, 0, 0.07);
	--sidebar-nav-fg: var(--menu-text-color);
	--sidebar-nav-fg-muted: color-mix(in srgb, var(--menu-text-color) 50%, #000);
	--sidebar-nav-fg-subtle: color-mix(in srgb, var(--menu-text-color) 52%, transparent);
	--sidebar-nav-fg-emphasis: color-mix(in srgb, var(--menu-text-color) 72%, transparent);
	--sidebar-nav-guide: color-mix(in srgb, var(--menu-text-color) 14%, transparent);
	--success: #3fc77d;
	--success-rgb: 63, 199, 125;
	--bs-success: var(--success);
	--bs-success-rgb: rgb(63, 199, 125);
	--warning: #efb540;
	--info: #0071e3;
	--info-hover: #0062c5;
	--primary-hover: #0061d0;
	--success-hover: #3cba75;
	--success-dark: #349f64;
	--success-dark-hover: #287b4e;
	--light-dark: #d5d8dd;
	--light-dark-hover: #bcbec3;
	--info-dark: #0167cc;
	--info-dark-hover: #015cb7;
	--font-family-sans-serif: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--font-family-monospace: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--form-control-disabled: #959495;
	--bs-dropdown-link-active-color: var(--success-hover);
	--bs-body-color: #222;
	--bs-body-bg: rgb(247, 247, 247);
	--bs-table-striped-bg: rgb(247, 247, 247);
	--bs-table-accent-bg: rgb(247, 247, 247);
	--bs-gray-dark: #d4d6d9;
	--bs-gray-100: #3e4555;
	--bs-gray-200: #545968;
	--bs-gray-300: #696e7b;
	--bs-btn-bg: var(--primary);
	--bs-btn-border-color: var(--primary);
	--bs-btn-hover-bg: var(--primary-hover);
	--bs-btn-hover-border-color: var(--primary-hover);
	--bs-btn-active-bg: var(--primary-hover);
	--bs-btn-active-border-color: var(--primary-hover);
	--bs-btn-disabled-bg: var(--primary);
	--bs-btn-disabled-border-color: var(--primary);
	--highlight-color: rgb(0, 119, 255, 0.5);
	--ck-color-base-action: var(--primary);
	--ck-color-base-border: var(--bs-border-color);
	--ck-color-base-text: var(--primary);
	--bs-primary: var(--primary);
	--bs-primary-rgb: var(--primary-rgb);
    --bs-modal-margin: 10px;
    --bs-card-inner-border-radius: 7.5px;
}

body {
	font-family: var(--font-family-sans-serif);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	caret-color: var(--primary);
	/* Use safe area insets to avoid the notch and screen corners */
	padding-top: env(safe-area-inset-top);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #ececec;
    background: #ffffff;
    font-weight: normal;
    color: #000000;
    border-radius: 5px;
    text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--primary-btn-color);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--primary);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 5px;
}

.ui-widget-header {
    border: 1px solid #eee;
    background: #eee;
    color: #fff;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 2px;
    border: none;
    border-radius: 2.5px;
    padding: 5px;
}

/* Logo visibility based on sidebar behavior */
.logo-compact {
    display: none;
}
.logo-sticky {
    display: inline-block;
}
body[data-sidebar-behavior="compact"] .logo-compact {
    display: inline-block;
}
body[data-sidebar-behavior="compact"] .sidebar-brand .logo {
    width: 100% !important;
    max-width: 100% !important;
}
body[data-sidebar-behavior="compact"] .sidebar-brand {
    padding: 15px 15px 1rem;
}
body[data-sidebar-behavior="compact"] .logo-sticky {
    display: none;
}
body[data-sidebar-behavior="sticky"] .logo-compact {
    display: none;
}
body[data-sidebar-behavior="sticky"] .logo-sticky {
    display: inline-block;
}
body[data-sidebar-behavior="compact"] .sidebar-link .badge {
    display: none !important;
}
body[data-sidebar-behavior="compact"] .feather {
    width: 20px;
    height: 20px;
}
body[data-sidebar-behavior="compact"] .sidebar-link {
    padding: .8rem 1.3rem;
}
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar {
    background-color: #181b1f;
}

/* Compact flyout: separate light/dark card surface — not the dark menu rail colors */
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	box-shadow: 0 .5rem 3rem .5rem rgba(0, 0, 0, 0.08);
}

body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-link,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-item .sidebar-link:hover {
	color: var(--bs-body-color);
}

body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item.active .sidebar-link,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-item.active > .sidebar-link {
	color: var(--primary);
}

body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-color: var(--bs-border-color);
	box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, 0.35);
}

body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-item .sidebar-link:hover,
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-item.active > .sidebar-link {
	color: var(--bs-body-color);
}

body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item.active .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-item.active > .sidebar-link {
	color: var(--primary);
}

/* Bootstrap .collapse hides flyouts until .show — compact mode uses hover instead */
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item:hover > .sidebar-dropdown.collapse:not(.show),
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-open > .sidebar-dropdown.collapse:not(.show) {
	display: block !important;
	height: auto !important;
	visibility: visible !important;
}

body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item:hover > .sidebar-dropdown,
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-open > .sidebar-dropdown,
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-positioned > .sidebar-dropdown {
	display: block !important;
}

body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-open > .sidebar-dropdown,
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-positioned > .sidebar-dropdown,
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header.compact-flyout-open > .sidebar-section-compact-flyout,
body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header.compact-flyout-positioned > .sidebar-section-compact-flyout {
	position: fixed !important;
	z-index: 1050;
}

/* Compact sidebar — one icon per section, sub-items in flyouts */
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav {
	gap: 2px;
	padding: 0.35rem 0 0.75rem;
	margin-top: 5px;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-section-item {
	display: none !important;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible.sidebar-section-has-compact-flyout {
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin: 2px 10px;
	padding: 0;
	min-height: 44px;
	width: calc(100% - 20px);
	border-radius: 10px;
	gap: 0;
	position: relative;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible.sidebar-section-has-compact-flyout:hover,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible.sidebar-section-has-compact-flyout.compact-flyout-open,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible.sidebar-section-has-compact-flyout.has-active-section {
	background-color: var(--menu-item-hover-bg);
	color: var(--sidebar-nav-fg);
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible .sidebar-section-label,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible .sidebar-section-chevron,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible .sidebar-beta-badge,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-hide-in-compact,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-compact-direct-link .sidebar-section-label {
	display: none !important;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-compact-direct-link {
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin: 2px 10px;
	padding: 0;
	min-height: 44px;
	width: calc(100% - 20px);
	border-radius: 10px;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-compact-direct-link .sidebar-section-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	padding: 0.55rem 0.5rem;
	border-radius: 10px;
	color: inherit;
	text-decoration: none;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-compact-direct-link .sidebar-section-link:hover,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-compact-direct-link.has-active-section .sidebar-section-link {
	background-color: var(--menu-item-hover-bg);
	color: var(--sidebar-nav-fg);
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.sidebar-section-compact-direct-link .sidebar-section-icon {
	width: 20px;
	height: 20px;
	opacity: 1;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-header.is-collapsible .sidebar-section-icon {
	width: 20px;
	height: 20px;
	opacity: 1;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.04);
	padding: 0.35rem 0 0.45rem;
	max-height: min(70vh, 420px);
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto;
}

body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating {
	display: block !important;
	position: fixed !important;
	z-index: 1050;
	height: auto !important;
	visibility: visible !important;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header.compact-flyout-positioned > .sidebar-section-compact-flyout::before,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header.compact-flyout-open > .sidebar-section-compact-flyout::before,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating::before {
	content: "";
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
	height: 100%;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-compact-flyout-title,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-compact-flyout-title {
	padding: 0.7rem 0.95rem 0.55rem;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--bs-body-color);
	border-bottom: 1px solid var(--bs-border-color);
	margin-bottom: 0.15rem;
	list-style: none;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-compact-flyout-links-wrap,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-compact-flyout-links-wrap {
	list-style: none;
	padding: 0.15rem 0.45rem 0.35rem;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-compact-flyout-links,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-compact-flyout-links {
	margin: 0;
	padding: 0;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-compact-flyout-links > .sidebar-item,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-compact-flyout-links > .sidebar-item {
	margin: 0.1rem 0;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-link,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-link {
	color: var(--bs-body-color);
	padding: 0.45rem 0.65rem;
	min-height: 36px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.25;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-item.active > .sidebar-link,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-item.active > .sidebar-link {
	color: var(--primary);
	font-weight: 500;
	background-color: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-item > .sidebar-link:hover,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-item > .sidebar-link:hover {
	background-color: var(--menu-item-hover-bg);
	color: var(--bs-body-color);
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-item.active > .sidebar-link:hover,
body[data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-item.active > .sidebar-link:hover {
	color: var(--primary);
	background-color: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
}

body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout,
body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-color: var(--bs-border-color);
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.35), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
}

body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-item.active > .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-item.active > .sidebar-link {
	color: var(--bs-body-color);
}

body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout .sidebar-item.active > .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] .sidebar-section-compact-flyout.compact-flyout-floating .sidebar-item.active > .sidebar-link {
	color: var(--primary);
	background-color: rgba(var(--primary-rgb, 0, 119, 255), 0.16);
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header:hover > .sidebar-section-compact-flyout.collapse:not(.show),
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header.compact-flyout-open > .sidebar-section-compact-flyout.collapse:not(.show),
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header.compact-flyout-positioned > .sidebar-section-compact-flyout.collapse:not(.show) {
	display: block !important;
	height: auto !important;
	visibility: visible !important;
}

body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header:hover > .sidebar-section-compact-flyout,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header.compact-flyout-open > .sidebar-section-compact-flyout,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-header.compact-flyout-positioned > .sidebar-section-compact-flyout {
	display: block !important;
}

body[data-sidebar-behavior="compact"] #sidebar,
body[data-sidebar-behavior="compact"] #sidebar .sidebar-content {
	overflow-x: hidden;
}

#sidebar-collapse-toggle {
    display: flex;
}
#sidebar-behavior-toggle {
    display: none;
}

@media (min-width: 992px) and (max-width: 1249px) {
	#sidebar-collapse-toggle {
        display: none;
    }
    #sidebar-behavior-toggle {
        display: flex;
    }
}

::selection {
	background: var(--highlight-color);
}

.form-control:focus {
	border-color: var(--highlight-color) !important;
	-webkit-box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .25);
	box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .25);
}

/* width */
::-webkit-scrollbar {
	width: 7.5px;
	height: 5px;
	border-radius: 7.5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: rgba(125, 125, 125, 0.05);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(125, 125, 125, 0.25);
	border-radius: 7.5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgba(125, 125, 125, 0.75);
}

img {
	max-width: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-monospace), sans-serif;
	font-weight: 700;
}

body::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}

a {
	color: var(--primary);
	text-decoration: none !important;
}

a:hover {
	color: #336ecd;
}

table {
	width: 100%;
	min-width: 100%;
}

.table {
	width: 100%;
}

.btn .h1,
.btn .h2,
.btn .h3,
.btn .h4,
.btn .h5,
.btn .h6,
.btn h1,
.btn h2,
.btn h3,
.btn h4,
.btn h5,
.btn h6 {
	color: white;
}

.font-weight-bold {
	font-weight: 600 !important;
}

.btn-info,
.btn-success,
.btn-danger {
	color: #fff;
}

.btn-info:hover,
.btn-success:hover,
.btn-danger:hover {
	color: #fff;
}

.btn-info {
	background-color: var(--info);
}

.btn-info:hover {
	background-color: var(--info-hover);
}

.btn-info {
	background-color: var(--info);
}

.btn-info:hover {
	background-color: var(--info-hover);
}

.card,
.btn {
	border-radius: 7.5px;
}

.modal-body {
	background-color: var(--bs-body-bg);
}

.modal-title {
	font-size: 18px;
}

.btn {
	font-weight: 700;
}

.custom-file-input {
	cursor: pointer;
}

.font-size-12 {
	font-size: 12px;
}

.font-size-14 {
	font-size: 14px;
}

.font-size-16 {
	font-size: 16px;
}

.font-size-18 {
	font-size: 18px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-24 {
	font-size: 24px;
}

.font-size-26 {
	font-size: 26px;
}

.font-size-28 {
	font-size: 28px;
}

.btn-primary,
.badge-primary,
.bg-primary {
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--primary-btn-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	background-color: var(--primary-hover);
	border-color: var(--primary-hover);
	color: var(--primary-btn-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
	color: var(--primary-btn-color);
	opacity: 0.65;
}

.btn-primary.disabled.loading,
.btn-primary:disabled.loading,
.btn-primary.disabled.processing,
.btn-primary:disabled.processing {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
	color: var(--primary-btn-color);
	opacity: 0.65;
}

.btn i {
	position: relative;
}

.badge {
	border-radius: 20px;
	padding: 5px 8px;
}

tr .badge {
	margin: 2.5px;
}

.badge-light {
	background-color: #eff2f6;
	color: #000;
}

.badge-warning {
	background-color: #e5a54b;
	color: #fff;
}

.badge-dark {
	background-color: #1c1f23;
	color: #fff;
}

.badge-secondary {
	background-color: #1c1f23;
	color: #fff;
}

.badge-danger {
	background-color: var(--bs-danger);
	color: #fff;
}

.badge-info {
	background-color: var(--bs-info);
	color: #fff;
}

.btn-success,
.badge-success,
.bg-success {
	background-color: var(--success) !important;
	border-color: var(--success) !important;
	color: #fff !important;
}

.bg-light-gray {
	background-color: var(--bs-gray-300) !important;
	border-color: var(--bs-gray-300) !important;
	color: #000 !important;
}

.bg-soft-success {
	background-color: rgba(75, 191, 115, .175) !important;
	border-color: rgba(75, 191, 115, .175) !important;
	color: #0C331E;
}

.bg-soft-danger {
	background-color: rgba(245, 53, 101, 0.2) !important;
	border-color: rgba(245, 53, 101, 0.2) !important;
	color: #c10303;
}

.bg-soft-secondary {
	background-color: rgba(239, 239, 247, 0.7) !important;
	border-color: rgba(239, 239, 247, 0.7) !important;
	color: #000;
}

.btn-success:hover {
	background-color: var(--success-hover) !important;
	border-color: var(--success-hover) !important;
}

.btn-success-dark {
	background-color: var(--success-dark) !important;
	border-color: var(--success-dark) !important;
	color: #fff !important;
}

.btn-success-dark:hover {
	background-color: var(--success-dark-hover) !important;
	border-color: var(--success-dark-hover) !important;
}

.btn-primary-dark {
	background-color: var(--primary-darker) !important;
	border-color: var(--primary-darker) !important;
	color: #fff !important;
}

.btn-light {
	background-color: var(--light-dark) !important;
	border-color: var(--light-dark) !important;
	color: #000 !important;
}

.btn-light:hover {
	background-color: var(--light-dark-hover) !important;
	border-color: var(--light-dark-hover) !important;
}

.btn-info-dark {
	background-color: var(--info-dark) !important;
	border-color: var(--info-dark) !important;
	color: #fff !important;
}

.btn-info-dark:hover {
	background-color: var(--info-dark-hover) !important;
	border-color: var(--info-dark-hover) !important;
}

.text-success {
	color: var(--success) !important;
}

.text-primary {
	color: var(--primary) !important;
}

.text-gray {
	color: #818181 !important;
}

.text-info {
	color: var(--info) !important;
}

.progress-bar {
	background-color: var(--primary);
	color: var(--primary-btn-color);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.checkbox:checked:before {
	background-color: var(--primary);
}

.text-black {
	color: black !important;
}

.selected-product-img, .stock-section-product-img, #selected-product-img {
	border-radius: 7.5px;
	background-color: white;
    height: 55px;
    margin-right: 10px;
    width: 55px;
    background-position: center;
    background-repeat: no-repeat;
	background-size: contain;
    display: inline-block;
}

.sellers-multi-select {
	display: none;
}

.custom-control-input:checked~.custom-control-label::before {
	border-color: var(--primary);
	background-color: var(--primary);
}

.form-inner-group .form-floating {
	margin-bottom: 0px !important;
}

.form-inner-group .form-floating .form-control {
	border-radius: 0px;
	border-bottom: solid 0px !important;
}

.form-inner-group .form-floating:first-child .form-control {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.form-inner-group .form-floating:last-child .form-control {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: 1px solid var(--bs-border-color) !important;
}

/* Native date/time inputs inside .form-floating: keep the floating label on top
   and reserve space for the browser-rendered "mm/dd/yyyy" placeholder. */
.form-floating > input[type="date"],
.form-floating > input[type="time"],
.form-floating > input[type="datetime-local"],
.form-floating > input[type="month"],
.form-floating > input[type="week"] {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
	min-height: calc(3.5rem + 2px);
	line-height: 1.25;
}

.form-floating > input[type="date"] ~ label,
.form-floating > input[type="time"] ~ label,
.form-floating > input[type="datetime-local"] ~ label,
.form-floating > input[type="month"] ~ label,
.form-floating > input[type="week"] ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-control {
	border: 1px solid var(--bs-border-color);
}

select.form-control::after {
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
	content: '';
	background: green;

}

.open_requests {
	position: relative;
	top: -3px;
	left: 5px;
}

table td,
table th {
	vertical-align: middle;
}

table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
	border-color: #fff;
	color: var(--primary-btn-color) !important;
	background-color: var(--primary);
}

.api-selector-list img {
	position: relative;
	width: 100%;
	border: solid 3px transparent;
	padding: 0 10px;
	border-radius: 3px;
}

.api-selector-list .nav-link {
	border: solid 5px transparent;
}

.api-selector-list .active {
	border: solid 5px var(--primary);
	background: white !important;
}

.header-response-message {
	position: fixed;
	right: -50%;
	top: 15vh;
	-webkit-animation: slideInRight 0.5s forwards;
	animation: slideInRight 0.5s forwards;
	z-index: 999;
}

.edit-shipment-method-price-button {
	font-weight: bold;
	font-size: 14px;
}

.edit-shipment-method-price-button:hover {
	color: var(--primary);
}

div.dataTables_processing>div:last-child {
	display: none;
}

@-webkit-keyframes slideInRight {
	100% {
		right: 2%;
	}
}

@keyframes slideInRight {
	100% {
		right: 2%;
	}
}

.table-img-view {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 50px;
	max-width: 50px;
	width: auto;
	height: auto;
	padding: 5px;
	background: white;
	border-radius: 7.5px;
}

.img-bg-thumbnail {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	height: 50px;
	width: 50px;
	border: solid 0px;
	border-radius: 7.5px;
	background-color: white;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#shipment-options-wrapper .form-group {
	margin-bottom: 10px;
}

.shipment-options-search {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(248, 249, 251, 0.65);
}

body[data-theme=dark] .shipment-options-search {
	border-bottom-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.03);
}

.shipment-options-search-inner {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.7rem 1.25rem;
	min-height: 3rem;
}

.shipment-options-search-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin: 0;
	width: 1.125rem;
}

.shipment-options-search-icon {
	position: static;
	transform: none;
	font-size: 0.8125rem;
	color: #adb5bd;
	pointer-events: none;
	line-height: 1;
}

body[data-theme=dark] .shipment-options-search-icon {
	color: rgba(255, 255, 255, 0.4);
}

.shipment-options-search-input {
	flex: 1;
	min-width: 0;
	min-height: 36px;
	padding: 0.25rem 0;
	font-size: 0.875rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #212529;
}

.shipment-options-search-input::placeholder {
	color: #adb5bd;
	opacity: 1;
}

body[data-theme=dark] .shipment-options-search-input {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .shipment-options-search-input::placeholder {
	color: rgba(255, 255, 255, 0.38);
}

.shipment-options-search-input:focus {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	outline: none;
}

.shipment-options-search-inner:focus-within .shipment-options-search-icon {
	color: var(--primary, #0077ff);
}

body[data-theme=dark] .shipment-options-search-inner:focus-within .shipment-options-search-icon {
	color: var(--primary, #0077ff);
}

.shipment-options-search-clear {
	position: static;
	transform: none;
	flex-shrink: 0;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	text-decoration: none;
	border-radius: 0.375rem;
}

.shipment-options-search-clear:hover {
	color: #495057;
	background: rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .shipment-options-search-clear {
	color: rgba(255, 255, 255, 0.55);
}

body[data-theme=dark] .shipment-options-search-clear:hover {
	color: rgba(255, 255, 255, 0.85);
	background: rgba(255, 255, 255, 0.06);
}

.shipment-options-search-empty {
	margin: 0;
	padding: 0.55rem 1.25rem 0.75rem;
	font-size: 0.8125rem;
	color: #6c757d;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .shipment-options-search-empty {
	color: rgba(255, 255, 255, 0.55);
	border-top-color: rgba(255, 255, 255, 0.06);
}

#shipmentOptionsWrapper:has(#shipment-options-search:not(.d-none)) {
	padding-top: 0 !important;
}

#shipmentOptionsWrapper:not(:has(#shipment-options-search:not(.d-none))) {
	padding-top: 1rem !important;
}

#shipment-options-wrapper {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 478px;
	padding: 0.5rem 0.5rem 0;
	box-sizing: border-box;
	scrollbar-gutter: stable both-edges;
}

#shipmentOptionsWrapper:has(#shipment-options-search:not(.d-none)) #shipment-options-wrapper {
	padding-top: 0.65rem;
}

@media (max-width: 575.98px) {
	.shipment-options-search-inner {
		padding: 0.65rem 1rem;
	}

	.shipment-options-search-input {
		font-size: 16px;
	}
}

#shipment-options-wrapper .shipment-option-button {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Legacy markup (icon + info without .shipment-option-inner) */
.shipment-option-button:not(:has(.shipment-option-inner)) {
	display: flex;
	align-items: center;
	padding: 0.75rem 0.85rem;
	min-height: 4rem;
}

.shipment-option-button:not(:has(.shipment-option-inner)) > .shipment-option-icon {
	flex-shrink: 0;
	margin-right: 0.75rem;
}

.shipment-option-button:not(:has(.shipment-option-inner)) > .shipment-option-info {
	flex: 1;
	min-width: 0;
	padding: 0;
}

.shipment-option-button:not(:has(.shipment-option-inner)) .shipment-option-text {
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 0;
}

.niceButtonsWrapper button {
	margin: 0 5px 10px;
}

.button-icon {
	font-size: 16px;
	bottom: -2px;
	position: relative;
	padding-right: 3px;
}

#datatable-orders tr {
	cursor: pointer;
}

#datatable-products tr td {
	cursor: pointer;
}

.shipment-option-button {
	overflow: hidden;
	width: 100%;
	margin: 0 0 0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.5rem;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
	background: #fff;
}

body[data-theme=dark] .shipment-option-button {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-color: rgba(255, 255, 255, 0.1);
}

.shipment-option-inner {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem 0.85rem;
	min-height: 4rem;
}

.shipment-option-button .row {
	display: flex;
	flex: 1;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0.75rem 0.85rem;
	min-height: 4rem;
}

.shipment-option-button .row > [class*="col-"] {
	display: flex;
	align-items: center;
	padding: 0;
}

.shipment-option-button .row > .col-8,
.shipment-option-button .row > .col-md-8 {
	flex: 1;
	min-width: 0;
}

.shipment-option-button .row > .col-4,
.shipment-option-button .row > .col-md-4 {
	flex-shrink: 0;
	justify-content: flex-end;
}

.shipment-option-button .shipment-option-text,
.shipment-option-text {
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 0;
	color: #212529;
	line-height: 1.35;
}

body[data-theme=dark] .shipment-option-button .shipment-option-text,
body[data-theme=dark] .shipment-option-text {
	color: var(--bs-body-color, #fefefe);
}

.shipment-option-button h4.shipment-option-text,
.shipment-option-button h5.shipment-option-text-right {
	font-size: inherit;
	font-weight: inherit;
}

.shipment-option-main {
	flex: 1;
	min-width: 0;
}

.shipment-option-price {
	font-size: 0.8125rem;
	color: #6c757d;
	margin-top: 0.15rem;
	line-height: 1.4;
}

body[data-theme=dark] .shipment-option-price {
	color: rgba(255, 255, 255, 0.58);
}

.shipment-option-button:hover {
	border-color: rgba(0, 119, 255, 0.35);
	background: rgba(0, 119, 255, 0.02);
}

body[data-theme=dark] .shipment-option-button:hover {
	background: rgba(0, 119, 255, 0.06);
}

.shipment-option-button.active {
	border-color: var(--primary, #0077ff);
	box-shadow: inset 0 0 0 1px rgba(0, 119, 255, 0.15);
}

body[data-theme=dark] .shipment-option-button.active {
	border-color: var(--primary, #0077ff);
}

.shipment-option-text-right {
	font-size: 0.8125rem;
	margin: 0;
	text-align: right;
	color: #495057;
	line-height: 1.45;
}

body[data-theme=dark] .shipment-option-text-right {
	color: rgba(255, 255, 255, 0.72);
}

.shipment-option-meta {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.1rem;
	text-align: right;
	max-width: 42%;
}

.shipment-option-meta-weight {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #495057;
	line-height: 1.35;
}

.shipment-option-meta-size {
	font-size: 0.75rem;
	color: #6c757d;
	line-height: 1.35;
}

body[data-theme=dark] .shipment-option-meta-weight {
	color: rgba(255, 255, 255, 0.78);
}

body[data-theme=dark] .shipment-option-meta-size {
	color: rgba(255, 255, 255, 0.52);
}

.shipment-option-extra-key {
	position: absolute;
	right: 15px;
	left: auto;
	top: 15px;
}

.shipment-option-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3.25rem;
	height: 3.25rem;
	background: transparent;
	font-size: 1.625rem;
	padding: 0.35rem;
	border-radius: 0;
	vertical-align: middle;
	text-align: center;
	float: none;
	left: auto;
}

.shipment-option-icon--logo img {
	display: block;
	max-height: 44px;
	max-width: 56px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.shipment-option-info {
	position: relative;
	left: auto;
	width: auto;
	flex: 1;
	min-width: 0;
	margin: 0;
	float: none;
	padding: 0;
}

.shipment-option-button-help:hover {
	border-color: var(--primary, #0077ff);
}

@media (max-width: 575.98px) {
	#shipment-options-wrapper {
		padding: 0 0.5rem;
	}

	.shipment-option-inner,
	.shipment-option-button .row {
		flex-wrap: wrap;
		padding: 0.5rem 0.75rem;
	}

	.shipment-option-meta {
		width: 100%;
		max-width: none;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-top: 0.35rem;
		margin-left: calc(3.25rem + 0.75rem);
	}
}

.shipment-address {
	overflow: hidden;
	width: 100%;
	margin-bottom: 0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.5rem;
	cursor: text;
	background: #fff;
}

body[data-theme=dark] .shipment-address {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-color: rgba(255, 255, 255, 0.1);
}

.shipment-address .shipment-option-info {
	padding: 0.75rem 0.85rem;
}

/* ── Missing shipment method modal ── */
.msm-dialog { max-width: 580px; }

.msm-content {
	border-radius: 14px;
	overflow: hidden;
	border: 0;
	box-shadow: 0 20px 60px rgba(0,0,0,.15), 0 4px 16px rgba(0,0,0,.08);
}

/* Header */
.msm-header {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	padding: 1.35rem 1.35rem 1rem;
	border-bottom: 1px solid rgba(0,0,0,.06);
	position: relative;
}

.msm-header-icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	background: rgba(0,119,255,.1);
	color: #0077ff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	margin-top: 2px;
}

.msm-header-text { flex: 1; min-width: 0; }

.msm-title {
	font-size: 1rem;
	font-weight: 600;
	color: #1a1d21;
	margin: 0 0 0.2rem;
	line-height: 1.3;
}

.msm-subtitle {
	font-size: 0.8rem;
	color: #6c757d;
	margin: 0;
	line-height: 1.5;
}

.msm-close {
	flex-shrink: 0;
	margin-left: auto;
	opacity: .45;
}
.msm-close:hover { opacity: .8; }

/* Body */
.msm-body {
	padding: 1rem 1.1rem 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

/* Individual reason card */
.msm-card {
	border: 1px solid #e5eaf1;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow .15s ease;
}
.msm-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.07); }

.msm-card-top {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.9rem 1rem 0.8rem;
}


.missing-shipment-reason-icon {
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.15rem;
}

.missing-shipment-reason-icon.icon-country { background: rgba(0,119,255,.1);  color: #0077ff; }
.missing-shipment-reason-icon.icon-address { background: rgba(63,199,125,.1); color: #30b06e; }
.missing-shipment-reason-icon.icon-size    { background: rgba(239,181,64,.1); color: #cc9200; }

.msm-card-body { flex: 1; min-width: 0; }

.missing-shipment-reason-title {
	font-size: 0.825rem;
	font-weight: 600;
	color: #343a40;
	margin-bottom: 0.25rem;
	line-height: 1.35;
}

.missing-shipment-reason-desc {
	font-size: 0.775rem;
	color: #6c757d;
	line-height: 1.55;
	margin: 0;
}

/* Fix bar */
.msm-fix-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.4rem 0.6rem;
	padding: 0.55rem 1rem;
	border-top: 1px solid transparent;
	font-size: 0.775rem;
	line-height: 1.45;
}

.msm-fix-bar.fix-country { background: rgba(0,119,255,.04);  border-top-color: rgba(0,119,255,.1); }
.msm-fix-bar.fix-address { background: rgba(63,199,125,.04); border-top-color: rgba(63,199,125,.1); }
.msm-fix-bar.fix-size    { background: rgba(239,181,64,.04); border-top-color: rgba(239,181,64,.1); }

.msm-fix-label {
	flex-shrink: 0;
	font-weight: 700;
	font-size: 0.7rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
	background: rgba(0,0,0,.06);
	color: #495057;
}

.msm-fix-text {
	flex: 1;
	min-width: 0;
	color: #495057;
}

.msm-fix-btn {
	flex-shrink: 0;
	font-size: 0.75rem;
	font-weight: 500;
	color: #0077ff;
	text-decoration: none;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	padding: 0.2rem 0.55rem;
	border: 1px solid rgba(0,119,255,.35);
	border-radius: 5px;
	transition: background .12s, border-color .12s;
}
.msm-fix-btn:hover {
	background: rgba(0,119,255,.07);
	border-color: #0077ff;
	color: #0077ff;
}
.msm-fix-btn i { font-size: .7rem; }

/* Footer */
.msm-footer {
	display: flex;
	justify-content: flex-end;
	padding: 0.75rem 1.1rem 1rem;
}

.topnav .dropdown .dropdown-item.active,
.topnav .dropdown .dropdown-item:active {
	color: var(--primary);
}

.topnav {
	max-height: 80vh !important;
}

.show-on-edit,
.hide-on-edit {
	float: right;
	padding: 4px 7px;
	margin-top: -5px;
	margin-bottom: 7px;
}

.shipment-address-input,
.new-order-address-input {
	padding: 4px 8px 2px 8px;
	width: 100%;
	font-size: 14px;
	border: 0;
	border-radius: 0px;
	border: solid 0px #ddd;
	border-bottom: dotted 1px #ddd;
	font-weight: 500;
	background-color: transparent;
}

/* Order detail: internal order comment (extra_comment) */
.order-comment-block.card {
	box-shadow: 0 0 0.875rem 0 rgba(2, 2, 2, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.06);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.order-comment-block.card:focus-within {
	border-color: rgba(63, 199, 125, 0.45);
	box-shadow: 0 0 0 0.2rem rgba(63, 199, 125, 0.12), 0 0 0.875rem 0 rgba(2, 2, 2, 0.05);
}

.order-comment-block .card-body {
	padding: 0.875rem 1.25rem 1rem;
}

.order-comment-block .order-comment-title {
	cursor: text;
}

.order-comment-block .order-comment-textarea,
.order-comment-block .order-comment-textarea.form-control {
	display: block;
	width: 100%;
	min-height: 1.625rem;
	max-height: 12rem;
	margin-top: 0.5rem;
	overflow-y: auto;
	resize: none;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
	font-size: 0.875rem;
	line-height: 1.625;
	color: #212529;
	box-shadow: none !important;
}

.order-comment-block .order-comment-textarea:focus,
.order-comment-block .order-comment-textarea.form-control:focus {
	outline: none;
	border: 0 !important;
	box-shadow: none !important;
}

.order-comment-block .order-comment-textarea:disabled {
	cursor: not-allowed;
	opacity: 0.72;
	background: transparent;
}

.order-comment-block .order-comment-textarea::placeholder {
	color: #adb5bd;
	opacity: 1;
}

.grouped-tbody {
	border-bottom: solid 25px var(--bs-body-bg) !important;
	background: white;
}

.single-tbody {
	background: white;
	border-bottom: solid 5px var(--bs-body-bg);
}

.stacked-img-wrapper {
	position: relative;
	display: inline-block;
}

.stacked-img-badge {
	top: -5px;
	position: absolute;
	left: 0px;
	z-index: 1;
	font-size: 12px;
}

#list-of-open-orders {
	border: solid 0px !important;
}

#list-of-open-orders td {
	border: solid 0px !important;
}

.progression-fixed {
	position: fixed;
	bottom: 25px;
	right: 25px;;
	background: #fff;
	padding: 10px 20px;
	color: white;
	z-index: 999;
	border-radius: 7.5px;
	border: 1px solid #e9edf3;
}

.progression-fixed h2 {
	font-size: 16px;
	font-weight: 600;
	color: black;
}

.progression-fixed span {
	font-size: 14px;
	font-weight: 500;
	width: 40px;
	float: right;
	text-align: center;
	margin-top: -2px;
	color: #495057;
}

.order-usage-tracker {
	position: fixed;
	bottom: 25px;
	right: 25px;
}

#progressionAccordion .card {
	border: 0px solid transparent;
	margin-bottom: 0px;
}

#progressionAccordion .card-header {
	cursor: pointer;
	border-radius: 0px;
}

#progressionAccordion .card-header h5 {
	font-size: 18px;
	font-weight: 600;
	padding: 13px 20px;
	padding-left: 45px;
	color: rgb(51, 51, 51);
}

#progressionAccordion .progression-status-icon {
	position: absolute;
	font-size: 28px;
	margin-top: 4px;
	margin-left: 5px;
}

.add-section-nav-button {
	display: inline-block;
	color: var(--success);
	margin-left: 8px;
	position: absolute;
	font-size: 22px;
	margin-top: -5px;
	cursor: pointer;
	bottom: auto;
}

.delete-section-nav-button {
	display: inline-block;
	color: #d9534f;
	margin-left: 36px;
	position: absolute;
	font-size: 22px;
	margin-top: -5px;
	cursor: pointer;
	bottom: auto;
}

.add-section-nav-button:hover .delete-section-nav-button:hover {
	opacity: 0.9;
}

.add-location-nav-button {
	display: inline-block;
	color: var(--success);
	margin-left: 5px;
	margin-bottom: -5px;
	position: relative;
	font-size: 22px;
	margin-top: -6px;
	top: 3px;
	cursor: pointer;
}

.add-location-nav-button:hover {
	color: #000;
}

.custom-layer-ul {
	list-style: none;
	padding-left: 25px !important;
}

.custom-layer-li {
	position: relative;
}

.custom-layer-li:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url("/portal/public/images/stock-section-arrow.png");
	background-size: contain;
	margin-top: 2px;
	margin-left: -20px;
}

body[data-theme=dark] .custom-layer-li:before {
	filter: invert(100%);
}

.locations-layer-ul {
	list-style: none;
	padding-left: 25px !important;
	color: #000;
}

.locations-available-layer-li:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: var(--success);
	border-radius: 100%;
	background-size: contain;
	margin-top: 6px;
	margin-left: -17px;
}

.locations-out-of-stock-layer-li:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #efb540;
	border-radius: 100%;
	background-size: contain;
	margin-top: 6px;
	margin-left: -17px;
}

.locations-occupied-layer-li:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #fa5944;
	background-size: contain;
	margin-top: 6px;
	margin-left: -17px;
}

.pin-point-non-active {
	margin-left: 0px;
	margin-top: 0px;
	min-width: 10px;
	min-height: 10px;
	border: solid 2.5px white;
	border-radius: 7.5px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	cursor: pointer;
	box-shadow: 0 0px 0 5px var(--primary);
}

.pin-point-area {
	margin-left: -5px;
	margin-top: -5px;
	min-width: 20px;
	min-height: 20px;
	border: solid 5px white;
	border-radius: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: red;
	cursor: move;
	box-shadow: 0 0px 0 5px red;
}

#pickPopupModalBody .list-group-item {
	font-size: 14px;
	font-weight: 500;
}

.small-stacked-product-img {
	position: relative;
	max-height: 45px;
	max-width: 45px;
	width: auto;
	display: inline-block;
	margin: -5px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-color: white;
	padding: 2.5px;
	border-radius: 7.5px;
}

/* Pick bins grid - warehouse-optimized bin cards */
.pick-bins-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	width: 100%;
}

@media (min-width: 400px) {
	.pick-bins-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 992px) {
	.pick-bins-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.pick-bin-card {
	background: #F2F3F6;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	padding: 12px 16px;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: background 0.2s, opacity 0.2s;
	touch-action: manipulation;
}

@media (min-width: 768px) {
	.pick-bin-card {
		padding: 14px 22px;
	}
}

body[data-theme=dark] .pick-bin-card {
	background: rgba(255, 255, 255, 0.08);
}

.pick-bin-card.active {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.12);
}

body[data-theme=dark] .pick-bin-card.active {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.2);
}

.pick-bin-card.completed {
	background: rgba(75, 191, 115, 0.18);
}

body[data-theme=dark] .pick-bin-card.completed {
	background: rgba(75, 191, 115, 0.25);
}

.pick-bin-card.disabled {
	opacity: 0.6;
}

.pick-bin-label {
	font-size: 0.9rem;
	font-weight: 500;
	color: #2E2E2E;
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.pick-bin-label {
		font-size: 0.95rem;
	}
}

body[data-theme=dark] .pick-bin-label {
	color: var(--bs-body-color);
}

.pick-bin-progress {
	font-size: 0.9rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: #2E2E2E;
	flex-shrink: 0;
	margin-left: 8px;
}

@media (min-width: 768px) {
	.pick-bin-progress {
		font-size: 0.95rem;
		margin-left: 0;
	}
}

body[data-theme=dark] .pick-bin-progress {
	color: var(--bs-body-color);
}

#siblings-dots-wrapper {
	font-size: 16px;
}

.loading-done {
	display: none;
}

#stock_locations_navigator,
#stock_section_navigator {
	font-size: 16px;
}

.handle-order-header-quantity {
	position: absolute;
	left: -15px;
	top: -5px;
	font-size: 12px;
	border-radius: 50%;
	padding: 5px 7.5px;
}

.stacked-product-img {
	position: relative;
	height: 50px;
	width: 50px;
	display: inline-block;
	margin-left: 15px;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	margin-bottom: -20px;
	background-color: #fff !important;
	border-radius: 7.5px;
}

.stacked-product-title {
	display: inline-block;
	width: 135px;
	font-size: 12px;
	overflow: hidden;
	margin-left: 15px;
	vertical-align: middle;
	font-weight: 600;
	color: #000;
	padding-right: 10px;
	margin-right: 10px;
}

.stacked-img-wrapper:last-child>.stacked-product-title {
	padding-right: 0px;
	margin-right: 0px;
	padding-bottom: 10px;
}

.payment-interval-wrapper {
	position: relative;
	top: 0;
}

.payment-interval-wrapper .switch-selection {
	position: relative;
	font-size: 14px;
	top: 3px;
	padding: 0 10px;
	cursor: pointer;
}

.product-img-wrapper-modal {
	text-align: center;
}

.product-img-wrapper-modal img,
.smallProductImage {
	max-width: 100px;
	max-height: 50px;
}

.small-product-image {
	width: 100px;
	height: 50px;
	border: solid 5px white;
	border-radius: 7.5px;
	object-fit: contain;
}

.edit-selected-product-button {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 1;
	text-align: right;
}

.fc-circle {
	margin: 0 10px 0 0;
	font-size: 14px;
	padding: 5px 7.5px;
	border-radius: 25%;
	background: white;
	display: block;
	position: absolute;
	text-align: center;
	right: -18px;
	bottom: -6px;
	color: var(--primary-btn-color);
	font-weight: bold;
	background: var(--primary);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
	z-index: 1;
}

.new-stock-amount-circle {
	margin: 0 10px 0 0;
	font-size: 14px;
	padding: 5px 7.5px;
	border-radius: 0px 0px 0px 5px;
	background: white;
	display: block;
	position: absolute;
	text-align: center;
	right: -10px;
	top: 0px;
	color: var(--primary-btn-color);
	font-weight: bold;
	background: var(--primary);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
}

.upload-form {
	position: relative;
	width: 100%;
	border: 2px dotted #ccc;
	border-radius: 7.5px;
}

.upload-form:hover {
	cursor: pointer;
	border: 2px solid var(--primary);
	background-color: #f8f9fa;
}

.upload-form p {
	width: 100%;
	text-align: center;
	padding: 27px 10px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: rgb(41, 48, 66);
}

.upload-form:hover p {
	color: var(--primary);
}

.upload-form input {
	cursor: pointer;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
}

.swal-wide {
	width: 850px !important;
}

.page-item.active .page-link {
	background-color: var(--primary);
	color: var(--primary-btn-color);
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 28px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.upload-import-arrow {
	font-size: 84px;
	color: #000;
	position: absolute;
	left: -84px;
	right: 0;
	margin: auto;
	width: 0;
}

.input-group-navbar {
	min-width: 100px;
	overflow: hidden;
	border-radius: 7px;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #6c757d;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 15px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 15px;
}

label.switch.disabled span.slider:before {
	background-color: rgb(227, 227, 227);
}

input:checked+.slider {
	background-color: var(--primary) !important;
}

input:checked+.disabled {
	background-color: #909090 !important;
}

.disabled:hover {
	cursor: default;
}

input:focus+.slider {
	box-shadow: 0 0 1px var(--primary);
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.selected-product-title {
	position: relative;
	top: 20px;
}

.main-product-settings-table {
	width: 100%;
	font-size: 14px;
}

.main-product-settings-table td {
	padding: 2.5px 10px;
}

.main-product-settings-table td:first-child {
	width: 50%;
}

.active_product_channel {
	background: white;
}

.active_product_channel td:last-child {
	border-right: solid 3px var(--primary) !important;
}

.page-link {
	border-radius: 0% !important;
	height: 33px;
	width: auto;
	text-align: center;
	margin: 0 5px;
}

.paginate_button .mdi {
	position: relative;
}

.modal-backdrop {
	visibility: hidden !important;
}

.modal.in {
	background-color: rgba(0, 0, 0, 0.35);
}

.modal {
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(3px);
	-moz-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	margin-top: env(safe-area-inset-top);
	margin-bottom: env(safe-area-inset-bottom);
}

.swal2-content label {
	padding-bottom: 3px;
}

.font-size-12 {
	font-size: 12px !important;
}

.inventory_log_item,
.log_item {
	border: solid 0px var(--bs-body-bg);
	border-radius: 7.5px;
	background: var(--bs-body-bg);
	display: block;
	position: relative;
	overflow: hidden;
	left: 0;
	right: 0;
	margin: 18px 0 0 0;
}

.inventory_log_item:first-child,
.log_item:first-child {
	margin: 0 0 0 0;
}

#inventory_log_wrapper {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	overflow: scroll;
}

#inventory_log_wrapper::-webkit-scrollbar {
	display: none;
}

/* Order log body text: escape HTML in PHP; preserve newlines for JSON / multi-line errors */
.order-log-description {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Product modal — hero + action bar (see modal-header-standard.mdc) */
#productModal .product-modal-hero-start {
	align-items: flex-start;
}

.product-modal-hero-loading,
.product-modal-hero-content {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

.product-modal-hero-img {
	width: 3.25rem;
	height: 3.25rem;
	flex-shrink: 0;
	background-image: url('/portal/public/images/cd_logo/no_product_image.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0.25rem;
}

.product-modal-hero-img--loading {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-image: none;
	background: rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .product-modal-hero-img--loading {
	background: rgba(255, 255, 255, 0.06);
}

.product-modal-hero-text {
	min-width: 0;
	flex: 1;
}

#productModal .open-order-modal-hero-id {
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.3;
	max-width: 100%;
}

#productModal .product-modal-hero-title-link {
	text-decoration: none;
	word-break: break-word;
}

#productModal .product-modal-hero-title-link:hover {
	text-decoration: underline;
}

#productModal .product-modal-tags-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.35rem;
	padding-left: 0;
}

#productModal #product-modal-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
}

#productModal .product-modal-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	vertical-align: middle;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
}

.product-modal-attention-btn {
	min-width: 44px;
	min-height: 44px;
	border: 0;
	background: transparent;
	color: var(--bs-body-color, #495057);
	border-radius: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.35rem;
	transition: background-color 0.2s ease;
}

.product-modal-attention-btn:hover {
	background: rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .product-modal-attention-btn:hover {
	background: rgba(255, 255, 255, 0.08);
}

.product-modal-attention-btn .fa-solid.fa-flag {
	color: #d9534f;
}

#productModal .product-modal-actions-end {
	margin-left: auto;
}

#productModal .product-modal-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0 0 0.75rem 0.75rem;
}

#productModal .product-modal-footer--bundle {
	padding: 0.85rem 1rem 1rem;
}

#productModal .product-bundle-stock-notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.25rem;
	width: 100%;
	padding: 0.9rem 1rem;
	border-radius: 0.5rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-left: 3px solid var(--success, #3fc77d);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

body[data-theme=dark] #productModal .product-bundle-stock-notice {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
	border-left-color: #5fd492;
	box-shadow: none;
}

#productModal .product-bundle-stock-notice-main {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	min-width: 0;
	flex: 1;
}

#productModal .product-bundle-stock-notice-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.35rem;
	height: 2.35rem;
	border-radius: 999px;
	background: rgba(63, 199, 125, 0.12);
	color: var(--success, #3fc77d);
	font-size: 0.95rem;
}

body[data-theme=dark] #productModal .product-bundle-stock-notice-icon {
	background: rgba(63, 199, 125, 0.18);
	color: #5fd492;
}

#productModal .product-bundle-stock-notice-copy {
	min-width: 0;
	flex: 1;
}

#productModal .product-bundle-stock-notice-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.55rem;
	margin-bottom: 0.2rem;
}

#productModal .product-bundle-stock-notice-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.5rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #2d8f5c;
	background: rgba(63, 199, 125, 0.14);
	border: 1px solid rgba(63, 199, 125, 0.2);
	line-height: 1.2;
}

body[data-theme=dark] #productModal .product-bundle-stock-notice-badge {
	color: #8ee4b0;
	background: rgba(63, 199, 125, 0.16);
	border-color: rgba(63, 199, 125, 0.28);
}

#productModal .product-bundle-stock-notice-title {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
	line-height: 1.35;
	margin: 0;
}

body[data-theme=dark] #productModal .product-bundle-stock-notice-title {
	color: var(--bs-body-color, #fefefe);
}

#productModal .product-bundle-stock-notice-text {
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.5;
	margin: 0;
	max-width: 42rem;
}

body[data-theme=dark] #productModal .product-bundle-stock-notice-text {
	color: rgba(255, 255, 255, 0.68);
}

#productModal .product-bundle-stock-notice-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	flex-shrink: 0;
	min-height: 2.25rem;
	padding: 0.4rem 0.85rem;
	font-weight: 500;
	white-space: nowrap;
	border-color: rgba(0, 0, 0, 0.1);
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

#productModal .product-bundle-stock-notice-action i {
	font-size: 0.72rem;
	transition: transform 0.2s ease;
}

#productModal .product-bundle-stock-notice-action:hover {
	background: rgba(63, 199, 125, 0.08);
	border-color: rgba(63, 199, 125, 0.28);
}

#productModal .product-bundle-stock-notice-action:hover i {
	transform: translateX(2px);
}

body[data-theme=dark] #productModal .product-bundle-stock-notice-action {
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] #productModal .product-bundle-stock-notice-action:hover {
	background: rgba(63, 199, 125, 0.14);
	border-color: rgba(63, 199, 125, 0.35);
}

@media (max-width: 767.98px) {
	#productModal .product-bundle-stock-notice {
		flex-direction: column;
		align-items: stretch;
	}

	#productModal .product-bundle-stock-notice-action {
		width: 100%;
	}
}

body[data-theme=dark] #productModal .product-modal-footer {
	border-top-color: rgba(255, 255, 255, 0.08);
}

/* Product modal — inventory tables */
#productModal .product-modal-table {
	margin-bottom: 0;
}

#productModal .product-modal-table thead th {
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--bs-secondary-color, #6c757d);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding: 0.65rem 0.75rem;
	white-space: nowrap;
}

body[data-theme=dark] #productModal .product-modal-table thead th {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

#productModal .product-modal-table tbody td {
	padding: 0.75rem;
	vertical-align: middle;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] #productModal .product-modal-table tbody td {
	border-bottom-color: rgba(255, 255, 255, 0.06);
}

#productModal .product-modal-table tbody tr:last-child td {
	border-bottom: 0;
}

#productModal .product-modal-table-empty {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.45rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] #productModal .product-modal-table-empty {
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.55);
}

#productModal .product-modal-channel-info {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

#productModal .product-modal-channel-logo-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.35rem;
	padding: 0.25rem;
}

body[data-theme=dark] #productModal .product-modal-channel-logo-wrap {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.1);
}

#productModal .product-modal-channel-info .channel-img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	background: transparent;
	border-radius: 0;
	padding: 0;
}

#productModal .product-modal-channel-copy {
	min-width: 0;
	flex: 1;
}

#productModal .product-modal-channel-name {
	display: block;
	font-weight: 500;
	font-size: 0.84rem;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 11rem;
}

body[data-theme=dark] #productModal .product-modal-channel-name {
	color: var(--bs-body-color, #fefefe);
}

#productModal .product-modal-stock-levels {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.85rem;
}

#productModal .product-modal-stock-levels--channels,
#productModal .product-modal-stock-levels--bundle {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	padding: 0;
	border: 0;
	background: none;
}

#productModal .product-modal-stock-levels--channels .product-modal-stock-level,
#productModal .product-modal-stock-levels--bundle .product-modal-stock-level {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.3rem;
	min-width: 0;
}

#productModal .product-modal-stock-levels--channels .product-modal-stock-level + .product-modal-stock-level::before,
#productModal .product-modal-stock-levels--bundle .product-modal-stock-level + .product-modal-stock-level::before {
	content: "·";
	color: var(--bs-secondary-color, #adb5bd);
	font-weight: 600;
	margin-right: 0.1rem;
	line-height: 1;
}

#productModal .product-modal-stock-levels--channels .product-modal-stock-level-label,
#productModal .product-modal-stock-levels--bundle .product-modal-stock-level-label {
	font-size: 0.62rem;
	letter-spacing: 0.04em;
}

#productModal .product-modal-stock-levels--channels .product-modal-table-empty {
	padding: 0;
	background: transparent;
	border-radius: 0;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #adb5bd);
}

body[data-theme=dark] #productModal .product-modal-stock-levels--channels .product-modal-table-empty {
	background: transparent;
	color: rgba(255, 255, 255, 0.45);
}

#productModal #channels_table .product-modal-stock-levels-cell,
#productModal #productBundleTable .product-modal-stock-levels-cell {
	width: 1%;
	white-space: nowrap;
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
}

#productModal .product-modal-stock-level {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	min-width: 0;
}

#productModal .product-modal-stock-level-label {
	font-size: 0.68rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
}

#productModal .product-modal-stock-level-value {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

#productModal .product-modal-stock-badge,
#productModal .product-modal-table .badge {
	font-size: 0.78rem !important;
	font-weight: 600;
	line-height: 1.2;
	padding: 0.28em 0.55em !important;
	min-width: 1.75rem;
	text-align: center;
}

#productModal .product-modal-stock-levels--channels .badge,
#productModal .product-modal-stock-levels--bundle .badge {
	font-size: 0.72rem !important;
	padding: 0.2em 0.45em !important;
	min-width: 1.5rem;
}

#productModal #channels_table .product-modal-table-cell--sync .switch {
	margin: 0;
	vertical-align: middle;
}

#productModal #channels_table tbody tr:hover {
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] #productModal #channels_table tbody tr:hover {
	background: rgba(255, 255, 255, 0.03);
}

#productModal #channels_table .product-modal-table-cell--empty,
#productModal #channels_table .product-modal-table-cell:not(.product-modal-channel-cell):not(.product-modal-stock-levels-cell) {
	text-align: center;
}

#productModal #channels_table .product-modal-channel-cell {
	min-width: 10rem;
}

#productModal #channels_table .product-modal-table-cell--action {
	width: 3.5rem;
}

#productModal #channels_table .product-modal-table-cell--action .fa-trash-can {
	opacity: 0.72;
	transition: opacity 0.15s ease, color 0.15s ease;
}

#productModal #channels_table .product-modal-table-cell--action .fa-trash-can:hover {
	opacity: 1;
}

#productModal .product-modal-location-info {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

#productModal .product-modal-location-type {
	font-size: 0.68rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--bs-secondary-color, #6c757d);
}

#productModal .product-modal-location-name {
	font-weight: 500;
	line-height: 1.35;
}

#productModal .product-modal-details-list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

#productModal .product-modal-detail-item {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.5rem;
	font-size: 0.78rem;
	line-height: 1.4;
}

#productModal .product-modal-detail-label {
	font-weight: 600;
	color: var(--bs-secondary-color, #6c757d);
	min-width: 4.5rem;
}

#productModal .product-modal-product-info {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

#productModal .product-modal-product-thumb {
	width: 2.75rem;
	height: 2.75rem;
	object-fit: cover;
	border-radius: 0.35rem;
	background: #fff;
	padding: 0.2rem;
	flex-shrink: 0;
}

#productModal .product-modal-product-title {
	display: block;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 0.2rem;
}

#productModal .product-modal-product-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.4rem;
	font-size: 0.72rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.35;
}

#productModal .product-modal-product-meta-label {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.62rem;
	letter-spacing: 0.03em;
	margin-right: 0.15rem;
}

#productModal .product-modal-product-meta-sep {
	color: var(--bs-secondary-color, #adb5bd);
	font-weight: 600;
}

#productModal .product-modal-amount-cell {
	width: 4rem;
}

#productModal .product-modal-amount-value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
}

body[data-theme=dark] #productModal .product-modal-amount-value {
	color: var(--bs-body-color, #fefefe);
}

#productModal #productBundleTable tbody tr:hover {
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] #productModal #productBundleTable tbody tr:hover {
	background: rgba(255, 255, 255, 0.03);
}

#productModal #productBundleTable .product-modal-product-cell {
	min-width: 12rem;
}

#productModal #productBundleTable .product-modal-table-cell--action {
	width: 3.5rem;
}

#productModal .product-modal-table-remove-btn {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.72;
	transition: opacity 0.15s ease;
}

#productModal .product-modal-table-remove-btn:hover,
#productModal .product-modal-table-remove-btn:focus {
	opacity: 1;
}

#productModal .product-modal-delivery-info {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

#productModal .product-modal-delivery-partner {
	display: flex;
	align-items: center;
	min-height: 1.5rem;
}

#productModal .product-modal-delivery-partner-name {
	font-weight: 500;
	font-size: 0.84rem;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

body[data-theme=dark] #productModal .product-modal-delivery-partner-name {
	color: var(--bs-body-color, #fefefe);
}

#productModal .product-modal-delivery-logo-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 5.5rem;
	height: 1.75rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.35rem;
	padding: 0.2rem 0.35rem;
}

body[data-theme=dark] #productModal .product-modal-delivery-logo-wrap {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.1);
}

#productModal .product-modal-delivery-logo {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

#productModal .product-modal-delivery-reference {
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.35;
}

#productModal .product-modal-delivery-type {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(0, 0, 0, 0.04);
	padding: 0.22rem 0.5rem;
	border-radius: 999px;
	white-space: nowrap;
}

body[data-theme=dark] #productModal .product-modal-delivery-type {
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.72);
}

#productModal .product-modal-compact-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.2;
	padding: 0.22em 0.55em;
	border-radius: 999px;
	white-space: nowrap;
}

#productModal .product-modal-compact-badge--info {
	color: #0d6efd;
	background: rgba(13, 110, 253, 0.12);
}

#productModal .product-modal-compact-badge--success {
	color: #198754;
	background: rgba(25, 135, 84, 0.12);
}

#productModal .product-modal-compact-badge--warning {
	color: #b78103;
	background: rgba(239, 181, 64, 0.18);
}

#productModal .product-modal-compact-badge--danger {
	color: #d9534f;
	background: rgba(217, 83, 79, 0.12);
}

#productModal .product-modal-compact-badge--secondary {
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] #productModal .product-modal-compact-badge--info {
	color: #6ea8fe;
	background: rgba(110, 168, 254, 0.16);
}

body[data-theme=dark] #productModal .product-modal-compact-badge--success {
	color: #75d799;
	background: rgba(117, 215, 153, 0.14);
}

body[data-theme=dark] #productModal .product-modal-compact-badge--warning {
	color: #f0c674;
	background: rgba(239, 181, 64, 0.2);
}

body[data-theme=dark] #productModal .product-modal-compact-badge--danger {
	color: #ea868f;
	background: rgba(234, 134, 143, 0.16);
}

body[data-theme=dark] #productModal .product-modal-compact-badge--secondary {
	color: rgba(255, 255, 255, 0.72);
	background: rgba(255, 255, 255, 0.08);
}

#productModal #productDeliveriesTable tbody tr:hover {
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] #productModal #productDeliveriesTable tbody tr:hover {
	background: rgba(255, 255, 255, 0.03);
}

#productModal #productDeliveriesTable .product-modal-delivery-type-cell {
	width: 1%;
	white-space: nowrap;
}

#productModal #productDeliveriesTable .product-modal-delivery-cell {
	min-width: 9rem;
}

#productModal #productDeliveriesTable .product-modal-status-cell,
#productModal #productDeliveriesTable .product-modal-processed-cell {
	width: 1%;
	white-space: nowrap;
}

#productModal .product-modal-order-cell,
#productModal .product-modal-customer-cell {
	min-width: 9rem;
}

#productModal .product-modal-order-info {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
}

#productModal .product-modal-order-logo-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3.25rem;
	height: 2rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.35rem;
	padding: 0.2rem 0.3rem;
}

body[data-theme=dark] #productModal .product-modal-order-logo-wrap {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.1);
}

#productModal .product-modal-order-logo-wrap .channel-logo {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	background: transparent;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

#productModal .product-modal-order-copy {
	min-width: 0;
	flex: 1;
}

#productModal .product-modal-order-id {
	display: inline-block;
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 0.1rem;
}

#productModal .product-modal-order-meta {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	font-size: 0.72rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.35;
}

#productModal .product-modal-order-store {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 10rem;
}

#productModal .product-modal-customer-name {
	font-weight: 500;
	font-size: 0.84rem;
	line-height: 1.35;
}

#productModal .product-modal-customer-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.4rem;
	font-size: 0.72rem;
	color: var(--bs-secondary-color, #6c757d);
	margin-top: 0.15rem;
	line-height: 1.35;
}

#productModal .product-modal-customer-meta-sep {
	color: var(--bs-secondary-color, #adb5bd);
	font-weight: 600;
}

#productModal .product-modal-customer-flag .fi {
	font-size: 0.85rem;
	border-radius: 0.1rem;
}

#productModal .product-modal-order-total {
	font-weight: 600;
	font-size: 0.84rem;
	white-space: nowrap;
}

#productModal .product-modal-stock-deduction {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 0.2rem;
	min-width: 0;
}

#productModal .product-modal-stock-deduction-hint {
	font-size: 0.68rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.3;
	text-align: center;
	max-width: 8rem;
}

#productModal .product-modal-stock-deduction-info {
	margin-left: 0.2rem;
}

#productModal #productOpenOrdersTable tbody tr:hover {
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] #productModal #productOpenOrdersTable tbody tr:hover {
	background: rgba(255, 255, 255, 0.03);
}

#productModal #productOpenOrdersTable .product-modal-status-cell,
#productModal #productOpenOrdersTable .product-modal-stock-deduction-cell {
	width: 1%;
	white-space: nowrap;
}

#productModal #productOpenOrdersTable .product-modal-table-cell--action {
	width: 3rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

#productModal .product-modal-table-actions-btn {
	min-width: 44px;
	min-height: 44px;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--bs-secondary-color, #adb5bd);
	box-shadow: none !important;
	line-height: 1;
	transition: background 0.15s ease, color 0.15s ease;
}

#productModal .product-modal-table-actions-btn i {
	font-size: 0.72rem;
}

#productModal .product-modal-table-actions-btn:hover,
#productModal .product-modal-table-actions-btn:focus,
#productModal .product-modal-table-actions-btn.show {
	background: rgba(0, 0, 0, 0.06);
	color: var(--bs-gray-700, #495057);
}

body[data-theme=dark] #productModal .product-modal-table-actions-btn:hover,
body[data-theme=dark] #productModal .product-modal-table-actions-btn:focus,
body[data-theme=dark] #productModal .product-modal-table-actions-btn.show {
	background: rgba(255, 255, 255, 0.1);
	color: var(--bs-body-color, #fefefe);
}

#productModal #productOpenOrdersTable tbody tr:hover .product-modal-table-actions-btn {
	color: var(--bs-gray-600, #6c757d);
}

#productModal .product-modal-table-actions-btn.dropdown-toggle::after {
	display: none;
}

#productModal #productOpenOrdersTable .dropdown-menu {
	min-width: 11rem;
	font-size: 0.84rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.1);
}

body[data-theme=dark] #productModal #productOpenOrdersTable .dropdown-menu {
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.35);
}

#productModal #productOpenOrdersTable .dropdown-item {
	padding: 0.45rem 0.85rem;
	font-size: 0.84rem;
}

#productModal #productOpenOrdersTable .dropdown-item i {
	width: 1rem;
	text-align: center;
	font-size: 0.78rem;
	color: var(--bs-secondary-color, #6c757d);
}

#productModal #productOpenOrdersTable .dropdown-item.text-danger,
#productModal #productOpenOrdersTable .dropdown-item.text-danger i {
	color: #d9534f;
}

#productModal .product-inventory-tabs .dataTables_wrapper .dataTables_filter input,
#productModal .product-inventory-tabs .dataTables_wrapper .dt-buttons .btn {
	min-height: 2rem;
}

@media (max-width: 767.98px) {
	.pim-product-modal .pim-product-modal-hero-secondary {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.3rem;
	}

	.pim-product-modal-hero-secondary:has(#productHeroTasksWrap:not(.d-none)) #productHeroTasksWrap {
		padding-left: 0;
		border-left: 0;
		width: 100%;
		overflow-x: auto;
	}
}

.sync_modus_select {
	display: block;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	color: #444;
	line-height: 1.3;
	padding: 7px 0 7px 15px;
	width: 150px;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	margin: 0 15px 0 0;
}

/* Hide arrow icon in IE browsers */
.sync_modus_select::-ms-expand {
	display: none;
}

/* Hover style */
.sync_modus_select:hover {
	border-color: #888;
}

/* Focus style */
.sync_modus_select:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

/* Set options to normal weight */
.sync_modus_select option {
	font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .sync_modus_select,
:root:lang(ar) .sync_modus_select,
:root:lang(iw) .sync_modus_select {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.sync_modus_select:disabled,
.sync_modus_select[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.day-list {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
}

.day-list .sudo-company-item {
	width: 100%;
	border-radius: 3px;
	padding: 10px;
	margin: 5px 0;
	background: white;
}

.scroll-wrapper-sudo {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 0 0 20px 0;
}

.order-product-img-small {
	max-height: 40px;
	background-color: white;
	border-radius: 7.5px;
}

.channel-icon-small {
	max-height: 45px;
	max-height: 40px;
	background-color: white;
	border-radius: 7.5px;
}

#recent-orders {
	background: white;
}

.fulfillment-logo {
	width: 100%;
	padding: 0 0;
}

.center-card {
	padding: 10px 15px;
}

.ui-front {
	z-index: 9999999 !important;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 7px 10px;
	border-radius: 7.5px;
}

.img_request_form {
	max-width: 50% !important;
}

.map-height-static {
	height: 400px;
}

.center_item {
	border: solid 1px #e9edf3;
	border-radius: .3rem;
	background: white;
	display: block;
	position: relative;
	left: 0;
	right: 0;
	margin: 15px 0 0 0;
	cursor: pointer;
}

.center_item:first-child {
	margin: 0 0 0 0;
}

.center_item.active {
	border-left: solid 3px var(--primary) !important;
}

.dt-responsive {
	width: 100% !important;
	max-width: 100% !important;
}

#all-requests-products td {
	text-align: center;
}

#all-requests-products td:nth-child(2) {
	text-align: left;
}

.nice-small-number-input {
	position: relative;
	display: inline-block;
	width: 50px;
}

.approve_icon_button {
	display: inline-block;
	position: relative;
	padding: 0 0;
	font-size: 32px;
	margin: -15px 0 -5px 0;
	bottom: -7.5px;
	cursor: pointer;
}

#center-prices-table td {
	cursor: pointer;
}

.approve_icon_button.text-success:hover {
	color: black !important;
}

.approve_icon_button.text-danger:hover {
	color: black !important;
}

.qrcode,
.outbound_qrcode,
.inbound_qrcode {
	width: 55%;
	margin: 0 auto;
	text-align: center;
}

.steps-footer {
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 750px;
	bottom: 0;
	border-radius: 5px 5px 0 0;
}

.trial-footer {
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 632px;
	max-width: 90%;
	bottom: 0;
	border-radius: 5px 5px 0 0;
	z-index: 1;
}

#display_trial .first-wrapper {
	position: relative;
	display: inline-block;
	width: 20%;
	text-align: center;
	padding-right: 15px;
}

#display_trial .second-wrapper {
	position: relative;
	display: inline-block;
	width: 49%;
	padding-left: 10px;
}

#display_trial .third-wrapper {
	position: relative;
	display: inline-block;
	width: 29%;
	text-align: center;
}

#display_trial {
	border-radius: 7.5px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	padding: 0px 0px !important;
	border: solid 0px transparent;
}

#display_trial p {
	display: inline-block;
}

#dealDiscount {
	font-size: 32px;
	padding-right: 0px;
	top: -5px;
	position: relative;
	font-weight: 600;
}

#display_trial span {
	font-size: 14px;
}

#display_trial h2 {
	font-size: 16px;
	margin-bottom: 2.5px;
	padding-top: 5px;
}

#display_trial .badge {
	padding: 5px 20px !important;
	font-weight: 600;
}

.text-success {
	color: #37C396 !important;
}

.setup-content {
	width: 100%;
}

.setup-panel .list-group-item-heading {
	padding: 10px 0 0 10px;
	margin-bottom: 0;
}

.setup-panel .list-group-item-text {
	padding: 0 0 10px 10px;
	margin-bottom: 0;
}

.setup-panel {
	width: 100%;
	position: relative;
}

.setup-panel li {
	border-radius: 3px;
	width: 32%;
	margin: 0.666%;
	background: #fff;
	position: relative;
	padding: 5px 10px;
}

.setup-panel .active {
	border-radius: 3px;
	background: var(--primary);
	color: var(--primary-btn-color);
}

.setup-panel .active .list-group-item-heading,
.setup-panel .active .list-group-item-text {
	color: var(--primary-btn-color);
}

.content-wrapper {
	background: #fff;
	max-width: 400px;
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	padding: 15px 10px;
	border-radius: 7.5px;
}

.switch-toggle {
	width: 270px;
}

.switch-toggle label:not(.disabled) {
	cursor: pointer;
}

.switch-toggle.switch-candy {
	background: transparent;
	box-shadow: none;
	margin-top: -10px;
	margin-bottom: -10px;
	font-size: 14px;
	text-align: right;
	z-index: 999;
}

.switch-toggle.switch-candy label {
	background: #ddd;
	color: #858796;
	text-shadow: none;
	padding: 0 10px;
}

.switch-candy input:checked+label {
	color: var(--primary-btn-color);
	background: var(--primary);
}

.footer-checked-step-indicator {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 7px;
	font-size: 28px;
	color: var(--success);
}

.active .footer-checked-step-indicator {
	color: #fff;
}

.change-height-mobile-screen,
.product-synced-corrected-stock {
	overflow: hidden;
}

#productModal .change-height-mobile-screen.product-inventory-tabs {
	overflow-x: auto;
	overflow-y: visible;
	min-height: fit-content;
}

#productModal .product-inventory-tabs .card-overflow {
	overflow-x: auto;
	overflow-y: auto;
	max-height: min(52vh, 460px);
	-webkit-overflow-scrolling: touch;
}

#productModal .product-inventory-tabs .dataTables_scrollBody {
	overflow-x: auto !important;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}

#productModal .product-inventory-tabs .dataTables_scrollBody::-webkit-scrollbar {
	display: block;
	height: 6px;
}

@media (max-width: 600px) {
	#inventory_log_wrapper {
		display: none;
	}

	.change-height-mobile-screen {
		height: auto !important;
	}
}

@media (max-width: 1200px) {

	.map-height-static {
		height: auto;
	}

}

.card-overflow {
	overflow-y: scroll;
}

.swal2-actions {
	z-index: 0 !important;
}

.swal2-container {
	z-index: 999999999 !important;
}

.product-inventory-tabs {
	margin-top: -2px;
	border-radius: 0 0 5px 5px !important;
	border: solid 2px #eee;
	background-color: var(--bs-card-bg)
}

.nav-tabs {
	border-bottom: 0px #e9edf3 solid;
}

.nav-tabs .nav-link {
	border-bottom: 0px #e9edf3 solid !important;
	padding: 10px;
	border: 2px #e9edf3 solid;
	background: #eee;
	font-weight: 600;
}

.nav-tabs .nav-link h4 {
	color: var(--primary);
	padding: 5px;
	font-size: 16px;
}

.nav-tabs .nav-link.active {
	background-color: #fff !important;
	border-color: #e9edf3 !important;
	border-bottom: 0px !important;
	color: var(--primary) !important;
}

.card-overflow::-webkit-scrollbar {
	display: none;
}

.cursor-pointer {
	cursor: pointer !important;
}

.custom-stock-badge-width {
	min-width: 40px;
}

.text-vertical-center {
	display: flex;
	align-items: center;
	/* Vertical center alignment */
	justify-content: center;
	/* Horizontal center alignment */
}

.shipment-method {
	cursor: pointer;
	padding: 1px;
	border: 3px solid transparent;
}

/* Modern order filter cards - default border */
.order-filter-card.shipment-method {
	border: 2px solid #fff !important;
	border-radius: 12px;
	padding: 0;
	height: auto;
}
body[data-theme=dark] .order-filter-card.shipment-method {
	border: 2px solid var(--order-card-border) !important;
}

.shipment-method-active {
	border: 5px solid var(--primary) !important;
	border-radius: 3px;
	padding: 0 !important;
}

/* Ensure active state works with new order-filter-card design */
.order-filter-card.shipment-method-active,
.shipment-method.order-filter-card.shipment-method-active,
body[data-theme=dark] .order-filter-card.shipment-method.shipment-method-active {
	border: 2px solid var(--primary) !important;
	border-radius: 12px !important;
	padding: 0 !important;
}

.marketplace-tile {
	cursor: pointer;
	padding: 1px;
	border: 5px solid transparent;
	padding: 0 !important;
}

.marketplace-tile-active {
	border: 5px solid var(--primary);
	border-radius: 3px;
	padding: 0 !important;
}

.category-title {
	color: #808080;
	font-size: 20px;
}

.order-product-count-indicator {
	font-size: 14px;
}

.order-shippingmethod-title {
	font-size: 14px;
    max-height: 35px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.order-shippingmethod-title::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.order-shippingmethod-price {
	font-size: 12px !important;
}

.table-hover tbody tr {
	cursor: pointer;
}

.progress {
	background-color: #e2e6ec;
	border-radius: 10px;
}

.label-delivery {
	border-collapse: separate;
	border-spacing: 0 3px;
}

.label-status {
	border-collapse: separate;
	border-spacing: 0 7px;
}

.discount {
	color: #37C396;
	font-weight: 600;
	font-size: 16px;
	position: absolute;
	top: -40px;
	white-space: nowrap;
	left: 23px;
	display: flex;
	flex-direction: column;
}

.discount svg {
	position: relative;
	order: 2;
	left: 14px;
}

.card-body {
	-ms-overflow-style: none;
	/* Internet Explorer 10+ */
	scrollbar-width: none;
	/* Firefox */
}

.card-body::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.bootstrap-tagsinput .tag {
	color: #000;
}

.bootstrap-tagsinput .tag {
	color: var(--primary-btn-color);
	background-color: var(--primary);
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 20px;
	line-height: 30px;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
	content: "×";
	font-size: 16px;
	padding: 0 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #eff2f6;
	border-color: #eff2f6;
	color: #000;
	border-radius: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 4.5px;
	white-space: normal;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #000;
	border-right: 1px dotted #ccc;
	font-size: 16px;
	margin-top: -2px;
	padding-right: 5px;
	height: 28px;
	width: 19px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {
	content: "×";
	position: relative;
	top: -2px;
	font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	width: auto;
	float: left;
}

.select2-container--default .select2-selection--multiple {
	border: solid 1px var(--bs-border-color);
	height: auto;
	border-radius: 2.5px;
	min-height: 33px;
}

#datatable-orders_length {
	display: inline-block;
	padding-right: 25px;
}

#datatable-orders_filter {
	float: right;
}

#datatable-select-products_length {
	padding-right: 25px;
}

#datatable-select-products_filter {
	float: right;
}

#datatable-shipment-labels_length {
	padding-right: 25px;
}

#datatable-shipment-labels_filter {
	float: right;
}

#datatable-returns_length {
	padding-right: 25px;
}

#datatable-returns_filter {
	float: right;
}

#all-requests-products_length {
	padding-right: 25px;
}

#all-requests-products_filter {
	float: right;
}

#datatable-fbc-products_length {
	padding-right: 25px;
}

#datatable-fbc-products_filter {
	float: right;
}

#outboundTable_length {
	padding-right: 25px;
}

#outboundTable_filter {
	float: right;
}

#datatableSellers_length {
	padding-right: 25px;
}

#datatableSellers_filter {
	float: right;
}

#sellerOrdersTable_length {
	padding-right: 25px;
}

#sellerOrdersTable_filter {
	float: right;
}

#sellerReturnsTable_length {
	padding-right: 25px;
}

#sellerReturnsTable_filter {
	float: right;
}

#sellerStorageTable_length {
	padding-right: 25px;
}

#sellerStorageTable_filter {
	float: right;
}

#datatable-products_length {
	display: inline-block;
}

#datatable-products_filter {
	float: right;
}

.container-fluid>.row {
    padding-left: 6px;
    padding-right: 6px;
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
	border: solid 2px #eee;
	border-bottom: 0px;
	border-radius: 5px 5px 0px 0px;
}

.dropdown-menu {
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
}

.morris-hover.morris-default-style {
	background: white;
	border-radius: 7.5px;
	color: #000;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
}

.popover {
	border-radius: 0px;
	background-color: white;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	max-width: 500px;
}

.popover .disabled {
	display: none;
}

.popover .btn {
	font-size: 14px;
}

.popover-title {
	background-color: white;
	margin: 0;
	padding: 10px 15px;
	font-size: 20px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
	font-weight: 600;
}

.popover-content {
	padding: 10px 15px;
}

.tour-backdrop {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.5);
}

.dropdown-menu {
	min-width: 12rem !important;
}

.dropdown-menu-end {
	border-radius: 7px;
	border: 1px solid #e0e0e0;
}

/* The side navigation menu */
.settingsNav {
	height: 100%;
	/* 100% Full-height */
	width: 300px;
	/* 0 width - change this with JavaScript */
	position: fixed;
	/* Stay on top */
	top: 0;
	/* Stay at the top */
	right: -300px;
	background-color: var(--bs-body-bg);
	/* Black*/
	overflow-x: hidden;
	/* Disable horizontal scroll */
	padding-top: 60px;
	/* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidenav */
	z-index: 9;
}

/* Position and style the close button (top right corner) */
.settingsNav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

/* On smaller screens, where height is less than 450px, change the style of the settingsNav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.settingsNav {
		padding-top: 15px;
	}

	.settingsNav a {
		font-size: 18px;
	}
}

.inbox_people {
	background: var(--bs-body-bg) none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 30%;
	border-right: 3px solid #e9edf3;
}

.inbox_msg {
	border: 2px solid #e9edf3;
	clear: both;
	overflow: hidden;
}

.top_spac {
	margin: 20px 0 0;
}

.recent_heading {
	float: left;
	width: 40%;
}

.srch_bar {
	display: inline-block;
	width: 100%;
}

.headind_srch {
	padding: 20px 19px 20px 10px;
	overflow: hidden;
	/* border-bottom:2px solid #e9edf3; */
	text-align: center;
	font-size: 18px;
}

.recent_heading h4 {
	color: var(--primary);
	font-size: 21px;
	margin: auto;
}

.srch_bar input {
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #707070;
	font-size: 18px;
}

.srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.chat_ib .badge.badge-danger {
	position: absolute;
	top: 10px;
	right: 10px;
}

.chat_ib h5 {
	font-size: 1 5px;
	color: #464646;
	margin: 0 0 8px 0;
}

.chat_ib h5 span {
	font-size: 13px;
	position: absolute;
	right: 10px;
	bottom: 7.5px;
}

.chat_ib p {
	font-size: 14px;
	color: #989898;
	margin: auto;
	padding-right: 30px;
}

.chat_img {
	float: left;
	width: 11%;
	max-width: 45px;
}

.chat_img img,
.incoming_msg_img img {
	max-width: 100%;
}

.chat_ib {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
}

.chat_people {
	overflow: hidden;
	clear: both;
}

.chat_list {
	border: 4px solid #fff;
	margin: 10px 10px;
	padding: 15px;
	cursor: pointer;
	position: relative;
	background: white;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
}

.inbox_chat {
	height: calc(100vh - 267px);
	overflow-y: scroll;
}

.active_chat {
	background: #fff;
	border: 4px solid var(--primary);
	border-radius: 0px;
}

.incoming_msg_img {
	display: inline-block;
	width: 6%;
	max-width: 40px;
}

.received_msg {
	display: inline-block;
	padding: 0 0 5px 10px;
	vertical-align: top;
	width: 92%;
}

.received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 10px 10px 10px 10px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: auto;
	display: inline-block;
}

.time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.see_status {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 0px 0 0;
	/* float: right; */
}

.received_withd_msg {
	width: 57%;
}

.mesgs {
	float: left;
	padding: 0px;
	width: calc(70%);
}

.sent_msg p {
	background: var(--primary) none repeat scroll 0 0;
	border-radius: 10px 10px 10px 10px;
	font-size: 14px;
	margin: 0;
	color: var(--primary-btn-color);
	padding: 5px 10px 5px 12px;
	width: auto;
	display: inline-block;
	text-align: left;
}

.outgoing_msg {
	overflow: hidden;
	margin-bottom: 5px;
}

.sent_msg {
	float: right;
	text-align: right;
	width: 46%;
}

.write_msg {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: solid 0px #e9edf3;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 83px;
	width: 100%;
	padding: 10px 10px 0px 10px;
}

.type_msg {
	border-top: 3px solid #e9edf3;
	position: relative;
}

.messaging:not(#messages-page) {
	padding: 0 0 50px 0;
}

.msg_history {
	overflow-y: auto;
	padding: 0px 20px 20px 20px;
}

.chat-mega-string {
	position: relative;
	padding: 30px 0px;
	font-size: 18px;
	text-align: center;
}

.shipmentContactInfoForm {
	padding: 7.5px 25px;
	-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
	border-width: 2px;
}

.shipmentContactInfoForm .col-6,
.shipmentContactInfoForm .col-12,
.shipmentContactInfoForm .col-3 {
	padding-right: 5px;
	padding-left: 5px;
}


input[type="checkbox"].nice-checkbox::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--primary);
	/* Windows High Contrast Mode */
	background-color: CanvasText;
}

input[type="checkbox"].nice-checkbox:disabled::before {
	box-shadow: inset 1em 1em var(--form-control-disabled);
}

input[type="checkbox"].nice-checkbox:checked::before {
	transform: scale(1);
}

input[type="checkbox"].nice-checkbox {
	transform: scale(1.5);
	margin-top: -5px;
	border-color: var(--primary);
}

input[type="checkbox"].nice-checkbox:focus {
	outline: max(2px, 0.15em) solid var(--primary);
	outline-offset: max(2px, 0.15em);
}

input[type="checkbox"].nice-checkbox:disabled {
	--form-control-color: var(--form-control-disabled);
	color: var(--form-control-disabled);
	cursor: not-allowed;
	border-color: var(--form-control-disabled);
}

#attr_recommendations_wrapper input[type="text"].form-control:disabled {
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}

#attr_recommendations_wrapper input[type="text"].form-control:disabled {
	background-color: white;
	color: black;
}

/* On smaller screens, where height is less than 450px, change the style of the settingsNav (less padding and a smaller font size) */
@media screen and (max-width: 650px) {

	.inbox_people {
		width: 100%;
	}

	.inbox_chat {
		height: 40vh;
		margin-bottom: 20px;
	}

	.mesgs {
		width: 100%;
	}

}

.aos-init[data-aos][data-aos].aos-animate {
	transform: unset;
}

.tags-parent-wrapper .badge {
	font-size: 14px;
	padding: 7.5px 12.5px;
	float: left;
}

.product-tag-selector {
	position: relative;
	cursor: pointer;
	display: inline-block;
	-webkit-user-select: none;
	user-select: none;
	overflow: visible;
}

.product-modal-tags-wrapper {
	display: block;
	width: 100%;
	padding-left: 10px;
	margin-top: -7.5px;
}

#product-modal-tags {
	display: inline-block;
}

.product-modal-tag {
	position: relative;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}

.remove-product-tag {
	overflow: hidden;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	position: relative;
	top: 0px;
	font-size: 10px;
	padding-left: 5px;
	cursor: pointer;
	margin-left: -15px;
	opacity: 0;
}

.product-modal-tag:hover>.remove-product-tag {
	margin-left: 0px;
	opacity: 1;
}

.remove-tag {
	overflow: hidden;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	position: absolute;
	top: -5px;
	right: 0px;
	z-index: 9;
	cursor: pointer;
	opacity: 0;
	color: #fa5944 !important;
	font-size: 18px;
	background: white;
	border-radius: 50%;
}

.tag-buttons-inner-wrapper:hover>.remove-tag {
	opacity: 1;
}

.tag-buttons-inner-wrapper {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

.select2-container .select2-selection--multiple {
	border: 1px solid var(--bs-border-color) !important;
	-webkit-box-shadow: 0 0 20px 0 rgba(183, 190, 199, 0.15) !important;
	box-shadow: 0 0 20px 0 rgba(183, 190, 199, 0.15) !important;
    border-radius: 7.5px;
    font-weight: 600;
    color: #222;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-left: 10px;
}

.pageSettingBtn {
	position: fixed;
	width: 35px;
	height: 60px;
	top: 46vh;
	right: 0px;
	z-index: 9;
	background-color: var(--primary);
	color: var(--primary-btn-color);
	border-radius: 5px 0px 0px 5px;
	text-align: center;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.pageSettingBtn:hover {
	color: var(--primary-btn-color);
	width: 45px;
}

@media (max-width: 950px) {
	.pageSettingBtn {
		display: none !important;
	}
}

.add-channel-img {
	position: relative;
	width: auto;
	max-width: 100px;
	max-height: 50px;
	background-color: white;
	border-radius: 7.5px;
	padding: 5px;
}

.channel-img {
	position: relative;
	width: auto;
	max-width: 100px;
	max-height: 40px;
	background-color: white;
	border-radius: 7.5px;
}

.log-source-img {
	position: absolute;
	right: 0px;
	width: auto;
	max-width: 30%;
	max-height: 25px;
	top: 35px;
}

.alert {
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    border-radius: 7.5px;
    display: block;
}
.alert-primary>i.fas {
	color: var(--primary);
    margin-top: 0.125rem;
    flex-shrink: 0;
    font-size: 18px;
    margin-right: 10px;
}

.alert-primary {
	--bs-alert-color: var(--primary);
	--bs-alert-bg: rgba(var(--primary-rgb), 0.2);
	--bs-alert-border-color: rgba(var(--primary-rgb), 0.3);
}

.custom-checkbox .form-check-input[type="checkbox"] {
	width: 1.7em;
	height: 1.7em;
	margin-right: 1em;
}

.log-icon-top-right {
	position: absolute;
	top: -12px;
	right: -12.5px;
	font-size: 12px;
	border-radius: 0px 0px 0px 5px !important;
}

.add-channel-title {
	font-size: 16px;
	/* font-weight: bold; */
}

.dataTables_length,
.dataTables_info {
	display: inline-block;
	padding-right: 0px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}

.dataTables_info {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.dataTables_paginate {
	display: block;
	width: 100%;
	text-align: center;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	justify-content: center;
}

.dataTables_filter {
	float: right;
}

.home-card-button {
	border: solid 3px white;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.home-card-button h2,
.home-card-button h5 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.orderItemBundleChildsRow td,
.orderItemTableRow td {
	text-align: center;
}

.orderItemBundleChildsRow td {
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 0px;
}

.shadow {
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}

.dropdown-menu .status {
	padding: 5px 10px;
	font-size: 12px;
}
.dropdown-menu {
    border-radius: 10px;
    overflow: hidden;
}

.microphone {
	border-top-right-radius: 32px !important;
	border-bottom-right-radius: 32px !important;
	background-color: #fff
}

.google {
	border-top-left-radius: 32px !important;
	border-bottom-left-radius: 32px !important;
	background-color: #fff
}

.input-group-append {
	margin-left: -2px !important
}

.search-all-input {
	position: relative;
	float: right;
	width: 30%;
	max-width: 0px;

}

.search-all-input {
	width: 30%;
	max-width: 300px;
}

.ui-autocomplete-category {
	padding: 2.5px 10px;
	font-size: 12px;
	text-align: left;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	font-size: 12px;
	border-radius: 7.5px;
	margin-top: 0px;
	border: solid 1px rgba(255, 255, 255, 0.1);
	font-family: var(--font-family-monospace), sans-serif;
	font-weight: 500;
	text-align: left;
	border-bottom: solid 1px rgba(var(--bs-black-rgb), 0.1);
	max-height: 60vh;
	overflow: scroll;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-menu-item-wrapper {
	border-radius: 0px;
}



/* Mobile responsive fixes */
@media (max-width: 1300px) {
	.search-all-input {
		max-width: 160px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 1200px) {
	.search-all-input {
		max-width: 130px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 1190px) {
	.search-all-input {
		max-width: 200px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 1100px) {
	.search-all-input {
		max-width: 140px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 500px) {
	#bookDemoBtn {
		display: none;
	}
}


/* Mobile responsive fixes */
@media (max-width: 991px) {
	.search-all-input {
		position: relative;
		float: none;
		width: 100%;
		max-width: 100%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
}


table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
	padding: 10px 0px;
}

table.dataTable>tbody>tr.child span.dtr-title {
	display: block;
	min-width: 100%;
	font-weight: bold;
	font-size: 12px;
	color: #747a80;
}

#datatableOrdersPerApi tr td:first-child {
	text-align: center;
}


div.dataTables_wrapper div.dataTables_processing {
	border-radius: 25px;
	z-index: 10;
}

.handle-order-table thead {
	display: none !important;
}

.handle-order-table,
.handle-order-table tr,
.handle-order-table tbody {
	width: 100%;
}

.floating-top-handle-order-buttons-wrapper {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.floating-top-handle-order-buttons {
	position: relative;
	top: 0px;
	left: 0px;
	background: var(--bs-body-bg);
	z-index: 2;
}

.floating-top-handle-order-buttons .container {
	position: relative;
	top: 0px;
	width: 100%;
}


div.dataTables_wrapper div.dataTables_filter input {
	position: relative;
	top: 2.5px;
	right: 2.5px;
}

div.dataTables_scrollBody {
	border-left: 0px solid #ddd !important;
	/* Hide horizontal scrollbar */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

div.dataTables_scrollBody::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.dataTables_scroll {
	padding-bottom: 10px;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.sidebar-brand {
	padding: 15px 20px 1.5rem;
}

.sidebar-brand .logo {
	max-width: 90%;
	max-height: 60px !important;
}

.sidebar-item {
	background-color: transparent;
}

/* Sidebar menu — pill-style nav items (rounded highlight, no accent border) */
.sidebar-nav>.sidebar-item:hover,
.sidebar-nav>.sidebar-item.active {
	background-color: transparent;
}

body:not([data-sidebar-behavior=compact]) .sidebar-nav > .sidebar-item {
	margin: 1px 12px;
}

body:not([data-sidebar-behavior=compact]) .sidebar-nav > .sidebar-item > .sidebar-link {
	border-radius: 10px;
	padding: 0.55rem 0.875rem;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

/* Flex layout: icon — label — badge pushed to the right, all vertically centered */
body:not([data-sidebar-behavior=compact]) .sidebar-nav .sidebar-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 38px;
	font-size: 0.825rem;
	font-weight: 500;
	line-height: 1.25;
}

#sidebar .sidebar-nav .sidebar-link svg,
#sidebar .sidebar-nav .sidebar-link .feather {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

#sidebar .sidebar-nav .sidebar-link i.bx,
#sidebar .sidebar-nav .sidebar-link i.font-size-18 {
	font-size: 18px !important;
	line-height: 1;
	flex-shrink: 0;
}

/* CRM menu icons carry an inline top offset hack — neutralize it now that flex centers them */
body:not([data-sidebar-behavior=compact]) .sidebar-nav .sidebar-link i.bx {
	top: 0 !important;
}

body:not([data-sidebar-behavior=compact]) .sidebar-nav .sidebar-link[data-bs-toggle=collapse] {
	padding-right: 2.1rem;
}

body:not([data-sidebar-behavior=compact]) .sidebar-nav .sidebar-link .badge {
	margin-left: auto !important;
	margin-right: 0 !important;
	float: none;
}

/* Sub menus — indented under the parent icon center with a guide line and compact pills */
body:not([data-sidebar-behavior=compact]) .sidebar-nav > .sidebar-item > .sidebar-dropdown {
	margin: 2px 0 6px calc(0.875rem + 9px);
	border-left: 1px solid var(--sidebar-nav-guide);
}

body:not([data-sidebar-behavior=compact]) .sidebar-nav > .sidebar-item > .sidebar-dropdown > .sidebar-item {
	margin: 1px 0 1px 0.5rem;
}

body:not([data-sidebar-behavior=compact]) .sidebar-nav > .sidebar-item > .sidebar-dropdown .sidebar-link {
	border-radius: 8px;
	padding: 0.45rem 0.75rem;
	min-height: 36px;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

/* Nested items — one step smaller than parent tier; weight differentiates depth */
#sidebar .sidebar-dropdown .sidebar-link {
	font-size: 0.75rem;
	font-weight: 400;
}

#sidebar .sidebar-dropdown .sidebar-item.active > .sidebar-link {
	font-weight: 500;
}

/* Submenu links — text only (icons live on section headers) */
#sidebar .sidebar-section-item .sidebar-link > svg,
#sidebar .sidebar-section-item .sidebar-link > .feather,
#sidebar .sidebar-section-item .sidebar-link > i.bx,
#sidebar .sidebar-section-item .sidebar-link > i.font-size-18,
#sidebar .sidebar-dropdown .sidebar-link > svg,
#sidebar .sidebar-dropdown .sidebar-link > .feather,
#sidebar .sidebar-dropdown .sidebar-link > i.bx,
#sidebar .sidebar-dropdown .sidebar-link > i.font-size-18 {
	display: none !important;
}

body:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item.is-section-open.sidebar-item {
	margin: 0 12px 0 calc(12px + 0.875rem + 8px);
	padding-left: 0.5rem;
	border-left: 1px solid var(--sidebar-nav-guide);
}

#sidebar .sidebar-section-item .sidebar-link {
	gap: 0;
	min-height: 34px;
	padding: 0.4rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 400;
}

#sidebar .sidebar-section-item.active > .sidebar-link,
#sidebar .sidebar-section-item .sidebar-dropdown .sidebar-item.active > .sidebar-link {
	font-weight: 500;
}

body:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item > .sidebar-link[data-bs-toggle=collapse] {
	padding-right: 1.75rem;
}

body:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item > .sidebar-dropdown {
	margin: 2px 0 6px calc(0.75rem + 9px);
	padding: 0 0 0.25rem 0.5rem;
	border-left: 1px solid var(--sidebar-nav-guide);
}

body[data-theme=dark]:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item > .sidebar-dropdown {
	border-left-color: var(--sidebar-nav-guide);
}

body:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item > .sidebar-dropdown > .sidebar-item {
	margin: 1px 0 1px 0.5rem;
}

#sidebar .sidebar-section-item .sidebar-dropdown .sidebar-link {
	min-height: 32px;
	padding: 0.35rem 0.75rem;
}

body:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item.is-section-collapsed {
	display: none;
}

/* Dark menu backgrounds need lighter pills; light menus use darker overlays */
body[data-menu-tone="dark"] {
	--menu-item-hover-bg: rgba(255, 255, 255, 0.08);
	--menu-item-active-bg: rgba(255, 255, 255, 0.14);
}

body[data-menu-tone="light"] {
	--sidebar-nav-fg-muted: color-mix(in srgb, var(--menu-text-color) 50%, #fff);
}

/* When a sub menu is open, the parent loses its pill — the active child carries the highlight */
#sidebar .sidebar-nav > .sidebar-item.active > .sidebar-link[data-bs-toggle=collapse]:not(.collapsed) {
	background-color: transparent;
}

#sidebar .sidebar-nav > .sidebar-item.active > .sidebar-link[data-bs-toggle=collapse]:not(.collapsed):hover {
	background-color: var(--menu-item-hover-bg);
}

#sidebar .sidebar-nav > .sidebar-item > .sidebar-link:hover,
#sidebar .sidebar-dropdown .sidebar-item .sidebar-link:hover {
	background-color: var(--menu-item-hover-bg);
}

#sidebar .sidebar-nav > .sidebar-item.active > .sidebar-link,
#sidebar .sidebar-dropdown .sidebar-item.active > .sidebar-link {
	background-color: var(--menu-item-active-bg);
}

/* Branding menu text color (overrides theme defaults; keeps pill hover backgrounds) */
#sidebar .sidebar-nav .sidebar-link,
#sidebar .sidebar-nav a.sidebar-link,
#sidebar .sidebar-nav .sidebar-link i,
#sidebar .sidebar-nav .sidebar-link svg,
#sidebar .sidebar-nav .sidebar-item .sidebar-link:hover,
#sidebar .sidebar-nav > .sidebar-item.active > .sidebar-link,
#sidebar .sidebar-dropdown .sidebar-link,
#sidebar .sidebar-dropdown .sidebar-item .sidebar-link:hover,
#sidebar .sidebar-dropdown .sidebar-item.active > .sidebar-link,
#sidebar .sidebar-nav .sidebar-item .sidebar-link:hover i,
#sidebar .sidebar-nav .sidebar-item .sidebar-link:hover svg,
#sidebar .sidebar-nav > .sidebar-item.active > .sidebar-link i,
#sidebar .sidebar-nav > .sidebar-item.active > .sidebar-link svg {
	color: var(--sidebar-nav-fg);
}

/* Dark mode link colors fall back to --sidebar-nav-fg tokens defined in darkmode.css */
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-link,
body[data-theme=dark][data-sidebar-behavior="compact"] #sidebar .sidebar-nav > .sidebar-item > .sidebar-link svg {
	color: var(--sidebar-nav-fg);
}

body[data-theme=dark] #sidebar .sidebar-header .btn,
body[data-theme=dark] #sidebar .sidebar-header .sidebar-order-usage {
	color: #fff;
}

/* Section headers — muted tint of menu text (non-collapsible widgets only) */
#sidebar .sidebar-header:not(.is-collapsible):not(.sidebar-section-direct-link) {
	text-transform: uppercase;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 1.5rem 1.625rem 0.375rem;
	color: var(--sidebar-nav-fg-muted);
}

/* Headers can also hold CTAs/widgets (trial button, order usage) — keep those in normal case */
#sidebar .sidebar-header .btn,
#sidebar .sidebar-header .sidebar-order-usage {
	text-transform: none;
	letter-spacing: normal;
	color: var(--sidebar-nav-fg);
}

#sidebar .sidebar-header .sidebar-order-usage {
	font-size: 0.825rem;
	font-weight: 400;
}

/* Collapsible sidebar section groups — primary nav tier */
#sidebar .sidebar-header.is-collapsible {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 2px 12px;
	padding: 0.55rem 0.875rem;
	border-radius: 10px;
	cursor: pointer;
	user-select: none;
	min-height: 38px;
	font-size: 0.825rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.25;
	color: var(--sidebar-nav-fg-muted);
	background: transparent;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

#sidebar .sidebar-nav > .sidebar-header.is-collapsible:first-child {
	margin-top: 0.25rem;
}

#sidebar .sidebar-header.is-collapsible.is-expanded {
	color: var(--sidebar-nav-fg);
	margin-bottom: 0.25rem;
}

#sidebar .sidebar-header.is-collapsible.has-active-section {
	color: var(--sidebar-nav-fg);
}

#sidebar .sidebar-header.is-collapsible:hover {
	background-color: var(--menu-item-hover-bg);
	color: var(--sidebar-nav-fg);
}

#sidebar .sidebar-header.is-collapsible.has-active-section {
	background-color: transparent;
}

#sidebar .sidebar-header.is-collapsible:focus-visible {
	outline: 2px solid var(--highlight-color, rgba(0, 119, 255, 0.5));
	outline-offset: -2px;
}

/* Single-item sections — header links directly, no nested row */
#sidebar .sidebar-header.sidebar-section-direct-link {
	display: block;
	margin: 2px 12px;
	padding: 0;
	cursor: default;
	min-height: 0;
}

#sidebar .sidebar-header.sidebar-section-direct-link .sidebar-section-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	min-height: 38px;
	padding: 0.55rem 0.875rem;
	border-radius: 10px;
	color: var(--sidebar-nav-fg-muted);
	text-decoration: none;
	font-size: 0.825rem;
	font-weight: 500;
	line-height: 1.25;
	text-transform: none;
	letter-spacing: normal;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

#sidebar .sidebar-header.sidebar-section-direct-link .sidebar-section-link:hover {
	background-color: var(--menu-item-hover-bg);
	color: var(--sidebar-nav-fg);
	text-decoration: none;
}

#sidebar .sidebar-header.sidebar-section-direct-link.has-active-section .sidebar-section-link {
	color: var(--sidebar-nav-fg);
}

#sidebar .sidebar-header.sidebar-section-direct-link .sidebar-section-link:focus-visible {
	outline: 2px solid var(--highlight-color, rgba(0, 119, 255, 0.5));
	outline-offset: -2px;
}

body:not([data-sidebar-behavior=compact]) #sidebar .sidebar-section-item-promoted {
	display: none !important;
}

#sidebar .sidebar-section-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	color: inherit;
	opacity: 0.85;
}

#sidebar .sidebar-header.is-collapsible.is-expanded .sidebar-section-icon,
#sidebar .sidebar-header.is-collapsible.has-active-section .sidebar-section-icon,
#sidebar .sidebar-header.is-collapsible:hover .sidebar-section-icon,
#sidebar .sidebar-header.sidebar-section-direct-link .sidebar-section-link:hover .sidebar-section-icon,
#sidebar .sidebar-header.sidebar-section-direct-link.has-active-section .sidebar-section-icon {
	opacity: 1;
}

#sidebar .sidebar-section-icon.font-size-18 {
	font-size: 15px !important;
	width: auto;
	height: auto;
	line-height: 1;
}

#sidebar .sidebar-section-icon.align-middle {
	margin-right: 0;
}

#sidebar .sidebar-section-label {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#sidebar .sidebar-header.is-collapsible .sidebar-beta-badge {
	margin-left: 0;
	flex-shrink: 0;
	font-size: 0.5rem;
	padding: 0.15rem 0.35rem;
}

#sidebar .sidebar-section-chevron {
	flex-shrink: 0;
	width: 0.35rem;
	height: 0.35rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
	transition: transform 0.2s ease, opacity 0.15s ease-in-out;
	opacity: 0.3;
	margin-left: auto;
}

#sidebar .sidebar-header.is-collapsible.is-expanded .sidebar-section-chevron {
	transform: rotate(45deg);
	margin-top: -1px;
	opacity: 0.5;
}

#sidebar .sidebar-header.is-collapsible:hover .sidebar-section-chevron {
	opacity: 0.45;
}

.feature-beta-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.1rem;
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1;
	padding: 0.2rem 0.4rem;
	min-width: 0;
	border-radius: 2rem;
	vertical-align: middle;
	color: var(--bs-warning, #e5a54b) !important;
	background-color: rgba(var(--bs-warning-rgb, 229, 165, 75), 0.15) !important;
}

.feature-beta-badge i {
	color: inherit !important;
	font-size: 0.5rem;
}

.page-header h1 .feature-beta-badge {
	margin-left: 0.5rem;
	font-size: 0.6875rem;
	padding: 0.25rem 0.5rem;
	vertical-align: middle;
}

#sidebar .sidebar-beta-badge,
#sidebar .sidebar-link .sidebar-beta-badge,
#sidebar .sidebar-header .sidebar-beta-badge {
	margin-left: 0.35rem;
}

#sidebar .sidebar-link .sidebar-beta-badge {
	margin-left: 0.35rem !important;
	margin-right: 0 !important;
	flex-shrink: 0;
}

#sidebar .sidebar-beta-badge i,
#sidebar .sidebar-link .sidebar-beta-badge i,
#sidebar .sidebar-header .sidebar-beta-badge i {
	color: inherit !important;
}

/* Collapse chevrons — point right when collapsed, down when expanded, vertically centered */
.sidebar [data-bs-toggle=collapse]:before {
	top: 50%;
	margin-top: -3px;
	transform: rotate(-45deg);
}

.sidebar [aria-expanded=true]:before,
.sidebar [data-bs-toggle=collapse]:not(.collapsed):before {
	top: 50%;
	margin-top: -4px;
	transform: rotate(45deg);
}

body:not([data-sidebar-behavior=compact]) .sidebar [data-bs-toggle=collapse]:before {
	right: 1rem;
}

/* Sidebar count badges — small neutral pills */
#sidebar .sidebar-link .badge {
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 0.1rem 0.45rem;
	min-width: 1.45rem;
	border-radius: 10rem;
}

/* Sidebar — account setup pinned to the bottom of the menu */
/* Stretch the scroll content so the item can be pushed down when the menu is short */
/* Same layout before and after SimpleBar init (theme only sets height on [data-simplebar]) */
#sidebar .sidebar-content {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* Full sidebar: pin the whole nav column while page content scrolls. */
@media (min-width: 992px) {
	body:not([data-kiosk="true"]):not([data-sidebar-behavior="compact"]) .wrapper > #sidebar {
		position: sticky;
		top: 0;
		align-self: flex-start;
		height: 100vh;
		height: 100dvh;
		max-height: 100dvh;
	}

	body:not([data-kiosk="true"]):not([data-sidebar-behavior="compact"]) .wrapper > #sidebar .sidebar-content {
		height: 100%;
		max-height: 100%;
	}

	/* Compact / mini sidebar: fixed-height rail with internal touch scroll;
	   flyouts are positioned fixed via JS so they are not clipped. */
	body:not([data-kiosk="true"])[data-sidebar-behavior="compact"] .wrapper > #sidebar {
		position: sticky;
		top: 0;
		align-self: flex-start;
		height: 100dvh;
		max-height: 100dvh;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		z-index: 20;
	}

	body[data-sidebar-behavior="compact"] .wrapper > #sidebar .sidebar-content {
		flex: 1 1 auto;
		min-height: 0;
		max-height: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		position: relative;
		top: auto;
		touch-action: pan-y;
	}

	body[data-sidebar-behavior="compact"] #sidebar .simplebar-wrapper {
		flex: 1 1 auto;
		min-height: 0;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	body[data-sidebar-behavior="compact"] #sidebar .simplebar-mask,
	body[data-sidebar-behavior="compact"] #sidebar .simplebar-offset,
	body[data-sidebar-behavior="compact"] #sidebar .simplebar-content-wrapper {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	body[data-sidebar-behavior="compact"] #sidebar .simplebar-horizontal,
	body[data-sidebar-behavior="compact"] #sidebar .simplebar-vertical {
		visibility: hidden !important;
	}

	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item > .sidebar-dropdown {
		z-index: 30;
	}

	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header > .sidebar-section-compact-flyout {
		z-index: 30;
	}

	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item:hover > .sidebar-dropdown.collapse:not(.show),
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-open > .sidebar-dropdown.collapse:not(.show),
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-positioned > .sidebar-dropdown.collapse:not(.show),
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header:hover > .sidebar-section-compact-flyout.collapse:not(.show),
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header.compact-flyout-open > .sidebar-section-compact-flyout.collapse:not(.show),
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header.compact-flyout-positioned > .sidebar-section-compact-flyout.collapse:not(.show) {
		display: block !important;
		height: auto !important;
		visibility: visible !important;
	}

	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item:hover > .sidebar-dropdown,
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-open > .sidebar-dropdown,
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-item.compact-flyout-positioned > .sidebar-dropdown,
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header:hover > .sidebar-section-compact-flyout,
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header.compact-flyout-open > .sidebar-section-compact-flyout,
	body[data-sidebar-behavior="compact"] .sidebar-nav > .sidebar-header.compact-flyout-positioned > .sidebar-section-compact-flyout {
		display: block !important;
	}
}

#sidebar .sidebar-content .simplebar-wrapper {
	flex: 1 1 auto;
	min-height: 0;
}

#sidebar .sidebar-content > .sidebar-nav,
#sidebar .simplebar-content > .sidebar-nav {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	margin-bottom: 0;
	min-height: 0;
}

#sidebar .simplebar-content {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

body .sidebar-nav > .sidebar-item.sidebar-account-setup {
	position: sticky;
	bottom: 0;
	z-index: 2;
	margin: auto 0 0;
	padding: 0.5rem 12px 0.75rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	background-color: var(--menu-bg-color, #fff);
}

.sidebar-account-setup .sidebar-link svg {
	color: var(--primary);
	opacity: 0.8;
}

.sidebar-account-setup:hover .sidebar-link svg,
.sidebar-account-setup .sidebar-link:hover svg {
	opacity: 1;
}

.tab .nav-tabs .nav-link {
	background-color: #eee;
	border-bottom: solid 2px rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
	margin-bottom: 0px;
}

#productModal .tab .nav-tabs .nav-link {
	margin-bottom: -2px;
}

.form-control,
.form-select {
	font-weight: 600;
	padding: 5px 12.5px;
	border-radius: 7.5px;
}

.form-select {
    border: 1px solid var(--bs-border-color);
}

.form-control[type="date"] {
    height: 33px;
    padding: 3.5px 12.5px;
}

.table>:not(:last-child)>:last-child>* {
	border-color: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 22px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-top: -4px;
}

.select2-container--default .select2-selection--multiple {
	padding: 0px;
	overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
	line-height: 28px;
	font-weight: 600;
	padding-left: 12px;
	padding-right: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent;
	margin-left: -10px;
	margin-top: 0px;
}

.modal-header {
	justify-content: start;
}

.modal-header,
.modal-footer {
	overscroll-behavior: contain;
}

div.dataTables_wrapper div.dataTables_length select {
	min-width: 65px;
}

div.dataTables_wrapper div.dataTables_filter input {
	border-radius: 100px;
	border-color: var(--bs-border-color);
}

div.dataTables_wrapper div.dataTables_filter label {
	padding-right: 10px;
}

.dataTables_length {
	padding-left: 10px;
	padding-right: 10px;
}

.page-item.disabled .page-link {
	background-color: transparent;
	border-color: transparent;
}

.dataTable thead>tr>th {
	border-bottom: solid 0px !important;
}

.dataTable tbody>tr>td {
	border-top: dotted 1px var(--bs-border-color) !important;
	border-bottom: solid 0px !important;
}

.notification-item {
	padding: 12px;
}

#newReturnOrderProductsModal .bootstrap-touchspin {
	width: 150px;
}

.bootstrap-touchspin-down,
.bootstrap-touchspin-up {
	height: 31px;
}

.bootstrap-touchspin .form-control {
	height: 31px;
}

.bootstrap-touchspin-down {
	border-radius: 3px 0px 0px 3px;
}

.bootstrap-touchspin-up {
	border-radius: 0px 3px 3px 0px;
}

.alert-icon {
	margin-right: -2px;
	z-index: 1;
}

table.dataTable>tbody>tr.selected>* {
	box-shadow: inset 0 0 0 0 transparent !important;
	color: #ddd !important;
}

/* Remove the icon pseudo-elements */
table.dataTable>tbody>tr>td.select-checkbox:before,
table.dataTable>tbody>tr>th.select-checkbox:before,
table.dataTable>tbody>tr.selected>td.select-checkbox:after,
table.dataTable>tbody>tr.selected>th.select-checkbox:after {
	content: none !important;
}

table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
	background-color: #9ae7bd !important;
	/* Choose your desired highlight color */
}

.card>.dataTables_wrapper .dataTables_info {
	padding-top: 0px;
	padding-bottom: 0px;
}

.progression-half-background-dark {
	z-index: -1;
}

#sidebar .sidebar-link,
#sidebar a.sidebar-link {
	font-size: 14px;
	font-weight: 600;
}

.intercom-lightweight-app-launcher {
	display: none;
}

.floating-btn {
	position: fixed;
	right: 12px;
	bottom: 19px;
	display: none;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #fff;
	color: #000;
	border-radius: 50%;
	text-decoration: none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 100;
	cursor: pointer;
}

.floating-btn:hover,
.floating-btn:active {
	background-color: #000;
}

.floating-btn svg {
	fill: #000;
}

.floating-btn:hover svg,
.floating-btn:active svg {
	fill: #fff;
}

@media (max-width: 767px) {

	.floating-top-handle-order-buttons div {
		text-align: center;
	}

	.floating-top-handle-order-buttons button {
		position: relative;
		margin: 0% 1% 1.5% 1% !important;
		float: none !important;
	}

	.dataTables_filter,
	.dataTables_length {
		width: 100%;
		text-align: center;
	}

	.dataTables_length {
		padding-bottom: 10px;
	}

	div.dataTables_wrapper div.dataTables_filter label {
		width: 100%;
		text-align: center;
	}

	div.dataTables_wrapper div.dataTables_filter input {
		width: 100%;
		text-align: left;
	}

	div.dt-buttons .btn-group {
		text-align: center;
		width: 100%;
	}

	.floating-btn {
		display: flex;
	}

	#pickPopupModalBody .list-group-item {
		padding: 5px;
	}

}

@media (max-width: 667px) {

	::-webkit-scrollbar {
		width: 0px !important;
	}

}

.bootstrap-tagsinput {
	width: 100%;
}

.select2-container {
	width: 100%;
}

.marketplace_attribute_tr .select2-container {
	min-width: 100%;
	max-width: 100%;
}

.marketplace_attribute_tr td {
    vertical-align: top;
}

/* PIM attributes: value + unit/type row — flex column must not shrink to 0 or Select2 (width:100%) becomes invisible */
.marketplace_attribute_tr td .row.flex-nowrap > .col.min-w-0 {
	min-width: 8rem;
}

/* PIM: attribute value selects — match text .form-control (must beat all-plugins.css height:28px on .select2-selection--single) */
.marketplace_attribute_tr select.form-select.form-control {
	min-height: calc(1.625em + 10px + 2px);
}

/* Keep Select2 as inline-block (default); display:block or flex on .select2-selection--single breaks dropdown/results layout */
#productModal .marketplace_attribute_tr .select2-container,
#marketplaceWizardModal .marketplace_attribute_tr .select2-container {
	width: 100% !important;
	vertical-align: top;
}

#productModal .marketplace_attribute_tr .select2-container--default .select2-selection--single,
#marketplaceWizardModal .marketplace_attribute_tr .select2-container--default .select2-selection--single,
.marketplace_attribute_tr .select2-container--default .select2-selection--single {
	min-height: calc(1.625 * 0.825rem + 10px + 2px) !important;
	height: auto !important;
	box-sizing: border-box;
}

#productModal .marketplace_attribute_tr .select2-container--default .select2-selection--single .select2-selection__rendered,
#marketplaceWizardModal .marketplace_attribute_tr .select2-container--default .select2-selection--single .select2-selection__rendered,
.marketplace_attribute_tr .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.625 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 12.5px !important;
	padding-right: 28px !important;
}

.marketplace_attribute_tr .select2-container--default .select2-selection--multiple {
	min-height: calc(1.625em + 10px + 2px);
}

.marketplace_attribute_tr .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12.5px;
	min-height: calc(1.625em + 10px + 2px);
}

.marketplace_attribute_tr .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
	margin-top: 2px;
	margin-bottom: 2px;
	min-height: calc(1.625em + 4px);
}

/* Listing wizard (#marketplaceWizardModal) sets .form-select { min-width: 0 }; restore a floor for attribute value controls */
#marketplaceWizardModal .marketplace_attribute_tr .form-select:not(.select2-hidden-accessible),
#marketplaceWizardModal .marketplace_attribute_tr .form-control {
	min-width: min(100%, 8rem);
}

/* PIM listing wizard + stock sync wizard — horizontal step indicator (matches seller/content.php marketplace wizard) */
.pim-wizard-stepper {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 0;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2px;
	scrollbar-width: thin;
}

.pim-wizard-stepper::-webkit-scrollbar {
	height: 4px;
}

.pim-wizard-stepper::-webkit-scrollbar-thumb {
	background: rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.35);
	border-radius: 4px;
}

.pim-wizard-stepper-item {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	min-width: 4.25rem;
	max-width: 6.5rem;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--bs-secondary-color);
	background: transparent;
	border: none;
	box-shadow: none;
	cursor: default;
	transition: color 0.2s ease, transform 0.15s ease;
}

.pim-wizard-stepper-item:focus-visible {
	outline: none;
}

.pim-wizard-stepper-item:focus-visible .pim-wizard-stepper-dot {
	box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 0, 119, 255), 0.35);
}

.pim-wizard-stepper-item.is-clickable {
	cursor: pointer;
}

.pim-wizard-stepper-item.is-clickable:hover:not(:disabled) .pim-wizard-stepper-dot {
	transform: scale(1.06);
}

.pim-wizard-stepper-item.is-clickable:hover:not(:disabled) .pim-wizard-stepper-label {
	color: var(--bs-primary);
}

.pim-wizard-stepper-item:disabled,
.pim-wizard-stepper-item.is-locked {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
}

.pim-wizard-stepper-item.is-active:disabled {
	opacity: 1;
	cursor: default;
	pointer-events: auto;
}

.pim-wizard-stepper-item.is-upcoming:not(:disabled):not(.is-locked) {
	opacity: 0.72;
}

.pim-wizard-stepper-dot {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--bs-secondary-color);
	background: var(--bs-body-bg);
	border: 2px solid rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.28);
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.pim-wizard-stepper-item.is-active .pim-wizard-stepper-dot {
	color: #fff;
	background: var(--bs-primary);
	border-color: var(--bs-primary);
	box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb, 0, 119, 255), 0.35);
}

.pim-wizard-stepper-item.is-done .pim-wizard-stepper-dot {
	color: #fff;
	background: var(--bs-success);
	border-color: var(--bs-success);
}

.pim-wizard-stepper-item.is-done.is-clickable .pim-wizard-stepper-dot::after {
	content: '\f00c';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 0.65rem;
	line-height: 1;
}

.pim-wizard-stepper-item.is-done.is-clickable .pim-wizard-stepper-dot {
	font-size: 0;
}

.pim-wizard-stepper-item.is-active .pim-wizard-stepper-label {
	color: var(--bs-primary);
}

.pim-wizard-stepper-item.is-done .pim-wizard-stepper-label {
	color: var(--bs-success);
}

.pim-wizard-stepper-label {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.68rem;
	font-weight: 600;
	color: inherit;
}

/* Stock sync + bulk stock sync wizards — align with PIM (#marketplaceWizardModal); products view has no content.php inline PIM styles */
#bulkStockSyncModal .modal-content.pim-wizard-modal-content {
	overflow: hidden;
	border-radius: 0.25rem;
}

#stockSyncModal .pim-wizard-modal-content .modal-header,
#bulkStockSyncModal .pim-wizard-modal-content .modal-header {
	background: var(--bs-body-bg);
}

#stockSyncModal .pim-wizard-modal-content .modal-body,
#bulkStockSyncModal .pim-wizard-modal-content .modal-body {
	background: var(--bs-tertiary-bg, #f4f7f9);
}

body[data-theme=dark] #stockSyncModal .pim-wizard-modal-content .modal-body,
body[data-theme=dark] #bulkStockSyncModal .pim-wizard-modal-content .modal-body {
	background: var(--bs-secondary-bg, #1e2125);
}

#stockSyncModal .pim-wizard-body-inner,
#bulkStockSyncModal .pim-wizard-body-inner {
	max-width: 640px;
	margin: 0 auto;
}

#stockSyncModal .pim-wizard-review-content .pim-wizard-review-card,
#bulkStockSyncModal .pim-wizard-review-card {
	border-radius: 0.75rem;
}

/* Stock sync wizard — extra polish (products #stockSyncModal only) */
#stockSyncModal .modal-content.pim-wizard-modal-content {
	overflow: hidden;
	border-radius: 0.75rem;
	box-shadow:
		0 0.35rem 1.5rem rgba(0, 0, 0, 0.07),
		0 0.125rem 0.35rem rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.12);
}

body[data-theme=dark] #stockSyncModal .modal-content.pim-wizard-modal-content {
	box-shadow: 0 1rem 2.75rem rgba(0, 0, 0, 0.42);
	border-color: rgba(255, 255, 255, 0.1);
}

#stockSyncModal .pim-wizard-modal-content > .modal-header.border-bottom {
	border-bottom-color: rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.12) !important;
	padding-left: 1.35rem;
	padding-right: 1.35rem;
	padding-top: 1.1rem;
}

#stockSyncModal .pim-wizard-modal-content .modal-title {
	font-weight: 600;
	letter-spacing: -0.02em;
	font-size: 1.05rem;
}

#stockSyncModal .stock-sync-flow-card,
#stockSyncModal .stock-sync-channel-card {
	background: var(--bs-body-bg);
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.04),
		0 0.35rem 1.1rem rgba(0, 0, 0, 0.05) !important;
}

body[data-theme=dark] #stockSyncModal .stock-sync-flow-card,
body[data-theme=dark] #stockSyncModal .stock-sync-channel-card {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
}

#stockSyncModal .stock-sync-flow-heading {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

#stockSyncModal .stock-sync-flow-icon {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}

#stockSyncModal .stock-sync-flow-icon--source {
	background: linear-gradient(180deg, rgba(13, 202, 240, 0.2) 0%, rgba(13, 202, 240, 0.08) 100%);
	color: #0aa7c4;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

#stockSyncModal .stock-sync-flow-icon--dest {
	background: linear-gradient(180deg, rgba(var(--bs-primary-rgb, 0, 119, 255), 0.2) 0%, rgba(var(--bs-primary-rgb, 0, 119, 255), 0.08) 100%);
	color: var(--bs-primary);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

body[data-theme=dark] #stockSyncModal .stock-sync-flow-icon--source {
	color: #6edff8;
}

#stockSyncModal .stock-sync-flow-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--bs-body-color);
	letter-spacing: -0.02em;
	line-height: 1.3;
}

#stockSyncModal .stock-sync-flow-node .pim-wizard-connection-kicker {
	display: inline-flex;
	width: 100%;
	justify-content: center;
}

#stockSyncModal .stock-sync-flow-line {
	flex: 1;
	height: 2px;
	max-width: 2.5rem;
	border-radius: 2px;
	background: linear-gradient(90deg, transparent, rgba(var(--bs-primary-rgb, 0, 119, 255), 0.28), transparent);
	opacity: 0.85;
}

#stockSyncModal .stock-sync-flow-connector .pim-wizard-connections-arrow.stock-sync-flow-arrow {
	width: 2.75rem;
	height: 2.75rem;
	font-size: 1.25rem;
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.1);
	color: var(--bs-primary);
}

/* Caution banner: high-contrast + hook class so styles always apply */
#stockSyncModal .stock-sync-step1-intro,
.stock-sync-wizard-modal .stock-sync-step1-intro {
	padding: 0.15rem 0 0;
}

#stockSyncModal .stock-sync-step1-intro__text,
.stock-sync-wizard-modal .stock-sync-step1-intro__text {
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--bs-body-color);
	letter-spacing: -0.01em;
}

#stockSyncModal .stock-sync-callout.stock-sync-callout--caution,
.stock-sync-wizard-modal .stock-sync-callout.stock-sync-callout--caution {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	width: 100%;
	padding: 0.95rem 1.1rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(212, 160, 60, 0.45);
	border-left-width: 4px;
	border-left-color: #d4a017;
	background: linear-gradient(90deg, rgba(255, 243, 205, 0.95) 0%, rgba(255, 250, 235, 0.92) 40%, rgba(255, 248, 232, 0.88) 100%);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
}

body[data-theme=dark] #stockSyncModal .stock-sync-callout.stock-sync-callout--caution,
body[data-theme=dark] .stock-sync-wizard-modal .stock-sync-callout.stock-sync-callout--caution {
	border-color: rgba(229, 165, 75, 0.35);
	border-left-color: #e5a54b;
	background: linear-gradient(90deg, rgba(90, 70, 25, 0.55) 0%, rgba(45, 40, 30, 0.65) 100%);
	box-shadow: none;
}

#stockSyncModal .stock-sync-callout__icon,
.stock-sync-wizard-modal .stock-sync-callout__icon {
	flex-shrink: 0;
	width: 2.125rem;
	height: 2.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
	background: rgba(212, 160, 23, 0.2);
	color: #a67c00;
	font-size: 1rem;
}

body[data-theme=dark] #stockSyncModal .stock-sync-callout__icon,
body[data-theme=dark] .stock-sync-wizard-modal .stock-sync-callout__icon {
	background: rgba(229, 165, 75, 0.2);
	color: #f0c14d;
}

#stockSyncModal .stock-sync-callout__text,
.stock-sync-wizard-modal .stock-sync-callout__text {
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--bs-body-color);
}

#stockSyncModal .stock-sync-field-label {
	font-weight: 600;
	color: var(--bs-body-color);
}

#stockSyncModal .stock-sync-select-shell {
	border-radius: 0.5rem;
	padding: 0.2rem;
	background: rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.07);
}

body[data-theme=dark] #stockSyncModal .stock-sync-select-shell {
	background: rgba(255, 255, 255, 0.06);
}

#stockSyncModal .pim-wizard-modal-content .modal-body > .p-4 {
	padding: 1.35rem 1.35rem 1.5rem !important;
}

#stockSyncModal .pim-wizard-modal-content .modal-footer {
	background: var(--bs-body-bg);
	border-top: 1px solid rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.1);
	padding: 1rem 1.35rem 1.15rem;
}

body[data-theme=dark] #stockSyncModal .pim-wizard-modal-content .modal-footer {
	border-top-color: rgba(255, 255, 255, 0.08);
}

#stockSyncModal .pim-wizard-section-title,
#bulkStockSyncModal .pim-wizard-section-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--bs-body-color);
	margin-bottom: 0.35rem;
}

#stockSyncModal .pim-wizard-section-lead,
#bulkStockSyncModal .pim-wizard-section-lead {
	font-size: 0.875rem;
	color: var(--bs-secondary-color);
	margin-bottom: 1rem;
}

#stockSyncModal .pim-wizard-panel,
#bulkStockSyncModal .pim-wizard-panel {
	background: var(--bs-body-bg);
	border-radius: 0.35rem;
	border: 1px solid rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.12);
	box-shadow: none;
	padding: 1.25rem;
}

body[data-theme=dark] #stockSyncModal .pim-wizard-panel,
body[data-theme=dark] #bulkStockSyncModal .pim-wizard-panel {
	border-color: rgba(255, 255, 255, 0.1);
}

#stockSyncModal .pim-wizard-connection-kicker,
#bulkStockSyncModal .pim-wizard-connection-kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	color: var(--bs-secondary-color);
}

#stockSyncModal .pim-wizard-connection-kicker i,
#bulkStockSyncModal .pim-wizard-connection-kicker i {
	font-size: 1rem;
	opacity: 0.85;
}

#stockSyncModal .pim-wizard-connection-kicker--info,
#bulkStockSyncModal .pim-wizard-connection-kicker--info {
	color: var(--bs-info);
}

#stockSyncModal .pim-wizard-connection-kicker--primary,
#bulkStockSyncModal .pim-wizard-connection-kicker--primary {
	color: var(--bs-primary);
}

#stockSyncModal .pim-wizard-connections-arrow,
#bulkStockSyncModal .pim-wizard-connections-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: rgba(var(--bs-gray-600-rgb, 108, 117, 125), 0.1);
	color: var(--bs-secondary-color);
	font-size: 1.5rem;
	line-height: 1;
}

@media (max-width: 991.98px) {
	#stockSyncModal .pim-wizard-connections-arrow,
	#bulkStockSyncModal .pim-wizard-connections-arrow {
		transform: rotate(90deg);
	}
}

#stockSyncModal .modal-body .form-label,
#bulkStockSyncModal .modal-body .form-label {
	margin-bottom: 9px;
}

#stockSyncModal .modal-body .form-text,
#bulkStockSyncModal .modal-body .form-text {
	margin-top: 10px;
}

#stockSyncModal .modal-body .form-control,
#stockSyncModal .modal-body .form-select,
#bulkStockSyncModal .modal-body .form-control,
#bulkStockSyncModal .modal-body .form-select {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

#stockSyncModal .modal-body .form-control:focus,
#stockSyncModal .modal-body .form-select:focus,
#bulkStockSyncModal .modal-body .form-control:focus,
#bulkStockSyncModal .modal-body .form-select:focus {
	transform: none;
}

#stockSyncModal .cd-stock-sync-one-liner,
#bulkStockSyncModal .cd-stock-sync-one-liner {
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color);
	margin-bottom: 0;
}

/* Positive stock: Bootstrap form-switch at end of row (stock sync + bulk) */
#stockSyncModal .cd-stock-sync-toggle-row,
#bulkStockSyncModal .cd-stock-sync-toggle-row {
	cursor: pointer;
}

#stockSyncModal .stock-sync-positive-stock-switch-wrap,
#bulkStockSyncModal .stock-sync-positive-stock-switch-wrap {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 4px 0;
}

#stockSyncModal .stock-sync-positive-stock-switch,
#bulkStockSyncModal .stock-sync-positive-stock-switch {
	padding-left: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#stockSyncModal .stock-sync-positive-stock-switch .form-check-input,
#bulkStockSyncModal .stock-sync-positive-stock-switch .form-check-input {
	float: none;
	margin-left: 0;
	margin-top: 0;
	width: 3.5em;
	height: 1.75em;
	cursor: pointer;
}

#stockSyncModal .stock-sync-positive-stock-switch .form-check-input:checked,
#bulkStockSyncModal .stock-sync-positive-stock-switch .form-check-input:checked {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

#stockSyncModal .cd-stock-sync-tile-icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: var(--bs-primary);
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.1);
}

#stockSyncModal .cd-stock-sync-tile-icon--success {
	color: var(--bs-success);
	background: rgba(var(--bs-success-rgb, 75, 191, 115), 0.12);
}

/* Bootstrap 5 .modal uses z-index 1060; Select2 defaults to 1051 — keep dropdown above modal chrome */
.modal .select2-dropdown {
	z-index: 1066;
}

.select2-container--default .select2-selection--single {
	border: solid 1px var(--bs-border-color);
	height: auto;
	border-radius: 7.5px;
	min-height: 33px;
}

.select2-dropdown {
	border-color: var(--bs-border-color);
}

.input-group-navbar>#search-everything-input {
	transition: margin-left 0.3s;
}

/* Spotlight Search Trigger Bar */
.spotlight-trigger-bar {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.375rem 0.75rem;
	background: transparent;
	border: 1px solid var(--bs-border-color);
	border-radius: 7.5px;
	cursor: pointer;
	transition: all 0.15s ease;
	color: rgba(var(--bs-body-color-rgb), 0.6);
	min-width: 240px;
	max-width: 360px;
	flex: 1;
	font-size: 0.875rem;
}

.spotlight-trigger-bar:hover {
	border-color: var(--bs-border-color);
	background: rgba(var(--bs-body-color-rgb), 0.03);
	color: rgba(var(--bs-body-color-rgb), 0.8);
}

.spotlight-trigger-bar:focus {
	outline: none;
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

.spotlight-trigger-icon {
	font-size: 0.875rem;
	color: rgba(var(--bs-body-color-rgb), 0.5);
	flex-shrink: 0;
}

.spotlight-trigger-text {
	flex: 1;
	font-size: 0.875rem;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: rgba(var(--bs-body-color-rgb), 0.6);
}

.spotlight-trigger-shortcut {
	display: flex;
	gap: 0.25rem;
	align-items: center;
	flex-shrink: 0;
	margin-left: auto;
	opacity: 0.6;
}

.spotlight-trigger-shortcut kbd {
	display: inline-block;
	padding: 0.125rem 0.375rem;
	background: rgba(var(--bs-body-color-rgb), 0.08);
	border: 1px solid rgba(var(--bs-body-color-rgb), 0.12);
	border-radius: 4px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 0.6875rem;
	font-weight: 600;
	color: rgba(var(--bs-body-color-rgb), 0.6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	line-height: 1.2;
}

@media (max-width: 768px) {
	.spotlight-trigger-bar {
		min-width: 200px;
		max-width: 250px;
	}
	
	.spotlight-trigger-shortcut {
		display: none;
	}
}

.spotlight-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 15vh;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	pointer-events: none;
}

.spotlight-modal.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.spotlight-modal.active .spotlight-overlay {
	display: block !important;
}

.spotlight-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	z-index: 99998;
	opacity: 0;
	visibility: hidden;
	transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
	pointer-events: none;
}

.spotlight-modal.active .spotlight-overlay,
.spotlight-modal.active #autocomplete-overlay {
	background: rgba(0, 0, 0, 0.5) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: all !important;
	display: block !important;
}

.spotlight-container {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	z-index: 100000;
	transform: scale(0.95) translateY(-20px);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.spotlight-modal.active .spotlight-container {
	transform: scale(1) translateY(0);
}

.spotlight-form {
	width: 100%;
}

.spotlight-input-group {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--bs-body-bg);
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	overflow: hidden;
	padding: 0.75rem 1rem;
}

.spotlight-input-group {
	position: relative;
	display: flex;
	align-items: center;
}

.spotlight-search-icon {
	color: var(--bs-secondary);
	margin-right: 0.75rem;
	font-size: 1.1rem;
	flex-shrink: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
	display: inline-block;
	position: relative;
	z-index: 2;
	line-height: 1;
}

.spotlight-search-icon.loading {
	opacity: 0;
	transform: scale(0.8);
	pointer-events: none;
}

.spotlight-search-icon-spinner {
	position: absolute;
	left: 17px;
	top: 50%;
	margin-top: -0.5rem;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 3;
	/* Ensure Bootstrap spinner styles work */
	border-radius: 50% !important;
	display: inline-block !important;
	background: transparent !important;
}

.spotlight-search-icon-spinner.loading {
	opacity: 1;
}

.spotlight-input {
	border: none;
	background: transparent;
	font-size: 1.1rem;
	padding: 0;
	flex: 1;
	outline: none;
	color: var(--bs-body-color);
}

.spotlight-input:focus,
.spotlight-input:active {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

.spotlight-input-group:focus-within {
	outline: none;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.spotlight-input::placeholder {
	color: var(--bs-secondary);
	opacity: 0.6;
}

.spotlight-btn {
	display: none;
}

.spotlight-results {
	margin-top: 0.5rem;
}

/* Spotlight options bar (Exact match toggle) */
.spotlight-options {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -0.75rem 0 1rem;
}

.spotlight-option-switch {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.5rem;
	margin: 0;
	cursor: pointer;
	user-select: none;
	border-radius: 6px;
	transition: background-color 0.15s ease;
}

.spotlight-option-switch:hover {
	background: rgba(var(--bs-body-color-rgb), 0.05);
}

.spotlight-option-switch .form-check-input {
	margin: 0;
	cursor: pointer;
	flex-shrink: 0;
}

.spotlight-option-switch .form-check-input:focus {
	box-shadow: none;
}

.spotlight-option-label {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: rgba(var(--bs-body-color-rgb), 0.75);
	line-height: 1;
}

.spotlight-option-label i {
	font-size: 0.75rem;
	color: var(--bs-primary);
	opacity: 0.85;
}

.spotlight-option-hint {
	font-size: 0.75rem;
	font-weight: 400;
	color: rgba(var(--bs-body-color-rgb), 0.45);
	margin-left: 0.125rem;
}

/* Spotlight Placeholder */
.spotlight-placeholder {
	padding: 2rem 1.5rem;
	text-align: center;
	background: var(--bs-body-bg);
	border-radius: 12.5px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 10px;
	position: relative;
	z-index: 100000;
}

.spotlight-placeholder-content {
	max-width: 500px;
	margin: 0 auto;
}

.spotlight-placeholder-icon {
	font-size: 3rem;
	color: rgba(var(--bs-body-color-rgb), 0.3);
	margin-bottom: 1rem;
	display: block;
}

.spotlight-placeholder-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--bs-body-color);
	margin-bottom: 0.5rem;
	letter-spacing: -0.01em;
}

.spotlight-placeholder-description {
	font-size: 0.9375rem;
	color: rgba(var(--bs-body-color-rgb), 0.6);
	margin-bottom: 1.5rem;
	line-height: 1.5;
}

.spotlight-placeholder-examples {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.spotlight-placeholder-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.75rem;
	background: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	border-radius: 6px;
	font-size: 0.8125rem;
	font-weight: 500;
}

.spotlight-placeholder-tag i {
	font-size: 0.75rem;
	opacity: 0.8;
}

.spotlight-placeholder-shortcut {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(var(--bs-body-color-rgb), 0.1);
	font-size: 0.8125rem;
	color: rgba(var(--bs-body-color-rgb), 0.5);
}

.spotlight-placeholder-shortcut kbd {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	background: rgba(var(--bs-body-color-rgb), 0.1);
	border: 1px solid rgba(var(--bs-body-color-rgb), 0.15);
	border-radius: 4px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	color: rgba(var(--bs-body-color-rgb), 0.7);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	margin: 0 0.125rem;
}

/* Spotlight Autocomplete Menu */
/* Spotlight Autocomplete Menu - Apple Design */
.spotlight-autocomplete {
	background: var(--bs-body-bg);
	border-radius: 12.5px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	max-height: 60vh;
	overflow-y: auto;
	padding: 0.375rem 0;
	margin-top: 10px !important;
	top: 100% !important;
}

.spotlight-autocomplete .ui-autocomplete-category {
	padding: 0.5rem 1.25rem 0.375rem;
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(var(--bs-body-color-rgb), 0.5);
	letter-spacing: 0.5px;
	background: transparent;
	border: none;
	margin-top: 0.5rem;
	margin-bottom: 0.125rem;
	line-height: 1.2;
}

.spotlight-autocomplete .ui-autocomplete-category:first-child {
	margin-top: 0;
	padding-top: 0.375rem;
}

.spotlight-autocomplete .ui-menu-item {
	margin: 0;
	border: none;
	padding: 0;
}

.spotlight-autocomplete .ui-menu-item-wrapper {
	padding: 0.75rem 1.25rem;
	display: flex;
	align-items: center;
	gap: 0.875rem;
	border: none;
	color: var(--bs-body-color);
	transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	border-radius: 6px;
	margin: 0 0.375rem;
}

.spotlight-autocomplete .ui-menu-item-wrapper:hover,
.spotlight-autocomplete .ui-menu-item-wrapper.ui-state-active {
	background: rgba(var(--bs-primary-rgb), 0.08);
	border: none;
	margin: 0 0.375rem;
	color: var(--bs-body-color);
}

.spotlight-autocomplete .ui-menu-item-wrapper i {
	color: var(--bs-primary);
	font-size: 0.9375rem;
	width: 22px;
	text-align: center;
	flex-shrink: 0;
	opacity: 0.85;
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.spotlight-autocomplete .ui-menu-item-wrapper:hover i,
.spotlight-autocomplete .ui-menu-item-wrapper.ui-state-active i {
	opacity: 1;
	transform: scale(1.08);
}

.spotlight-autocomplete .ui-menu-item-wrapper .result-label {
	flex: 1;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.01em;
}

/* Spotlight no-results hint (exact match enabled) */
.spotlight-no-results {
	padding: 2rem 1.5rem;
	text-align: center;
	background: var(--bs-body-bg);
	border-radius: 12.5px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 10px;
	position: relative;
	z-index: 100000;
}

.spotlight-no-results-content {
	max-width: 500px;
	margin: 0 auto;
}

.spotlight-no-results-icon {
	font-size: 2.5rem;
	color: rgba(var(--bs-body-color-rgb), 0.3);
	margin-bottom: 1rem;
	display: block;
}

.spotlight-no-results-title {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--bs-body-color);
	margin-bottom: 0.5rem;
	letter-spacing: -0.01em;
}

.spotlight-no-results-description {
	font-size: 0.9375rem;
	color: rgba(var(--bs-body-color-rgb), 0.6);
	margin-bottom: 1.25rem;
	line-height: 1.5;
}

.spotlight-no-results-action {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

/* Overlay styling (legacy support) */
#autocomplete-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9;
	display: none;
    -webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* Above the overlay, so you see the menu on top */
#search-everything-input,
#search-everything-input-btn {
	z-index: 10;
}

/* Spotlight Responsive Styles */
@media (max-width: 768px) {
	.spotlight-modal {
		padding-top: 10vh;
	}

	.spotlight-container {
		max-width: 95%;
		margin: 0 2.5%;
	}

	.spotlight-input {
		font-size: 1rem;
	}

	.spotlight-autocomplete {
		max-height: 50vh;
	}
}

/* Responsive search bar  */
@media (max-width: 410px) {

	.input-group-navbar {
		border-radius: 7.5px;
		overflow: hidden;
	}

	.input-group-navbar>#search-everything-input {
		margin-left: -200px;
	}

	.input-group-navbar:not(.search-bar-open)>#search-everything-input-btn {
		background: transparent;
	}


	.search-bar-open>#search-everything-input {
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
	.content {
		padding-left: 10px;
		padding-right: 10px;
	}

	.progression-fixed {
		display: none;
	}

	.card-body {
		padding: 13px;
	}

	.modal-xl {
		margin: 0;
		background-color: #fff;
	}
}

@media (max-width: 575px) {
	.stacked-img-wrapper {
		border-bottom: dotted 1px #cccccc;
	}

	.stacked-product-title {
		border-right: none;
	}
}



.network-alert {
	z-index: -1;
	transition: background-color 0.5s;
	margin-top: -68px;
	opacity: 0;
}

.network-warning {
	background-color: var(--warning);
	;
	animation: network-warning 0.3s ease-in-out forwards;
}

.network-success {
	background-color: var(--success);
	;
	animation: network-success 1.6s ease-in-out forwards;
}

@keyframes network-warning {
	100% {
		margin-top: 0;
		opacity: 1;
	}
}

@keyframes network-success {
	0% {
		margin-top: 0;
		opacity: 1;
	}

	75% {
		margin-top: 0;
		opacity: 1;
	}

	100% {
		margin-top: -68px;
		opacity: 0;
	}
}

#sidebar {
	z-index: 10;
}


.row>* {
	padding-left: calc(var(--bs-gutter-x)*.3);
	padding-right: calc(var(--bs-gutter-x)*.3);
}

.card {
	margin-bottom: 15px;
}

.order-product-touchspin-td {
	width: 150px !important;
	max-width: 150px !important;
	min-width: 150px !important;
}

.order-product-touchspin-td .bootstrap-touchspin-postfix {
	position: absolute;
	right: 0px;
	top: 2px;
}

.order-product-touchspin-td .form-control {
	text-align: center;
	/* padding-right: 25px; */
	height: 36px;
	border-radius: 7.5px;
	font-size: 18px;
}

.bootstrap-touchspin .input-group-btn-vertical {
	right: -25px;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
	width: 25px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0 7.5px 0 0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0 0 7.5px 0;
}

.order-product-touchspin-wrapper {
	width: 80px;
	text-align: left;
	display: inline-block;
	padding-right: 25px;
	position: relative;
}

.order-product-touchspin-wrapper .bootstrap-touchspin {
	width: 100%;
	max-width: auto;
	min-width: auto;
}

.bootstrap-tagsinput input {
    /* makes the input of the shipping rules readable when typing */
	min-width: 150px;
}

.open-sidebar-icon-menu {
	display: none;
}

div.pulse-wrapper {
	position: relative;
	height: 40px;
	width: 40px;
	top: 40px;
	left: 40px;
	display: block;
	transform: translate3d(-50%, -50%, 0);
}

div.pulse {
	height: 7.5px;
	width: 7.5px;
	background-color: rgb(63, 199, 125, 1);
	border-radius: 50%;
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	40% {
		transform: scale(1.1);
		box-shadow: 0 0 0 5px rgba(63, 199, 125, 0.3);
		background-color: rgb(63, 199, 125, 1);
	}

	80% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(63, 199, 125, 0);
		background-color: rgb(63, 199, 125, 1);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(63, 199, 125, 0);
		background-color: rgb(63, 199, 125, 0.7);
	}
}

.ck-editor__editable_inline {
	min-height: 150px;
}

.asset_item {
	position: relative;
}

.asset_delete_button {
	position: absolute;
	top: 5px;
	right: 7.5px;
	cursor: pointer;
	display: none;
}

.asset_item:hover .asset_delete_button {
	display: block;
}

html.swal2-shown,
body.swal2-shown {
	overflow-y: hidden !important;
	height: auto !important;
}

.show_on_mobile {
	display: none;
}

@media only screen and (max-width: 768px) {
	html {
		overscroll-behavior: none;
	}

	.wrapper {
		overflow-x: hidden;
	}

	.small-stacked-product-img {
		position: relative;
		max-height: 35px;
		max-width: 35px;
		margin-left: 5px;
	}

	.stacked-product-img {
		position: relative;
		height: 35px;
		width: 35px;
	}

}

.google {
	border-top-left-radius: 32px !important;
	border-bottom-left-radius: 32px !important;
}

.input-group-append {
	margin-left: -2px !important;
}

#pick-pack-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
	z-index: 999;
	-webkit-backdrop-filter: blur(6px);
	/* Safari 9.0 and up */
	backdrop-filter: blur(6px);
}

@keyframes spinAnimation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.error-highlight {
	font-weight: 800;
	color: red;
}

.spin {
	animation: spinAnimation 1s ease-in-out infinite;
}

.api-selector-list li:hover {
	background-color: rgba(224, 226, 230, 1);
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
	border-top: solid 0px !important;
	border-bottom: solid 0px !important;
	border-radius: 0px !important;
}

html.swal2-shown,
body.swal2-shown {
	overflow-y: hidden !important;
	height: auto !important;
}

.attribute_label {
	font-weight: 500;
}

#page_nav_spinner_bg {
	position: absolute;
	left: 0%;
	top: 66px;
	width: 100%;
	height: 100vh;
	background-color: var(--bs-body-bg);
	z-index: 5;
	display: none;
	opacity: 0;
	transition: opacity 0.28s ease-in-out;
}

#page_nav_spinner_bg.shell-nav-overlay-visible {
	display: block;
	opacity: 1;
}

#shell-content-root {
	transition: opacity 0.28s ease-in-out;
}

#shell-content-root.shell-content-loading {
	opacity: 0;
	pointer-events: none;
}

#page_nav_spinner {
	position: fixed;
	left: calc(50% + 125px);
	top: 50vh;
	margin-left: -16px;
	margin-top: -16px;
}

@media (max-width: 991px) {
	#page_nav_spinner {
		left: 50%;
	}
}

.accordion-button:not(.collapsed) {
	color: rgb(33, 37, 41);
	background-color: #fff;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.show-code-on-hover {
	position: relative;
	display: block;
}

.show-code-on-hover span {
	cursor: pointer;
}

.show-code-on-hover code {
	position: absolute;
	right: 0px;
	top: 25px;
	height: fit-content;
	bottom: 25px;
	width: 375px;
	cursor: default;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: var(--bs-body-bg);
	padding: 10px 10px;
	border-radius: 7.5px;
	word-wrap: break-word;
	line-break: auto;
	text-align: left;
	z-index: 10;
	display: none;
}

.show-code-on-hover:hover code {
	display: block;
}

#parent_import_table_wrapper .table>tbody>tr>td {
	vertical-align: top;
}

#languageDropdown {
    width: 48px;
}

.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--primary);
	margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Value column: drop 350px cap so value+unit (flex row) uses the same width as col-12 single inputs */
#content_attributes_table tr td:nth-child(2) {
	max-width: none;
	min-width: 0;
}

/* Match default .row gutter: .row.g-2 uses --bs-gutter-x: 0.5rem, so row margins differ from
   single-attribute rows and value+unit blocks sit further right — align with Bootstrap default */
#content_attributes_table .marketplace_attribute_tr td:nth-child(2) > .row {
	width: 100%;
	--bs-gutter-x: 1.5rem;
}

#marketplace_products_table tr:last-child td {
	border-bottom: solid 0px;
}

.swal2-popup .input-group-text {
	display: flex;
	align-items: center;
	padding: .25rem .5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.stacked-images-wrapper {
	/* display: flex; */
	position: relative;
	width: 100%;
	min-width: 100px;
	text-align: center;
}

.stacked-product-image {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 20px;
	margin: 0px 2.5px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border: solid 0px #eee;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	background-color: #fff;
}

.dt-button-collection {
	max-height: 40vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.dataTables_wrapper>.btn-group>.btn {
	border-radius: 7.5px 7.5px !important;
}

.dataTables_wrapper .btn-group>.buttons-colvis {
	border-radius: 7.5px 7.5px !important;
}

.batch-tag-selector {
	cursor: pointer;
}

.red-input,
.red-input:focus {
	border: solid red 1px;
	background-color: rgb(255 0 0 / 11%);
}

.alert-progress {
	display: block;
	position: absolute;
	bottom: 0;
	border-bottom: 4px solid var(--primary);
	width: 0%;
	max-width: 100%;
	transition: width 1.5s ease;
}

.rotate {
	transform: rotate(180deg);
	transition: transform 1s ease;
}

/* // The next classes involve a side ways toggle switch used on the product modal on the products page */
.custom-toggle-switch {
	display: inline-block;
	position: relative;
	width: 168px;
	/* Adjusted width to make the toggle switch smaller */
	height: 20px;
	/* Reduced height */
	background-color: transparent;
	/* No background for the encapsulating div */
}

.custom-toggle-switch input[type="checkbox"] {
	display: none;
}



.custom-toggle-text {
	display: flex;
	color: white;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.custom-left-text,
.custom-right-text {
	width: 50%;
	text-align: center;
	user-select: none;
	cursor: pointer;
}

.custom-toggle-switch input[type="checkbox"]:checked+.custom-switch::before {
	transform: translateX(85px);
}

/* End of toggle classes */


.badge-glow {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	color: var(--primary-btn-color);
	background-color: var(--primary);
	/* Adjust the background color as needed */
	box-shadow: 0 0 3px var(--primary), 0 0 3px var(--primary), 0 0 3px var(--primary), 0 0 3px var(--primary);
	animation: glow 1.5s ease-in-out infinite alternate;
}



@media (max-width: 450px) {
	.toggle-container {
		flex-direction: column !important;
		align-items: flex-start !important;
		/* top: 20px; /* Adjust as needed */
		left: 5px;
	}
}

#datatableApis tr {
	height: 40px;
	/* Adjust the height as needed */
}

#datatableApis td,
#datatableApis th {
	padding-top: 0px;
	/* Adjust the padding as needed */
	padding-bottom: 0px;
	/* Adjust the padding as needed */
	line-height: 1;
	/* Adjust the line height as needed */
}

.customToggleRadio {
	display: none;
}

/* End of toggle classes */
.custom-switch {
	position: absolute;
	cursor: pointer;
	display: flex;
	flex-wrap: no-wrap;
	flex-direction: row;
	height: 100%;
	transition: background-color 0.2s;
	z-index: 1;
	border-radius: 8px;
	/* Slightly rounded corners */
	background-color: #3fc77d70;
	border: 2px solid var(--primary);
	/* Specify the border color */
	align-items: center;
	justify-content: center;
}

.custom-toggle-radio {
	display: inline-block;
	position: relative;

	height: 20px;
	/* Reduced height */
	background-color: transparent;
	/* No background for the encapsulating div */
}

.item-left:before {
	content: '';
	position: absolute;
	width: 80px;
	height: 17px;
	background-color: var(--primary);
	transition: transform 0.2s;
	z-index: 2;
	border-radius: 7.5px;
}

.custom-switch span {
	position: relative;
	z-index: 300;
}

.customRadio {
	cursor: pointer;
	margin: 0 10px;
	white-space: nowrap;
	z-index: 3;
	margin: 0 10px;
}

.btn-group-radio {
	/* border: 2px solid var(--light-dark); Ensure border style and color are set */
	color: #000 !important;
	/* Use !important sparingly */
	border-radius: 0.25rem;
	/* Simplified border-radius */
	padding: 0.1rem 0.2rem 0.1rem 0.2rem;
	/* Simplified padding */
}

.btn-radio {
	border: 2px solid var(--primary) !important;
	/* Ensure border style and color are set */
	border-radius: 0;
	padding: 0rem 0.35rem 0rem 0.35rem;
}

.btn-radio:hover {
	background-color: var(--primary);
	color: var(--primary-btn-color);
}

.btn-radio.active {
	background-color: var(--primary);
	color: var(--primary-btn-color);
}

.left-radio {
	/* border: none; Remove the border */
	border-top-left-radius: 0.25rem;
	/* Curved shape on the top-left corner */
	border-bottom-left-radius: 0.25rem;
	/* Curved shape on the bottom-left corner */
}

.right-radio {
	/* border: none; Remove the border */
	border-top-right-radius: 0.25rem;
	/* Curved shape on the top-right corner */
	border-bottom-right-radius: 0.25rem;
	/* Curved shape on the bottom-right corner */
}

.login-card {
	max-width: 450px !important;
	background-color: #fff;
	border-radius: 45px !important;
	box-shadow: 0px 10px 45px rgba(0, 0, 0, 0.15) !important;
}

body[data-theme=dark] .main.d-flex.justify-content-center {
	background-color: var(--bs-body-bg);
}

body[data-theme=dark] .login-card {
	background-color: rgb(var(--bs-card-bg-rgb));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		0 8px 40px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body[data-theme=dark] .login-card .form-inner-group .form-floating .form-control {
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .login-card .form-inner-group .form-floating + .form-floating .form-control {
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .login-forgot-link {
	color: var(--bs-secondary-color) !important;
}

body[data-theme=dark] .login-forgot-link:hover {
	color: var(--bs-body-color) !important;
}

.select-row:disabled {
	opacity: 1;
	/* Prevent fading even though disabled is on*/
}

.hamburger,
.hamburger:after,
.hamburger:before {
	border-radius: 15px;
}

.color-prev-square {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	bottom: -3px;
	margin-right: 10px;
}

@media (max-width: 768px) {
	.hide-mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	.show-mobile {
		display: block;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
        width: 95%;
    }
}

@media (min-width: 769px) {
	.show-mobile {
		display: none;
	}
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
	display: none !important;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo, #CookiebotWidget {
	display: none !important;
}

#marketplace_products_table_body tr:last-child td {
	border-bottom-width: 0px !important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done {
    background: var(--primary-lighter)!important;
    border-color: var(--primary-lighter)!important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done:hover {
    background: var(--primary-darker)!important;
    border-color: var(--primary-darker)!important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done:after {
    color: white!important;
    border-left-color: var(--primary-lighter)!important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done:hover:after {
    border-left-color: var(--primary-darker)!important;
}

/* Message bubbles */
.message-bubble {
    border-radius: 7.5px;
    margin-bottom: 1.5rem;
    position: relative;
    max-width: 80%;
  }
  
  .message-bubble-customer {
    background-color: white;
    border: 1px solid var(--light-dark);
    margin-left: 0;
    margin-right: auto;
  }
  
  .message-bubble-agent {
    background-color: white;
    border: 1px solid var(--light-dark);
    margin-left: auto;
    margin-right: 0;
  }
  
  .message-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--light-dark);
    background-color: rgba(0, 0, 0, 0.03);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  
  .message-body {
    padding: 1.25rem;
  }
  
  .message-footer {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--light-dark);
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

.internal-notes-wrapper {
    position: relative;
    width: 100%;
}

#orderLogWrapper {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#orderLogWrapper::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.circle {
    height: 100px;
    width: 100px;
    background-color: #e8e8e8;
    border-radius: 50%;
    position: relative;
    margin: auto;
}

#circle-barcode-icon,
#circle-box-icon {
    font-size: 40px;
    text-align: center;
    line-height: 97px;
    color: #616161;
}

.scannedItems-wrapper {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.scannedItems-wrapper>span {
    font-size: 15px;
    border: 3px #f7f7f7 solid;
    background-color: #d7e2f5;
}

.fading {
    animation: fadeInOut 2s infinite;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.badge-md {
    font-size: 14px;
}
.badge-lg {
    font-size: 16px;
}
.badge-xl {
    font-size: 16px;
}

#delivery_inbound_products_table .inbound-products-child-table tbody tr > td {
    border-top: solid 0px !important;
}
/* Seller/center delivery modal inbound DataTable: legacy #inbound-delivery-products-wrapper thead{display:none}
   hid the scrollX clone header; with scrollX off it still hid this thead. Force the real header row visible. */
#inbound-delivery-products-wrapper #delivery_inbound_products_table thead {
    display: table-header-group !important;
}
#delivery_inbound_products_table > tbody > tr:nth-child(2n) > td {
    border-bottom: solid 15px var(--bs-body-bg) !important;
}

.input-group-prepend .input-group-text {
    border-radius: 5px 0px 0px 5px;
}



.cd-step-nav {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #dee2e6;
    background-color: white;
    border-radius: 10px;
  }

  .cd-step {
    flex: 1;
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 16px 12px;
    font-weight: 500;
    color: #6c757d;
    transition: all 0.3s ease;
  }

  .cd-step::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 20px solid #f8f9fa;
    z-index: 1;
  }

  .cd-step:last-child::after {
    content: none;
  }

  .cd-step.cd-completed {
    background-color: #79c4f2;
    color: #fff;
  }

  .cd-step.cd-completed::after {
    border-left-color: #79c4f2;
  }

  .cd-step.cd-active {
    background-color: #007bff;
    color: #fff;
    font-weight: 600;
  }

  .cd-step.cd-active::after {
    border-left-color: #007bff;
  }

  .cd-step-number {
    font-size: 1.1rem;
    font-weight: bold;
    display: inline-block;
    margin-right: 6px;
  }

  @media (max-width: 768px) {
    .cd-step {
      font-size: 0.85rem;
      padding: 12px 6px;
    }

    .cd-step-number {
      display: block;
      margin-bottom: 2px;
    }
  }

/* Progress Tracker Styles */
.progress-tracker {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.progress-tracker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    border-radius: 8px 8px 0 0;
}

.progress-tracker-header h6 {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    margin: 0;
}

.progress-tracker-header .btn-close {
    padding: 0;
    background: transparent;
    border: none;
    font-size: 18px;
    color: #6c757d;
    cursor: pointer;
}

.progress-tracker-header .btn-close:hover {
    color: #343a40;
}

.progress-tracker-body {
    padding: 16px;
}

  .progress-tracker .progress {
    height: 12px;
    background-color: #e9ecef;
    border-radius: 7.5px;
    overflow: hidden;
  }

  .progress-tracker .progress-bar {
    background-color: #007bff;
    transition: width 0.3s ease;
    font-size: 11px;
    line-height: 12px;
    color: white;
    text-align: center;
  }

  /* Status-specific progress bar colors */
  .progress-tracker .progress-bar.bg-info { background-color: #17a2b8 !important; }
  .progress-tracker .progress-bar.bg-warning { background-color: #ffc107 !important; }
  .progress-tracker .progress-bar.bg-primary { background-color: #007bff !important; }
  .progress-tracker .progress-bar.bg-success { background-color: #28a745 !important; }
  .progress-tracker .progress-bar.bg-danger { background-color: #dc3545 !important; }
  .progress-tracker .progress-bar.bg-muted { background-color: #6c757d !important; }

.progress-status {
    font-size: 13px;
    font-weight: 500;
    margin: 8px 0 4px 0;
}

.progress-time {
    font-size: 11px;
    color: #6c757d;
    margin: 0;
}

/* Status-specific colors for progress tracker */
.progress-tracker .text-info { color: #17a2b8 !important; }
.progress-tracker .text-warning { color: #ffc107 !important; }
.progress-tracker .text-primary { color: #007bff !important; }
.progress-tracker .text-success { color: #28a745 !important; }
.progress-tracker .text-danger { color: #dc3545 !important; }
.progress-tracker .text-muted { color: #6c757d !important; }

/* Animation for the tracker */
.progress-tracker {
    animation: slideInRight 0.3s ease-out;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .progress-tracker {
        width: calc(100vw - 40px);
        right: 20px;
        left: 20px;
    }
}



.cd-image-container {
  position: relative;
  width: 100%;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #0077ff url("/portal/public/plugins/image-comparison-slider/img/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  backface-visibility: hidden;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  animation: cd-bounce-in 0.7s;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
/* iOS: allow dragging without the page trying to scroll/zoom */
.cd-handle { touch-action: none; -ms-touch-action: none; }
.cd-image-container { touch-action: none; -ms-touch-action: none; }

.btn-link:hover {
  cursor: pointer;
  color: white;
}

table.dataTable tr.dtrg-group th,
table.dataTable tr.dtrg-group.dtrg-level-0 th {
	background-color: rgba(0, 0, 0, 0.04);
	/* RowGroup uses a tbody <th> for the label: match body text (avoid primary/link styling) */
	color: var(--bs-body-color);
	font-size: 0.9em;
	font-weight: 600;
	border-bottom: 0;
}

table.dataTable tr.dtrg-group th a {
	color: inherit;
}

body[data-theme=dark] table.dataTable tr.dtrg-group th,
body[data-theme=dark] table.dataTable tr.dtrg-group.dtrg-level-0 th {
	background-color: var(--cd-surface-elevated);
	color: var(--bs-body-color);
	border-bottom: 1px solid var(--cd-border-subtle);
}

/* Purchase PIM Credits modal */
.pim-credits-modal .modal-dialog {
    max-width: 42rem;
}

.pim-credits-modal__shell {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.pim-credits-modal .modal-body {
    background-color: #fff;
}

.pim-credits-modal__header {
    background-color: #fff;
    border-bottom: 1px solid var(--bs-border-color, #e2e8ee);
}

.pim-credits-modal__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    background: linear-gradient(145deg, rgba(0, 119, 255, 0.18), rgba(63, 199, 125, 0.15));
    color: var(--primary, #0077ff);
    font-size: 1rem;
}

.pim-credits-modal__subtitle {
    line-height: 1.5;
    max-width: 28rem;
    margin-bottom: 1.25rem;
}

.pim-credits-modal__monthly {
    border-radius: 0.75rem;
    padding: 1px;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, rgba(0, 119, 255, 0.2), rgba(63, 199, 125, 0.18));
}

.pim-credits-modal__monthly-inner {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-radius: calc(0.75rem - 1px);
    background-color: #fff;
}

.pim-credits-modal__monthly-icon {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 119, 255, 0.1);
    color: var(--primary, #0077ff);
    font-size: 1.1rem;
}

.pim-credits-modal__monthly-title {
    display: block;
    font-weight: 500;
    color: var(--bs-body-color, #495057);
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}

.pim-credits-modal__monthly-text {
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
}

.pim-credits-modal__section {
    margin-bottom: 1.5rem;
}

.pim-credits-modal__section--usage {
    margin-bottom: 1.5rem;
}

.pim-credits-modal__usage-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    margin: 0 0 0.75rem 0;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.65rem;
    background-color: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.pim-credits-modal__usage-toggle:hover {
    background-color: #f8fafc;
    border-color: rgba(0, 119, 255, 0.25);
}

.pim-credits-modal__usage-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.25);
}

.pim-credits-modal__usage-toggle-main {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.pim-credits-modal__usage-chevron {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    transition: transform 0.25s ease;
}

.pim-credits-modal__usage-toggle.collapsed .pim-credits-modal__usage-chevron {
    transform: rotate(-90deg);
}

.pim-credits-modal__section-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.pim-credits-modal__section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.4rem;
    background: rgba(63, 199, 125, 0.12);
    color: var(--success, #3fc77d);
    font-size: 0.8rem;
}

.pim-credits-modal__section-title {
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--bs-body-color, #495057);
}

.pim-credits-modal__usage-list {
    border-radius: 0.65rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    overflow: hidden;
    background-color: #fff;
}

.pim-credits-modal__usage-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.06));
}

.pim-credits-modal__usage-row:last-child {
    border-bottom: none;
}

.pim-credits-modal__usage-main {
    min-width: 0;
    flex: 1;
}

.pim-credits-modal__usage-label {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--bs-body-color, #495057);
}

.pim-credits-modal__usage-note {
    display: block;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--bs-secondary-color, #6c757d);
    margin-top: 0.15rem;
}

.pim-credits-modal__credit-chip {
    flex-shrink: 0;
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 0.25rem 0.55rem;
    border-radius: 2rem;
    background: rgba(0, 119, 255, 0.1);
    color: var(--primary, #0077ff);
    min-width: 2.25rem;
    text-align: center;
}

.pim-credits-modal__fine-print {
    margin-top: 0.65rem;
    line-height: 1.45;
}

.pim-credits-modal__packages {
    --pim-pkg-pad: 1.15rem;
}

.pim-credits-modal .package-card {
    position: relative;
    cursor: pointer;
    border-radius: 0.75rem;
    border: 2px solid var(--bs-border-color, #e2e8ee);
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    outline: none;
}

.pim-credits-modal .package-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 119, 255, 0.35);
}

.pim-credits-modal .package-card:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.25);
}

.pim-credits-modal .package-card.selected {
    border-color: var(--primary, #0077ff) !important;
    background: linear-gradient(180deg, rgba(0, 119, 255, 0.06) 0%, #fff 45%);
    box-shadow: 0 0.35rem 1.25rem rgba(0, 119, 255, 0.15);
}

.pim-credits-modal__package--featured {
    border-color: rgba(63, 199, 125, 0.45);
    box-shadow: 0 0.25rem 1rem rgba(63, 199, 125, 0.12);
}

.pim-credits-modal__package--featured:hover {
    border-color: rgba(63, 199, 125, 0.65);
}

.pim-credits-modal__package--featured.selected {
    border-color: var(--success, #3fc77d) !important;
    background: linear-gradient(180deg, rgba(63, 199, 125, 0.1) 0%, #fff 50%);
    box-shadow: 0 0.4rem 1.35rem rgba(63, 199, 125, 0.2);
}

@media (min-width: 768px) {
    .pim-credits-modal__package--featured {
        transform: scale(1.02);
    }

    .pim-credits-modal__package--featured:hover {
        transform: scale(1.02) translateY(-3px);
    }
}

.pim-credits-modal__package-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0.3rem 0.65rem;
    border-radius: 2rem;
    background: var(--success, #3fc77d);
    color: #fff;
    box-shadow: 0 0.15rem 0.5rem rgba(63, 199, 125, 0.35);
    white-space: nowrap;
}

.pim-credits-modal__package-badge--value {
    background: linear-gradient(135deg, #e5a54b, #d4923a);
    box-shadow: 0 0.15rem 0.5rem rgba(229, 165, 75, 0.35);
}

.pim-credits-modal__package-body {
    text-align: center;
    padding: var(--pim-pkg-pad);
    padding-top: calc(var(--pim-pkg-pad) + 0.35rem);
}

.pim-credits-modal__package--with-badge .pim-credits-modal__package-body {
    padding-top: calc(var(--pim-pkg-pad) + 0.65rem);
}

.pim-credits-modal__package-icon {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.65rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.pim-credits-modal__package-icon--emerald {
    background: linear-gradient(145deg, rgba(63, 199, 125, 0.2), rgba(63, 199, 125, 0.08));
    color: var(--success, #3fc77d);
}

.pim-credits-modal__package-icon--gold {
    background: linear-gradient(145deg, rgba(229, 165, 75, 0.35), rgba(229, 165, 75, 0.12));
    color: #c48a28;
}

.pim-credits-modal__package-icon--sky {
    background: linear-gradient(145deg, rgba(0, 119, 255, 0.2), rgba(0, 119, 255, 0.07));
    color: var(--primary, #0077ff);
}

.pim-credits-modal__package-amount {
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-body-color, #495057);
    letter-spacing: -0.02em;
}

.pim-credits-modal__package-unit-label {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.5rem;
    text-transform: lowercase;
}

.pim-credits-modal__package-eur {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--success, #3fc77d);
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.pim-credits-modal__package-per {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
}

.pim-credits-modal__purchase-btn {
    min-height: 3rem;
    border-radius: 0.35rem;
    font-weight: 500;
    box-shadow: 0 0.25rem 0.75rem rgba(63, 199, 125, 0.25);
}

.pim-credits-modal__purchase-btn:disabled {
    box-shadow: none;
}

.pim-credits-modal__trust {
    line-height: 1.5;
}

.pim-credits-modal__trust-dot {
    opacity: 0.65;
}

body[data-theme=dark] .pim-credits-modal__shell {
    box-shadow: 0 0.75rem 3rem rgba(0, 0, 0, 0.45);
    background-color: var(--bs-modal-bg, var(--bs-body-bg));
}

body[data-theme=dark] .pim-credits-modal .modal-body {
    background-color: var(--bs-modal-bg, var(--bs-body-bg));
}

body[data-theme=dark] .pim-credits-modal__header {
    background-color: var(--bs-modal-bg, var(--bs-body-bg));
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .pim-credits-modal__monthly-inner {
    background-color: var(--bs-modal-bg, var(--bs-body-bg));
}

body[data-theme=dark] .pim-credits-modal__usage-toggle {
    background-color: var(--bs-modal-bg, var(--bs-body-bg));
    border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .pim-credits-modal__usage-toggle:hover {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(0, 119, 255, 0.35);
}

body[data-theme=dark] .pim-credits-modal__usage-list {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: var(--bs-modal-bg, var(--bs-body-bg));
}

body[data-theme=dark] .pim-credits-modal__usage-row {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .pim-credits-modal .package-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: var(--bs-body-bg);
}

body[data-theme=dark] .pim-credits-modal .package-card.selected {
    background: linear-gradient(180deg, rgba(0, 119, 255, 0.12) 0%, var(--bs-modal-bg, var(--bs-body-bg)) 45%);
}

body[data-theme=dark] .pim-credits-modal__package--featured.selected {
    background: linear-gradient(180deg, rgba(63, 199, 125, 0.14) 0%, var(--bs-modal-bg, var(--bs-body-bg)) 50%);
}

body[data-theme=dark] .pim-credits-modal__credit-chip {
    background: rgba(0, 119, 255, 0.2);
}

.package-card.border-primary {
    border-color: #007bff !important;
}

/* Order Filter Cards - Modern Design */
:root {
    --order-card-bg: #ffffff;
    --order-card-border: #e5e7eb;
    --order-card-text: #111827;
    --order-card-text-muted: #6b7280;
    --order-card-elevation: 0 0 0.875rem 0 rgba(2, 2, 2, 0.05);
    --order-card-elevation-hover: 0 0 1.125rem 0 rgba(2, 2, 2, 0.08);
    --order-progress-bg: #f3f4f6;
}

.order-filter-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    will-change: transform, box-shadow;
    background-color: var(--order-card-bg) !important;
    border-color: var(--order-card-border) !important;
    border-width: 2px !important;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: var(--order-card-elevation) !important;
}

.order-filter-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--order-card-elevation-hover) !important;
}

.order-filter-card.shipment-method-active {
    border: 2px solid var(--primary, #0077ff) !important;
    box-shadow: var(--order-card-elevation) !important;
}

.order-filter-card.shipment-method-active:hover {
    transform: translateY(-2px);
    border: 2px solid var(--primary, #0077ff) !important;
    box-shadow: var(--order-card-elevation-hover) !important;
}

/* Ensure active state is visible even with inline styles */
.order-filter-card[class*="shipment-method-active"],
.order-filter-card.shipment-method-active {
    border-style: solid !important;
    border-color: var(--primary, #0077ff) !important;
}

.order-filter-card .progress {
    background-color: var(--order-progress-bg) !important;
}

.order-filter-card .progress-bar {
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
    .order-filter-card {
        transition: none !important;
    }
    .order-filter-card:hover {
        transform: none !important;
    }
}

/* Skeleton loading styles - Light mode defaults */
:root {
    --skeleton-base: #f3f4f6;
    --skeleton-shine: #e5e7eb;
    --skeleton-card-bg: #ffffff;
    --skeleton-card-border: #e5e7eb;
}

.skeleton-card {
    animation: skeleton-loading 1.5s ease-in-out infinite;
}

@keyframes skeleton-loading {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}

.skeleton-shimmer {
    background: linear-gradient(90deg, 
        var(--skeleton-base) 0px, 
        var(--skeleton-shine) 40px, 
        var(--skeleton-base) 80px
    );
    background-size: 200px 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
}

.skeleton-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: var(--skeleton-base);
}

.skeleton-badge {
    display: inline-block;
    width: 45px;
    height: 20px;
    border-radius: 9999px;
    background-color: var(--skeleton-base);
}

.skeleton-count {
    width: 80px;
    height: 28px;
    border-radius: 7.5px;
    background-color: var(--skeleton-base);
    margin-bottom: 8px;
}

.skeleton-title {
    width: 100px;
    height: 14px;
    border-radius: 4px;
    background-color: var(--skeleton-base);
}

.skeleton-progress {
    width: 100%;
    height: 3px;
    border-radius: 9999px;
    background-color: var(--skeleton-base);
    overflow: hidden;
}

.skeleton-progress-bar {
    width: 60%;
    height: 100%;
    background-color: var(--skeleton-shine);
    border-radius: 9999px;
}

/* Open order modal — skeleton loading */
.open-order-skeleton-line {
    display: inline-block;
    height: 0.85rem;
    border-radius: 0.25rem;
    min-width: 2.25rem;
    vertical-align: middle;
}

.open-order-skeleton-line--xs {
    width: 2.25rem;
}

.open-order-skeleton-line--sm {
    width: 3.5rem;
}

.open-order-skeleton-line--md {
    width: 5.5rem;
}

.open-order-skeleton-line--lg {
    width: 7rem;
}

.open-order-skeleton-line--xl {
    width: 9rem;
}

.open-order-skeleton-line--full {
    display: block;
    width: 100%;
    max-width: 11rem;
}

.open-order-skeleton-badge {
    display: inline-block;
    width: 5.25rem;
    height: 1.4rem;
    border-radius: 30px;
    vertical-align: middle;
}

.open-order-skeleton-address {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.15rem;
}

.open-order-skeleton-shipment-option {
    display: block;
    width: 100%;
    height: 3.25rem;
    border-radius: 0.4rem;
    margin-bottom: 0.45rem;
}

.open-order-skeleton-shipment-option:last-child {
    margin-bottom: 0;
}

.open-order-skeleton-textarea {
    color: transparent !important;
    caret-color: transparent;
    background: linear-gradient(90deg,
        var(--skeleton-base) 0px,
        var(--skeleton-shine) 40px,
        var(--skeleton-base) 80px) !important;
    background-size: 200px 100% !important;
    animation: skeleton-loading 1.5s ease-in-out infinite;
}

.open-order-skeleton-product-row td {
    vertical-align: middle;
    padding: 0.65rem 0.5rem;
}

.open-order-skeleton-thumb {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 0.35rem;
}

.open-order-skeleton-product-title {
    display: block;
    height: 0.85rem;
    width: 85%;
    max-width: 14rem;
    margin-bottom: 0.35rem;
    border-radius: 0.25rem;
}

.open-order-skeleton-product-meta {
    display: block;
    height: 0.7rem;
    width: 45%;
    max-width: 8rem;
    border-radius: 0.25rem;
}

#shipOrderModal.is-order-loading .open-order-modal-actions .btn:not(.btn-close) {
    opacity: 0.55;
    pointer-events: none;
}

/* Main Buttons - Universal styling for action buttons on pages */
/* On larger screens: floats right from title/subtitle */
/* On smaller screens: appears below subtitle */

.page-header {
    margin-bottom: 1.5rem;
}

.page-header .subtitle {
    margin-top: 0.5rem;
}

.handle-order-active-batch-row {
	margin-bottom: 0;
	padding: 0.25rem 0 0.5rem;
}

.handle-order-active-batch-header {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.handle-order-active-batch-header .page-header {
	margin-bottom: 0.75rem;
	text-align: center;
}

.handle-order-active-batch-banner h1 {
	max-width: min(100%, 40rem);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.handle-order-active-batch-banner .subtitle {
	max-width: min(100%, 40rem);
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 575.98px) {
	.handle-order-active-batch-banner h1 {
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
	}
}

.main-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.8rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

/* Batch sync toolbar + live status indicator (batches pages) */
.batch-sync-toolbar {
    display: inline-flex;
    align-items: stretch;
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: 7.5px;
    background: rgba(125, 125, 125, 0.06);
    border: 1px solid rgba(125, 125, 125, 0.08);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

body[data-theme=dark] .batch-sync-toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.batch-sync-status {
    --batch-sync-accent: #c4cdd5;
    --batch-sync-surface: rgba(255, 255, 255, 0.92);
    display: inline-flex;
    align-items: center;
    gap: 0.5625rem;
    min-height: 2.375rem;
    padding: 0 0.875rem;
    border: 1px solid rgba(125, 125, 125, 0.08);
    border-radius: 5px;
    background: var(--batch-sync-surface);
    white-space: nowrap;
    cursor: default;
    transition: background 0.3s ease, border-color 0.3s ease;
}

body[data-theme=dark] .batch-sync-status {
    --batch-sync-surface: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
}

.batch-sync-status__signal {
    position: relative;
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    color: var(--batch-sync-accent);
}

.batch-sync-status__ping {
    display: none;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
}

.batch-sync-status__dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    margin: -2.5px 0 0 -2.5px;
    border-radius: 50%;
    background: currentColor;
}

.batch-sync-status__ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid currentColor;
    opacity: 0.4;
}

.batch-sync-status__label {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    color: var(--bs-gray-700, #495057);
    letter-spacing: -0.015em;
}

body[data-theme=dark] .batch-sync-status__label {
    color: rgba(255, 255, 255, 0.9);
}

.batch-sync-status--auto {
    --batch-sync-accent: var(--success, #3fc77d);
    --batch-sync-surface: rgba(63, 199, 125, 0.08);
    border-color: rgba(63, 199, 125, 0.16);
}

.batch-sync-status--auto .batch-sync-status__dot {
    box-shadow: 0 0 6px rgba(63, 199, 125, 0.55);
}

.batch-sync-status--auto .batch-sync-status__ping {
    display: block;
    animation: batch-sync-status-ping 2.4s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.batch-sync-status--auto .batch-sync-status__ring {
    animation: batch-sync-status-live 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.batch-sync-status--auto .batch-sync-status__label {
    color: #248a54;
}

body[data-theme=dark] .batch-sync-status--auto {
    --batch-sync-accent: var(--primary);
    --batch-sync-surface: rgba(var(--primary-rgb), 0.1);
    border-color: rgba(var(--primary-rgb), 0.22);
}

body[data-theme=dark] .batch-sync-status--auto .batch-sync-status__label {
    color: var(--cd-text-secondary);
}

.batch-sync-status--manual {
    --batch-sync-accent: #e5a54b;
    --batch-sync-surface: rgba(229, 165, 75, 0.07);
    border-color: rgba(229, 165, 75, 0.14);
}

.batch-sync-status--manual .batch-sync-status__dot {
    box-shadow: 0 0 5px rgba(229, 165, 75, 0.4);
}

body[data-theme=dark] .batch-sync-status--manual {
    --batch-sync-surface: rgba(229, 165, 75, 0.08);
    border-color: rgba(229, 165, 75, 0.18);
}

.batch-sync-status--syncing {
    --batch-sync-accent: var(--primary, #0077ff);
    --batch-sync-surface: rgba(0, 119, 255, 0.07);
    border-color: rgba(0, 119, 255, 0.14);
}

.batch-sync-status--syncing .batch-sync-status__dot {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: transparent;
    border: 1.5px solid rgba(var(--primary-rgb, 0, 119, 255), 0.2);
    border-top-color: var(--primary, #0077ff);
    box-shadow: none;
    animation: batch-sync-status-spin 0.65s linear infinite;
}

.batch-sync-status--syncing .batch-sync-status__ring {
    display: none;
}

.batch-sync-status--syncing .batch-sync-status__label {
    color: var(--primary, #0077ff);
}

body[data-theme=dark] .batch-sync-status--syncing {
    --batch-sync-surface: rgba(0, 119, 255, 0.1);
    border-color: rgba(0, 119, 255, 0.2);
}

.batch-sync-toolbar .btn {
    margin: 0;
    border-radius: 5px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
    min-height: 2.375rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    font-size: 0.95rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.batch-sync-toolbar .btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}

.batch-sync-toolbar .btn:active:not(:disabled) {
    transform: translateY(0);
}

.batch-sync-toolbar .batch-sync-status:only-child {
    padding-right: 1rem;
}

@keyframes batch-sync-status-ping {
    0% {
        transform: scale(0.85);
        opacity: 0.45;
    }

    100% {
        transform: scale(2.4);
        opacity: 0;
    }
}

@keyframes batch-sync-status-live {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.4;
    }

    50% {
        transform: scale(1.55);
        opacity: 0.08;
    }
}

@keyframes batch-sync-status-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767.98px) {
    .batch-sync-toolbar {
        width: 100%;
    }

    .batch-sync-toolbar .batch-sync-status {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .batch-sync-toolbar .btn {
        flex: 1 1 auto;
        min-width: 0;
    }
}

.main-buttons .btn {
    white-space: nowrap;
}

/* Desktop: Float buttons to the right of page header */
@media (min-width: 768px) {
    /* Ensure container-fluid can position absolute children when main-buttons is present */
    .container-fluid:has(.page-header + .main-buttons) {
        position: relative;
    }
    
    /* Position buttons absolutely to float right of page header */
    .page-header + .main-buttons {
        position: absolute;
        top: 0;
        right: calc(var(--bs-gutter-x, 0.75rem) * 0.5);
        margin-bottom: 0;
        align-items: center;
    }
}

/* Mobile: Buttons appear below subtitle */
@media (max-width: 767.98px) {
    .main-buttons {
        position: static !important;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    /* On very small screens, allow buttons to wrap more easily if they don't fit */
    @media (max-width: 400px) {
        .main-buttons .btn {
            flex: 1 1 calc(50% - 0.25rem);
            min-width: 0;
        }
    }
}

.dropdown-divider {
    border-color: #eee;
}
body[data-theme=dark] .dropdown-divider {
    border-color: #4c4c4c;
}

/* Shipment label cards styling */
.shipment-label-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 7.5px;
}

.shipment-label-card .card-body {
    padding: 1rem;
}

.shipment-label-card h6 {
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}
.shipment-label-card a {
    color: var(--primary);
    font-size: 0.95rem;
}

.shipment-label-card a:hover {
    color: var(--primary-hover);
}

.shipment-label-card .btn {
    width: 100%;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .shipment-label-card .btn {
        width: auto;
    }
}

/* Shipment products list styling */
.shipment-products-list {
    max-height: 200px;
    overflow-y: auto;
}

.shipment-product-item {
    border-bottom: 1px solid var(--bs-border-color) !important;
}

.shipment-product-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.shipment-product-item .badge {
    font-size: 0.875rem;
    padding: 0.35em 0.65em;
}

div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group .btn {
    border-radius: 7.5px 7.5px 7.5px 7.5px !important;
}

div.dataTables_wrapper div.dt-buttons.btn-group > .dt-button {
    border-radius: var(--bs-border-radius, 0.2rem) !important;
}
.dataTables_wrapper .dt-down-arrow {
    padding-left: 5px;
}

/* Universal Empty State Styles for DataTables */
.dataTables_wrapper .dataTables_empty {
    padding: 3rem 1.5rem !important;
}

.empty-state-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    text-align: center;
    min-height: 300px;
}

.empty-state-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: var(--primary);
}

.empty-state-icon i {
    font-size: 2rem;
}

.empty-state-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--bs-gray-700);
    margin-bottom: 0.75rem;
}

.empty-state-message {
    font-size: 0.95rem;
    color: var(--bs-gray-600);
    margin-bottom: 1.5rem;
    max-width: 450px;
    line-height: 1.6;
    white-space: initial;
}

/* Dark mode support for empty state */
body[data-theme=dark] .empty-state-icon {
    background: rgba(var(--primary-rgb), 0.2);
    color: var(--primary);
}

body[data-theme=dark] .empty-state-title {
    color: var(--bs-body-color);
}

body[data-theme=dark] .empty-state-message {
    color: var(--bs-secondary-color);
}

/* Mobile responsive empty state */
@media (max-width: 767.98px) {
    .empty-state-container {
        padding: 2rem 1rem;
        min-height: 250px;
    }

    .empty-state-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 1rem;
    }

    .empty-state-icon i {
        font-size: 1.5rem;
    }

    .empty-state-title {
        font-size: 1.125rem;
    }

    .empty-state-message {
        font-size: 0.875rem;
    }
}

/* Shipping rules — DataTables empty state */
.dataTables_wrapper td.dataTables_empty {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.shipping-rules-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2.5rem 1.5rem;
    max-width: 34rem;
    margin: 0 auto;
}

.shipping-rules-empty-state-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
    color: var(--primary, #0077ff);
    font-size: 1.4rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 0 0.65rem rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.shipping-rules-empty-state-title {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--bs-gray-700, #495057);
}

.shipping-rules-empty-state-message {
    margin: 0 0 1.25rem;
    max-width: 28rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
    white-space: normal;
}

.shipping-rules-empty-state-tips {
    width: 100%;
    margin: 0 0 1.35rem;
    padding: 0.85rem 0.95rem;
    list-style: none;
    text-align: left;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.shipping-rules-empty-state-tips li {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--bs-secondary-color, #6c757d);
}

.shipping-rules-empty-state-tips li + li {
    margin-top: 0.55rem;
}

.shipping-rules-empty-state-tips li i {
    flex-shrink: 0;
    width: 1.125rem;
    margin-top: 0.15rem;
    text-align: center;
    color: var(--primary, #0077ff);
    font-size: 0.8rem;
}

.shipping-rules-empty-state-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.5rem 1.125rem;
    font-weight: 500;
}

.shipping-rules-empty-state--onboarding {
    padding: 2rem 1.25rem 2.35rem;
}

.shipping-rules-empty-state--filtered .shipping-rules-empty-state-icon-wrap {
    background: rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.06);
    color: var(--bs-secondary-color, #6c757d);
    box-shadow: none;
}

.onboarding-shipping-rules-table-wrap .dataTables_wrapper .dataTables_empty {
    padding: 0 !important;
}

.onboarding-sc-panel.is-shipping-rules-empty .onboarding-sc-header {
    border-bottom: 0;
}

.onboarding-shipping-rules-empty-view {
    padding: 2.5rem 1.5rem 3rem;
}

.onboarding-shipping-rules-empty-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 22rem;
    margin: 0 auto;
}

.onboarding-shipping-rules-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
    color: var(--primary, #0077ff);
    font-size: 1.2rem;
}

.onboarding-shipping-rules-empty-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--bs-gray-700, #495057);
}

.onboarding-shipping-rules-empty-text {
    margin-top: 0.45rem;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-shipping-rules-empty-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    margin-top: 1.35rem;
    padding: 0.5rem 1.25rem;
    font-weight: 500;
}

.onboarding-shipping-rules-managed-view .dataTables_info,
.onboarding-shipping-rules-managed-view .dataTables_filter,
.onboarding-shipping-rules-managed-view .dataTables_length,
.onboarding-shipping-rules-managed-view .dataTables_paginate {
    display: none !important;
}

body[data-theme=dark] .onboarding-shipping-rules-empty-title {
    color: var(--bs-body-color);
}

/* Onboarding — Configure bundles step */
.onboarding-bundles-explainer {
    margin-bottom: 1.25rem;
    padding: 1rem 1.15rem;
    border-radius: 0.25rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-bundles-explainer-title {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bundles-explainer-list {
    margin: 0;
    padding-left: 1.15rem;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-sc-panel.is-bundles-empty .onboarding-sc-header {
    border-bottom: 0;
}

.onboarding-bundles-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.onboarding-bundles-empty-view {
    padding: 2.5rem 1.5rem 3rem;
}

.onboarding-bundles-empty-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 26rem;
    margin: 0 auto;
}

.onboarding-bundles-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
    color: var(--primary, #0077ff);
    font-size: 1.2rem;
}

.onboarding-bundles-empty-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bundles-empty-text {
    margin-top: 0.45rem;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bundles-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 1.35rem;
}

.onboarding-bundles-empty-actions .btn {
    min-height: 44px;
}

.onboarding-bundles-table-wrap {
    padding: 0 1rem 1rem;
}

.onboarding-bundles-product-cell {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 12rem;
}

.onboarding-bundles-product-thumb {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
    border-radius: 0.2rem;
    background: #fff;
    flex-shrink: 0;
}

.onboarding-bundles-product-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.onboarding-bundles-product-title {
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
    word-break: break-word;
}

.onboarding-bundles-product-meta {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bundles-status {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.onboarding-bundles-status--complete {
    background: rgba(var(--success-rgb, 63, 199, 125), 0.14);
    color: var(--success, #3fc77d);
}

.onboarding-bundles-status--incomplete {
    background: rgba(239, 181, 64, 0.16);
    color: #b8860b;
}

.onboarding-bundles-inline-import {
    padding: 0 1.25rem 1.25rem;
}

.onboarding-bundles-inline-import__btn {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    min-height: 44px;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.2);
    border-radius: 0.25rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
    color: var(--bs-body-color, #495057);
    text-align: left;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.onboarding-bundles-inline-import__btn:hover,
.onboarding-bundles-inline-import__btn:focus {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
}

.onboarding-bundles-inline-import__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    color: var(--primary, #0077ff);
    flex-shrink: 0;
}

.onboarding-bundles-inline-import__label {
    flex: 1;
    font-size: 0.8125rem;
    font-weight: 500;
}

.onboarding-bundles-inline-import__action {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--primary, #0077ff);
    white-space: nowrap;
}

.onboarding-bundles-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.onboarding-bundles-delete-btn {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.onboarding-bundles-delete-btn:hover,
.onboarding-bundles-delete-btn:focus {
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.08);
    border-color: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.25);
}

.onboarding-bulk-import-modal {
    overflow: hidden;
    border: 0;
}

.onboarding-bulk-import-modal__hero {
    position: relative;
    padding: 1.75rem 1.5rem 1.35rem;
    text-align: center;
    background: linear-gradient(
        180deg,
        rgba(var(--primary-rgb, 0, 119, 255), 0.1) 0%,
        rgba(var(--primary-rgb, 0, 119, 255), 0.02) 100%
    );
    border-bottom: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

.onboarding-bulk-import-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.onboarding-bulk-import-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    margin-bottom: 0.85rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
    color: var(--primary, #0077ff);
    font-size: 1.2rem;
}

.onboarding-bulk-import-modal__title {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bulk-import-modal__lead {
    max-width: 28rem;
    margin: 0 auto;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bulk-import-modal__body {
    padding: 1.35rem 1.5rem 1.5rem;
}

.onboarding-bulk-import-modal__footer {
    padding: 0.85rem 1.5rem 1.15rem;
    border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-bulk-import-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.onboarding-bulk-import-steps.is-importing .onboarding-bulk-import-step {
    opacity: 0.55;
}

.onboarding-bulk-import-step {
    display: flex;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color, #dee6ed);
    border-radius: 0.25rem;
    background: var(--bs-body-bg, #fff);
    transition: opacity 0.2s ease;
}

.onboarding-bulk-import-step__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    color: var(--primary, #0077ff);
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
}

.onboarding-bulk-import-step__copy {
    flex: 1;
    min-width: 0;
    position: relative;
}

.onboarding-bulk-import-step__title {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bulk-import-step__text {
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bulk-import-step__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.45rem 0.9rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.25);
    border-radius: 0.25rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    color: var(--primary, #0077ff);
    font-weight: 500;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.onboarding-bulk-import-step__btn:hover,
.onboarding-bulk-import-step__btn:focus {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.4);
    color: var(--primary, #0077ff);
}

.onboarding-bulk-import-dropzone {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 9.5rem;
    padding: 1.25rem 1rem;
    border: 1.5px dashed rgba(var(--primary-rgb, 0, 119, 255), 0.35);
    border-radius: 0.25rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.onboarding-bulk-import-dropzone:hover,
.onboarding-bulk-import-dropzone:focus {
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.55);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    outline: none;
}

.onboarding-bulk-import-dropzone.is-dragover {
    border-color: var(--primary, #0077ff);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    transform: scale(1.01);
}

.onboarding-bulk-import-dropzone__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.onboarding-bulk-import-dropzone__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0.65rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    color: var(--primary, #0077ff);
    font-size: 1.15rem;
}

.onboarding-bulk-import-dropzone__title {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bulk-import-dropzone__hint,
.onboarding-bulk-import-dropzone__formats {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bulk-import-file-preview {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(var(--success-rgb, 63, 199, 125), 0.25);
    border-radius: 0.25rem;
    background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
}

.onboarding-bulk-import-file-preview__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
    background: rgba(var(--success-rgb, 63, 199, 125), 0.16);
    color: var(--success, #3fc77d);
    flex-shrink: 0;
}

.onboarding-bulk-import-file-preview__copy {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.onboarding-bulk-import-file-preview__name {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
    word-break: break-word;
}

.onboarding-bulk-import-file-preview__meta {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bulk-import-modal-progress {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.2);
    border-radius: 0.25rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

.onboarding-bulk-import-modal-progress__head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.65rem;
}

.onboarding-bulk-import-modal-progress__icon {
    color: var(--primary, #0077ff);
}

.onboarding-bulk-import-modal-progress__label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bulk-import-modal-progress__track {
    height: 0.45rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-bulk-import-modal-progress__track .progress-bar {
    height: 100%;
    background: var(--primary, #0077ff);
    border-radius: 999px;
    transition: width 0.35s ease;
}

/* Onboarding — bundle import mapping modal */
.onboarding-bundle-mapping-modal__header,
.onboarding-bundle-mapping-modal__footer {
    border-color: var(--bs-border-color, #dee6ed);
}

.onboarding-bundle-mapping-modal__body {
    padding: 1.25rem 1.5rem 1.5rem;
}

.onboarding-bundle-mapping-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 10rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.875rem;
}

.onboarding-bundle-mapping-guide {
    display: flex;
    gap: 0.85rem;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.14);
    border-radius: 0.25rem;
    background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.08), rgba(var(--success-rgb, 63, 199, 125), 0.05));
}

.onboarding-bundle-mapping-guide__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.75rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    color: var(--primary, #0077ff);
    flex-shrink: 0;
}

.onboarding-bundle-mapping-guide__title {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--bs-gray-700, #495057);
}

.onboarding-bundle-mapping-guide__text {
    font-size: 0.78rem;
    line-height: 1.55;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bundle-mapping-requirements {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.85rem 0 0;
}

.onboarding-bundle-mapping-requirement {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.65rem;
    border: 1px solid rgba(217, 83, 79, 0.22);
    border-radius: 999px;
    background: rgba(217, 83, 79, 0.06);
    color: #b6423f;
    font-size: 0.76rem;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.onboarding-bundle-mapping-requirement.is-valid {
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    color: var(--primary, #0077ff);
}

.onboarding-bundle-mapping-requirement i {
    font-size: 0.72rem;
}

.onboarding-bundle-mapping-note {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.85rem;
    font-size: 0.76rem;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bundle-mapping-note i {
    color: var(--primary, #0077ff);
    margin-top: 0.12rem;
}

.onboarding-bundle-mapping-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.72);
}

.onboarding-bundle-mapping-controls__actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.onboarding-bundle-mapping-clear-all {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.48rem 0.8rem;
    border: 1px solid rgba(217, 83, 79, 0.22);
    border-radius: 999px;
    background: rgba(217, 83, 79, 0.07);
    color: #b6423f;
    font-weight: 500;
}

.onboarding-bundle-mapping-clear-all:hover,
.onboarding-bundle-mapping-clear-all:focus {
    border-color: rgba(217, 83, 79, 0.42);
    background: rgba(217, 83, 79, 0.12);
    color: #9f322f;
}

.onboarding-bundle-mapping-clear-ai {
    display: none;
    align-items: center;
    gap: 0.4rem;
    min-height: 36px;
    border-radius: 999px;
    padding: 0.48rem 0.8rem;
}

.onboarding-bundle-import-ai-status {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.16);
    border-radius: 0.3rem;
    background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.08), rgba(var(--success-rgb, 63, 199, 125), 0.08));
    color: var(--bs-body-color);
    overflow: hidden;
    position: relative;
}

.onboarding-bundle-import-ai-status::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    animation: onboardingBundleImportAiSweep 1.7s ease-in-out infinite;
    pointer-events: none;
}

.onboarding-bundle-import-ai-status .ai-status-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--primary, #0077ff);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-bundle-import-ai-status .ai-status-title {
    font-weight: 500;
    color: var(--bs-heading-color, var(--bs-body-color));
}

.onboarding-bundle-import-ai-status .ai-status-text {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.78rem;
}

.onboarding-bundle-import-ai-status.is-done {
    border-color: rgba(var(--success-rgb, 63, 199, 125), 0.28);
    background: rgba(var(--success-rgb, 63, 199, 125), 0.1);
}

.onboarding-bundle-import-ai-status.is-error {
    border-color: rgba(217, 83, 79, 0.28);
    background: rgba(217, 83, 79, 0.1);
}

.onboarding-bundle-mapping-table-card {
    max-height: 42vh;
    overflow: auto;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color, #dee6ed);
    border-radius: 0.25rem;
    background: var(--bs-body-bg, #fff);
    transition: opacity 0.2s ease;
}

.onboarding-bundle-mapping-table-card.ai-detecting {
    opacity: 0.72;
    pointer-events: none;
}

.onboarding-bundle-mapping-table-card .table {
    margin-bottom: 0;
    font-size: 0.8125rem;
}

.onboarding-bundle-mapping-table-card .table thead th {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--bs-body-bg, #fff);
    vertical-align: top;
    box-shadow: 0 1px 0 var(--bs-border-color, #dee6ed);
}

.onboarding-bundle-mapping-table-card .bundle_import_select.ai-detecting {
    background-image: linear-gradient(90deg, rgba(var(--primary-rgb, 0, 119, 255), 0.06), rgba(var(--success-rgb, 63, 199, 125), 0.12), rgba(var(--primary-rgb, 0, 119, 255), 0.06));
    background-size: 200% 100%;
    animation: onboardingBundleImportSelectShimmer 1.25s linear infinite;
}

.onboarding-bundle-mapping-table-card .bundle_import_select.ai-mapped {
    border-color: var(--primary, #0077ff) !important;
    box-shadow: 0 0 0 0.18rem rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    animation: onboardingBundleImportMappedPulse 0.7s ease;
}

.onboarding-bundle-start-import-btn {
    min-height: 48px;
    font-weight: 500;
}

@keyframes onboardingBundleImportAiSweep {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

@keyframes onboardingBundleImportSelectShimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@keyframes onboardingBundleImportMappedPulse {
    0% { transform: scale(1); }
    45% { transform: scale(1.03); }
    100% { transform: scale(1); }
}

.onboarding-bundle-modal-lead {
    font-size: 0.8125rem;
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bundle-editor-modal .modal-title {
    color: var(--bs-emphasis-color, var(--bs-gray-700, #495057));
}

.onboarding-bundle-editor-modal__header {
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1.25rem 1.25rem 0.75rem;
    border-bottom: 0;
}

.onboarding-bundle-editor-modal__hero {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    flex: 1;
    min-width: 0;
}

.onboarding-bundle-editor-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
    color: var(--primary);
    font-size: 1rem;
}

.onboarding-bundle-editor-modal__heading {
    min-width: 0;
}

.onboarding-bundle-editor-modal__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.75rem 1.25rem 1.25rem;
}

.onboarding-bundle-editor-modal__footer {
    padding: 0.75rem 1.25rem 1.25rem;
    border-top: 1px solid var(--bs-border-color);
}

.onboarding-bundle-editor-section {
    padding: 1rem 1.125rem;
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.onboarding-bundle-editor-section-head {
    margin-bottom: 0.625rem;
}

.onboarding-bundle-editor-section-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bs-emphasis-color, var(--bs-gray-700, #495057));
}

.onboarding-bundle-editor-section-hint {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--bs-secondary-color, var(--bs-gray-600, #6c757d));
}

.onboarding-bundle-parent-select + .select2-container {
    width: 100% !important;
}

.onboarding-bundle-convert-note {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.15);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
    color: var(--bs-body-color);
}

.onboarding-bundle-children-head {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0.875rem;
}

.onboarding-bundle-children-head-copy {
    min-width: 0;
}

.onboarding-bundle-add-child-btn {
    flex-shrink: 0;
    min-height: 2.25rem;
    white-space: nowrap;
}

.onboarding-bundle-children-table {
    border-radius: 0.375rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-bundle-children-table-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.5rem 2.75rem;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, var(--bs-gray-600, #6c757d));
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-bundle-children-rows {
    display: flex;
    flex-direction: column;
}

.onboarding-bundle-child-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.5rem 2.75rem;
    gap: 0.5rem;
    align-items: center;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-bundle-child-row:last-child {
    border-bottom: 0;
}

.onboarding-bundle-child-row__product {
    min-width: 0;
}

.onboarding-bundle-child-row__product .select2-container {
    width: 100% !important;
}

.onboarding-bundle-child-row__qty .form-control {
    min-height: 2.375rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
}

.onboarding-bundle-child-row__actions {
    display: flex;
    justify-content: center;
}

.onboarding-bundle-child-remove {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color, var(--bs-gray-600, #6c757d));
    background: transparent;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.2rem;
}

.onboarding-bundle-child-remove:hover,
.onboarding-bundle-child-remove:focus {
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.08);
    border-color: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.25);
}

.onboarding-bundle-children-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.75rem 1rem;
    text-align: center;
    color: var(--bs-secondary-color, var(--bs-gray-600, #6c757d));
    font-size: 0.8125rem;
}

.onboarding-bundle-children-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    color: var(--primary);
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .onboarding-bundle-children-head {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {
    .onboarding-bundle-children-table-head {
        display: none;
    }

    .onboarding-bundle-child-row {
        grid-template-columns: minmax(0, 1fr) 4.75rem 2.5rem;
        padding: 0.75rem;
    }

    .onboarding-bundle-add-child-btn {
        width: 100%;
    }
}

.onboarding-bundle-product-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.15rem 0;
}

.onboarding-bundle-product-option__image {
    width: 42px;
    height: 42px;
    border-radius: 0.25rem;
    flex: 0 0 auto;
    background-color: var(--bs-light, #f8f9fa);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.onboarding-bundle-product-option__image--selection {
    width: 28px;
    height: 28px;
    border-radius: 0.2rem;
}

.onboarding-bundle-product-selection {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 100%;
    min-width: 0;
}

.onboarding-bundle-product-selection__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-bundle-product-option__body {
    min-width: 0;
    flex: 1 1 auto;
}

.onboarding-bundle-product-option__title {
    font-weight: 500;
    color: var(--bs-body-color);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-bundle-product-option__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.25rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.75rem;
}

.onboarding-bundle-product-option__chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.12rem 0.4rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    color: var(--primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-bundle-product-option__stock {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.4rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 500;
}

.onboarding-bundle-product-option__stock.is-available {
    background: rgba(var(--bs-success-rgb, 63, 199, 125), 0.12);
    color: var(--success, #3fc77d);
}

.onboarding-bundle-product-option__stock.is-empty {
    background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.12);
    color: var(--bs-secondary-color, #6c757d);
}

.onboarding-bundle-product-option__stock.is-negative {
    background: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.12);
    color: var(--bs-danger, #d9534f);
}

#onboardingBundleEditorModal .select2-container--default .select2-selection--single {
    min-height: 2.625rem;
    display: flex;
    align-items: center;
}

#onboardingBundleEditorModal .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 0.65rem;
    padding-right: 1.75rem;
    line-height: 1.35;
}

#onboardingBundleEditorModal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

#onboardingBundleEditorModal .select2-results__option {
    padding: 0.55rem 0.75rem;
}

#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}

#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__title,
#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__meta,
#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__chip,
#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__stock {
    color: #fff;
}

#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__chip {
    background: rgba(255, 255, 255, 0.18);
}

#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__stock.is-available,
#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__stock.is-empty,
#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__stock.is-negative {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

#onboardingBundleEditorModal .select2-container--default .select2-results__option--highlighted[aria-selected] .onboarding-bundle-product-option__image {
    border-color: rgba(255, 255, 255, 0.35);
}

.onboarding-bundles-managed-view .dataTables_info,
.onboarding-bundles-managed-view .dataTables_filter,
.onboarding-bundles-managed-view .dataTables_length,
.onboarding-bundles-managed-view .dataTables_paginate {
    display: none !important;
}

body[data-theme=dark] .onboarding-bundles-explainer {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
    border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-bundles-explainer-title,
body[data-theme=dark] .onboarding-bundles-empty-title,
body[data-theme=dark] .onboarding-bundles-product-title {
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bundles-product-thumb {
    background: rgba(255, 255, 255, 0.04);
}

body[data-theme=dark] .onboarding-bundles-status--incomplete {
    color: #efb540;
}

body[data-theme=dark] .onboarding-bundle-editor-modal .modal-title,
body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-editor-section-title {
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-modal-lead,
body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-editor-section-hint,
body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-children-table-head,
body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-children-empty {
    color: var(--cd-text-muted, rgba(254, 254, 254, 0.5));
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-editor-section {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-children-table {
    background: var(--cd-surface-input, #2a2b2e);
    border-color: var(--cd-border-subtle, rgba(255, 255, 255, 0.06));
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-children-table-head {
    background: rgba(255, 255, 255, 0.04);
    border-bottom-color: var(--cd-border-subtle, rgba(255, 255, 255, 0.06));
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-child-row {
    border-bottom-color: var(--cd-border-subtle, rgba(255, 255, 255, 0.06));
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-child-remove {
    color: var(--cd-text-secondary, rgba(254, 254, 254, 0.68));
    background: transparent;
    border-color: var(--cd-border-default, rgba(255, 255, 255, 0.1));
}

body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-child-remove:hover,
body[data-theme=dark] .onboarding-bundle-editor-modal .onboarding-bundle-child-remove:focus {
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.12);
    border-color: rgba(var(--bs-danger-rgb, 217, 83, 79), 0.3);
}

body[data-theme=dark] .onboarding-bundle-editor-modal .form-control,
body[data-theme=dark] .onboarding-bundle-editor-modal .form-select {
    background-color: var(--cd-surface-elevated, #2a2b2e) !important;
    border-color: var(--cd-border-default, rgba(255, 255, 255, 0.1)) !important;
    color: var(--bs-body-color, #fefefe) !important;
}

body[data-theme=dark] .onboarding-bundle-editor-modal .select2-container--default .select2-selection--single,
body[data-theme=dark] .onboarding-bundle-editor-modal .select2-container--default .select2-selection--multiple {
    background-color: var(--cd-surface-elevated, #2a2b2e) !important;
    border-color: var(--cd-border-default, rgba(255, 255, 255, 0.1)) !important;
}

body[data-theme=dark] .onboarding-bundle-editor-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color, #fefefe) !important;
}

body[data-theme=dark] .onboarding-bundle-editor-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--cd-text-muted, rgba(254, 254, 254, 0.5)) !important;
}

body[data-theme=dark] .onboarding-bundle-editor-modal__footer {
    border-top-color: var(--cd-border-subtle, rgba(255, 255, 255, 0.06));
}

body[data-theme=dark] .onboarding-bundle-convert-note {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bundle-product-option__image {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] #onboardingBundleEditorModal .select2-dropdown {
    background-color: var(--cd-surface-overlay, #242528);
    border-color: var(--cd-border-subtle, rgba(255, 255, 255, 0.06));
}

body[data-theme=dark] #onboardingBundleEditorModal .select2-container--default .select2-results__option {
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bundles-inline-import__btn {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bulk-import-modal__hero {
    background: linear-gradient(
        180deg,
        rgba(var(--primary-rgb, 0, 119, 255), 0.18) 0%,
        rgba(255, 255, 255, 0.02) 100%
    );
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-bulk-import-modal__title,
body[data-theme=dark] .onboarding-bulk-import-step__title,
body[data-theme=dark] .onboarding-bulk-import-dropzone__title,
body[data-theme=dark] .onboarding-bulk-import-file-preview__name,
body[data-theme=dark] .onboarding-bulk-import-modal-progress__label {
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bulk-import-step {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-bulk-import-dropzone {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    border-color: rgba(255, 255, 255, 0.18);
}

body[data-theme=dark] .onboarding-bulk-import-dropzone:hover,
body[data-theme=dark] .onboarding-bulk-import-dropzone:focus,
body[data-theme=dark] .onboarding-bulk-import-dropzone.is-dragover {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
}

body[data-theme=dark] .onboarding-bulk-import-file-preview {
    background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
    border-color: rgba(var(--success-rgb, 63, 199, 125), 0.25);
}

body[data-theme=dark] .onboarding-bulk-import-modal-progress {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
    border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-bulk-import-modal-progress__track {
    background: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-bulk-import-modal__footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-bundle-mapping-guide {
    background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.16), rgba(var(--success-rgb, 63, 199, 125), 0.08));
    border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-bundle-mapping-guide__title {
    color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-bundle-mapping-controls {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
}

body[data-theme=dark] .onboarding-bundle-mapping-requirement {
    border-color: rgba(217, 83, 79, 0.34);
    background: rgba(217, 83, 79, 0.12);
    color: #ffb7b5;
}

body[data-theme=dark] .onboarding-bundle-mapping-requirement.is-valid {
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.34);
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
    color: #9ec8ff;
}

body[data-theme=dark] .onboarding-bundle-mapping-clear-all {
    border-color: rgba(217, 83, 79, 0.34);
    background: rgba(217, 83, 79, 0.16);
    color: #ffb7b5;
}

body[data-theme=dark] .onboarding-bundle-import-ai-status {
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
    background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.18), rgba(var(--success-rgb, 63, 199, 125), 0.12));
}

body[data-theme=dark] .onboarding-bundle-import-ai-status::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
}

body[data-theme=dark] .onboarding-bundle-mapping-table-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-bundle-mapping-table-card .table thead th {
    background: rgb(var(--bs-body-bg-rgb, 22, 24, 27));
}

@media (max-width: 767.98px) {
    .onboarding-bundle-mapping-modal__body {
        padding: 1rem;
    }

    .onboarding-bundle-mapping-guide {
        flex-direction: column;
    }

    .onboarding-bundle-mapping-requirements {
        flex-direction: column;
    }

    .onboarding-bundle-mapping-requirement {
        width: 100%;
        border-radius: 0.35rem;
    }

    .onboarding-bundle-mapping-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .onboarding-bundle-mapping-controls__actions {
        width: 100%;
    }

    .onboarding-bundle-mapping-clear-all,
    .onboarding-bundle-mapping-clear-ai {
        width: 100%;
        justify-content: center;
    }

    .onboarding-bundle-import-ai-status {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .onboarding-bundles-header-actions {
        width: 100%;
    }

    .onboarding-bundles-header-actions .btn {
        flex: 1 1 auto;
        width: 100%;
    }

    .onboarding-bundles-empty-actions {
        width: 100%;
    }

    .onboarding-bundles-empty-actions .btn {
        width: 100%;
    }

    .onboarding-bulk-import-modal__hero {
        padding: 1.5rem 1.15rem 1.15rem;
    }

    .onboarding-bulk-import-modal__body {
        padding: 1.15rem;
    }

    .onboarding-bulk-import-step {
        flex-direction: column;
        gap: 0.65rem;
    }

    .onboarding-bulk-import-step__btn {
        width: 100%;
        justify-content: center;
    }

    .onboarding-bulk-import-file-preview {
        flex-wrap: wrap;
    }

    .onboarding-bundles-inline-import__action {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .onboarding-shipping-rules-empty-view {
        padding: 2rem 1.25rem 2.5rem;
    }

    .onboarding-shipping-rules-empty-cta {
        width: 100%;
    }
}

body[data-theme=dark] .shipping-rules-empty-state-title {
    color: var(--bs-body-color);
}

body[data-theme=dark] .shipping-rules-empty-state-tips {
    background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
    border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

body[data-theme=dark] .shipping-rules-empty-state--filtered .shipping-rules-empty-state-icon-wrap {
    background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 767.98px) {
    .shipping-rules-empty-state {
        padding: 2rem 1rem;
    }

    .shipping-rules-empty-state-icon-wrap {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.2rem;
    }

    .shipping-rules-empty-state-title {
        font-size: 1rem;
    }

    .shipping-rules-empty-state-cta {
        width: 100%;
    }
}

/* Success / completion state (e.g. batch completed) */
.success-state-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2.5rem 1.5rem;
	text-align: center;
	min-height: 280px;
}

.success-state-icon {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: rgba(var(--success-rgb), 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	color: var(--success);
}

.success-state-icon i {
	font-size: 2.5rem;
}

.success-state-title {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--bs-gray-700);
	margin-bottom: 0.5rem;
}

.success-state-message {
	font-size: 0.95rem;
	color: var(--bs-gray-600);
	margin-bottom: 1.75rem;
	max-width: 420px;
	line-height: 1.6;
}

body[data-theme=dark] .success-state-icon {
	background: rgba(var(--success-rgb), 0.18);
	color: var(--success);
}

body[data-theme=dark] .success-state-title {
	color: var(--bs-body-color);
}

body[data-theme=dark] .success-state-message {
	color: var(--bs-secondary-color);
}

.batch-completed-state {
	max-width: 38rem;
	margin: 0 auto;
	padding: 0.5rem 0 1.25rem;
}

.batch-completed-card {
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: var(--bs-card-bg, #fff);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body[data-theme=dark] .batch-completed-card {
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

.batch-completed-card .card-body {
	padding: 1.5rem 1.4rem 1.25rem;
}

.batch-completed-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.35rem;
	margin-bottom: 1.35rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .batch-completed-hero {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.batch-completed-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	background: rgba(63, 199, 125, 0.14);
	color: var(--success, #3fc77d);
	font-size: 1.35rem;
	margin-bottom: 0.15rem;
}

body[data-theme=dark] .batch-completed-check {
	background: rgba(63, 199, 125, 0.2);
	color: #5fd492;
}

.batch-completed-eyebrow {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--success, #3fc77d);
	line-height: 1.2;
}

body[data-theme=dark] .batch-completed-eyebrow {
	color: #5fd492;
}

.batch-completed-title {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
	line-height: 1.35;
	word-break: break-word;
	max-width: 100%;
}

body[data-theme=dark] .batch-completed-title {
	color: var(--bs-body-color, #fefefe);
}

.batch-completed-message {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
	max-width: 26rem;
}

.batch-completed-id {
	font-size: 0.7rem;
	font-weight: 600;
	margin-top: 0.15rem;
}

.batch-completed-section-heading {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bs-secondary-color, #6c757d);
	margin-bottom: 0.65rem;
}

body[data-theme=dark] .batch-completed-section-heading {
	color: rgba(255, 255, 255, 0.55);
}

.batch-completed-highlights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.65rem;
	margin-bottom: 1.25rem;
}

.batch-completed-highlight {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.2rem;
	padding: 0.85rem 0.5rem;
	border-radius: 0.5rem;
	background: rgba(63, 199, 125, 0.07);
	border: 1px solid rgba(63, 199, 125, 0.14);
}

body[data-theme=dark] .batch-completed-highlight {
	background: rgba(63, 199, 125, 0.1);
	border-color: rgba(63, 199, 125, 0.2);
}

.batch-completed-highlight-icon {
	font-size: 0.8rem;
	color: var(--success, #3fc77d);
	opacity: 0.9;
}

.batch-completed-highlight-value {
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

body[data-theme=dark] .batch-completed-highlight-value {
	color: var(--bs-body-color, #fefefe);
}

.batch-completed-highlight-label {
	font-size: 0.68rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.25;
}

.batch-completed-workflow {
	margin-bottom: 1.25rem;
	padding: 0.9rem 1rem;
	border-radius: 0.5rem;
	background: rgba(0, 0, 0, 0.02);
	border: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .batch-completed-workflow {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.08);
}

.batch-completed-workflow-bar {
	display: flex;
	width: 100%;
	height: 0.45rem;
	border-radius: 999px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.06);
	margin-bottom: 0.75rem;
}

body[data-theme=dark] .batch-completed-workflow-bar {
	background: rgba(255, 255, 255, 0.08);
}

.batch-completed-workflow-segment {
	height: 100%;
	min-width: 0;
}

.batch-completed-workflow-segment--picking {
	background: var(--primary, #0077ff);
}

.batch-completed-workflow-segment--packing {
	background: var(--success, #3fc77d);
}

.batch-completed-workflow-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	margin-bottom: 0.55rem;
}

.batch-completed-workflow-legend-item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.batch-completed-workflow-legend-item strong {
	color: var(--bs-gray-700, #495057);
	font-weight: 600;
}

body[data-theme=dark] .batch-completed-workflow-legend-item strong {
	color: var(--bs-body-color, #fefefe);
}

.batch-completed-workflow-legend-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	flex-shrink: 0;
}

.batch-completed-workflow-legend-dot--picking {
	background: var(--primary, #0077ff);
}

.batch-completed-workflow-legend-dot--packing {
	background: var(--success, #3fc77d);
}

.batch-completed-workflow-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
	padding-top: 0.45rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .batch-completed-workflow-total {
	border-top-color: rgba(255, 255, 255, 0.08);
}

.batch-completed-workflow-total strong {
	font-size: 0.8125rem;
	color: var(--bs-gray-700, #495057);
}

body[data-theme=dark] .batch-completed-workflow-total strong {
	color: var(--bs-body-color, #fefefe);
}

.batch-completed-details {
	margin-bottom: 0.25rem;
}

.batch-completed-details-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem;
}

.batch-completed-detail {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	padding: 0.65rem 0.7rem;
	border-radius: 0.45rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: var(--bs-card-bg, #fff);
}

body[data-theme=dark] .batch-completed-detail {
	border-color: rgba(255, 255, 255, 0.08);
}

.batch-completed-detail-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.04);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.68rem;
}

body[data-theme=dark] .batch-completed-detail-icon {
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.55);
}

.batch-completed-detail-copy {
	min-width: 0;
	flex: 1;
}

.batch-completed-detail-label {
	display: block;
	font-size: 0.68rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.25;
	margin-bottom: 0.1rem;
}

.batch-completed-detail-value {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
	line-height: 1.25;
}

body[data-theme=dark] .batch-completed-detail-value {
	color: var(--bs-body-color, #fefefe);
}

.batch-completed-detail-hint {
	display: block;
	font-size: 0.64rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.25;
	margin-top: 0.1rem;
	opacity: 0.9;
}

.batch-completed-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.25rem;
	width: 100%;
}

body.handle-order-batch-completed .handle-order-results-col {
	padding-top: 0.75rem !important;
	margin-top: 0 !important;
}

.handle-order-batch-completed-panel {
	max-width: 38rem;
	margin: 1.75rem auto 2.5rem;
}

body.handle-order-batch-completed .handle-order-batch-completed-panel .batch-completed-state {
	max-width: none;
	margin: 0;
	padding: 0;
}

body.handle-order-batch-completed .batch-completed-card {
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

body.handle-order-batch-completed .batch-completed-details {
	margin-bottom: 0;
}

body.handle-order-batch-completed #shipped-orders-wrapper.batch-shipped-orders-section {
	max-width: none;
	margin-top: 0.75rem !important;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0 0 0.45rem 0.45rem;
	overflow: hidden;
	background: var(--bs-card-bg, #fff);
	box-shadow: none;
}

body[data-theme=dark].handle-order-batch-completed #shipped-orders-wrapper.batch-shipped-orders-section {
	border-color: rgba(255, 255, 255, 0.1);
}

body.handle-order-batch-completed .batch-shipped-orders-header {
	margin-bottom: 0;
	margin-top: 0;
	padding: 1rem 1.35rem 0.6rem;
	border: 0;
	background: transparent;
}

body.handle-order-batch-completed .batch-shipped-orders-title {
	font-size: 0.8125rem;
	font-weight: 600;
}

body.handle-order-batch-completed #list-of-shipped-orders .batch-shipped-orders-card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

body.handle-order-batch-completed .batch-completed-actions {
	padding: 1rem 1.35rem 1.15rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0;
	background: transparent;
	width: 100%;
}

body[data-theme=dark].handle-order-batch-completed .batch-completed-actions {
	border-top-color: rgba(255, 255, 255, 0.08);
}

.batch-shipped-orders-section {
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
}

.batch-shipped-orders-title {
	font-size: 0.9rem;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.batch-shipped-orders-card {
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.07);
}

body[data-theme=dark] .batch-shipped-orders-card {
	border-color: rgba(255, 255, 255, 0.1);
}

.batch-shipped-orders-list {
	display: flex;
	flex-direction: column;
}

.batch-shipped-order-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	width: 100%;
	padding: 0.7rem 0.9rem;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: transparent;
	text-align: left;
	transition: background-color 0.2s ease;
}

.batch-shipped-order-row:last-child {
	border-bottom: 0;
}

.batch-shipped-order-row:hover,
.batch-shipped-order-row:focus {
	background: rgba(0, 0, 0, 0.02);
	outline: none;
}

body[data-theme=dark] .batch-shipped-order-row {
	border-bottom-color: rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .batch-shipped-order-row:hover,
body[data-theme=dark] .batch-shipped-order-row:focus {
	background: rgba(255, 255, 255, 0.03);
}

.batch-shipped-order-main {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	flex: 1;
}

.batch-shipped-order-id {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 2.5rem;
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
	background: rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .batch-shipped-order-id {
	color: var(--bs-body-color, #fefefe);
	background: rgba(255, 255, 255, 0.1);
}

.batch-shipped-order-copy {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.batch-shipped-order-shop-id {
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body[data-theme=dark] .batch-shipped-order-shop-id {
	color: var(--bs-body-color, #fefefe);
}

.batch-shipped-order-customer {
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.batch-shipped-order-status {
	flex-shrink: 0;
	font-size: 0.72rem;
}

@media (max-width: 767.98px) {
	.success-state-container {
		padding: 2rem 1rem;
		min-height: 240px;
	}

	.success-state-icon {
		width: 72px;
		height: 72px;
		margin-bottom: 1.25rem;
	}

	.success-state-icon i {
		font-size: 2rem;
	}

	.success-state-title {
		font-size: 1.25rem;
	}

	.success-state-message {
		font-size: 0.875rem;
		margin-bottom: 1.5rem;
	}

	.batch-completed-highlights {
		grid-template-columns: 1fr;
	}

	.batch-completed-details-grid {
		grid-template-columns: 1fr;
	}

	.batch-completed-card .card-body {
		padding: 1.25rem 1rem 1rem;
	}
}

/* ==========================================================================
   Filter Sidebar - Shared across returns, orders, labels, products
   ========================================================================== */

.filter-section {
    margin-bottom: 1.5rem;
}

.filter-section:last-child {
    margin-bottom: 0;
}

.filter-label {
    font-size: 0.825rem;
    font-weight: 500;
    color: var(--bs-body-color);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-section .form-select,
.filter-section .form-control,
.filter-section select {
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 0.75rem;
    border-color: var(--bs-border-color);
}

.filter-section .form-select:focus,
.filter-section .form-control:focus {
    border-color: var(--highlight-color);
    box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25);
}

.filter-section .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0;
    align-items: stretch;
    width: 100%;
}

.filter-section .input-group .form-select {
    flex: 0 0 auto;
    min-width: 140px;
    max-width: 180px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    display: block;
    border-color: var(--bs-border-color);
}

.filter-section .input-group .form-control {
    flex: 1 1 auto;
    display: block;
    border-color: var(--bs-border-color);
}

.filter-section .input-group .btn {
    height: calc(1.5em + 1rem + 2px);
    min-height: calc(1.5em + 1rem + 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
}

.filter-section .input-group .form-select + .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.filter-section .input-group .form-select:focus + .form-control,
.filter-section .input-group .form-select:focus {
    border-color: var(--bs-border-color);
    box-shadow: none;
}

.filter-section .input-group .form-select:focus + .form-control:focus {
    border-color: var(--highlight-color);
    box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25);
}

.filter-section .select2-container {
    width: 100% !important;
}

.filter-section .select2-container--default.select2-container--focus .select2-selection {
    border-color: var(--highlight-color) !important;
    box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25) !important;
}

.filter-section .select2-container .select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    height: auto;
    display: flex;
    align-items: center;
    border-color: var(--bs-border-color) !important;
}

.filter-section .select2-container--default .select2-selection--single,
.filter-section .select2-container--default .select2-selection--multiple {
    border-color: var(--bs-border-color) !important;
}

.filter-section .select2-container .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem;
    min-height: calc(1.5em + 1rem + 2px);
    line-height: 1.5;
}

.filter-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
}

.filter-section .select2-container .select2-selection__placeholder,
.filter-section .select2-container--default .select2-selection--single .select2-selection__placeholder,
.filter-section .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: var(--bs-secondary-color);
    line-height: 1.5;
}

.filter-section .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    min-height: calc(1.5em + 1rem + 2px);
}

.filter-section .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.filter-section .select2-container .select2-search--inline {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.filter-section .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    margin-bottom: -10px;
    padding: 0;
    height: auto;
    line-height: 1;
}

/* Horizontal page filter rows (open orders, center orders, dashboard, etc.) */
.page-filter-row {
	--page-filter-control-height: 2.75rem;
}

.page-filter-row > [class*="col-"] {
	display: flex;
	flex-direction: column;
}

.page-filter-row .form-select,
.page-filter-row .form-control,
.page-filter-row select {
	width: 100%;
	height: var(--page-filter-control-height);
	min-height: var(--page-filter-control-height);
	max-height: var(--page-filter-control-height);
	padding: 0.5rem 0.75rem;
	line-height: 1.25;
	border-color: var(--bs-border-color);
	box-sizing: border-box;
}

.page-filter-row .input-group {
	width: 100%;
	flex: 1 1 auto;
}

.page-filter-row .input-group .form-control {
	height: var(--page-filter-control-height);
	min-height: var(--page-filter-control-height);
	max-height: var(--page-filter-control-height);
}

.page-filter-row .form-select:focus,
.page-filter-row .form-control:focus {
	border-color: var(--highlight-color);
	box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25);
}

.page-filter-row .select2-container {
	width: 100% !important;
	flex: 1 1 auto;
}

.page-filter-row .select2-container--default.select2-container--focus .select2-selection {
	border-color: var(--highlight-color) !important;
	box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25) !important;
}

.page-filter-row .select2-container .select2-selection--single,
.page-filter-row .select2-container .select2-selection--multiple {
	height: var(--page-filter-control-height) !important;
	min-height: var(--page-filter-control-height) !important;
	max-height: var(--page-filter-control-height) !important;
	display: flex !important;
	align-items: center;
	border-color: var(--bs-border-color) !important;
	border-radius: 7.5px;
	box-sizing: border-box;
}

.page-filter-row .select2-container--default .select2-selection--single,
.page-filter-row .select2-container--default .select2-selection--multiple {
	border-color: var(--bs-border-color) !important;
}

.page-filter-row .select2-container .select2-selection__rendered {
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0 0.75rem;
	line-height: 1.25;
	float: none !important;
	overflow: hidden;
}

.page-filter-row .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 0.75rem;
	justify-content: flex-start;
}

.page-filter-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 0.5rem;
}

.page-filter-row .select2-container .select2-selection__placeholder,
.page-filter-row .select2-container--default .select2-selection--single .select2-selection__placeholder,
.page-filter-row .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: var(--bs-secondary-color);
	line-height: 1.25;
}

.page-filter-row .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 0.5rem 0 0.75rem;
}

.page-filter-row .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin: 0 0.35rem 0 0;
	padding: 0.125rem 0.4rem;
	font-size: 0.8125rem;
	line-height: 1.25;
	max-width: calc(100% - 0.5rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-filter-row .select2-container .select2-search--inline {
	float: none;
	margin: 0;
}

.page-filter-row .select2-container .select2-search--inline .select2-search__field {
	margin: 0;
	padding: 0;
	height: 1.25rem;
	line-height: 1.25;
	min-height: 0;
}

.filter-actions {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color);
}

.filter-chevron {
    transition: transform 0.2s ease;
}

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

.filter-toggle-btn:focus,
.filter-toggle-btn:active,
.filter-toggle-btn:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}

@media (min-width: 768px) {
    .filter-toggle-btn {
        display: none !important;
    }
}

.row.show-on-extra-filters {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
}

.filter-column {
    width: 25%;
    min-width: 280px;
    max-width: 300px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    align-self: flex-start;
}

.filter-column.filter-collapsed {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: 0;
    overflow: hidden;
    height: 0 !important;
    min-height: 0 !important;
}

.filter-column.filter-collapsed > * {
    display: none !important;
}

.filter-column .filters-sidebar {
    overflow: hidden;
}

.table-column {
    flex: 1;
    min-width: 0;
    align-self: flex-start;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

/* Filter-page DataTables use scrollX; show a thin horizontal track (global rule hides it). */
.table-column .dataTables_scrollBody {
    overflow-x: auto !important;
    scrollbar-width: thin;
    -ms-overflow-style: auto;
}

.table-column .dataTables_scrollBody::-webkit-scrollbar {
    display: block;
    height: 6px;
}

.filters-sidebar {
    transition: opacity 0.3s ease;
}

@media (min-width: 768px) {
    #filtersSidebar.collapsing {
        transition: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    #filtersSidebar.collapse,
    #filtersSidebar.collapse.show,
    #filtersSidebar.collapse:not(.show) {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }

    .filters-sidebar {
        height: auto !important;
        max-height: none !important;
        transition: opacity 0.3s ease !important;
    }
}

/* Stack filters above table on tablet/narrow desktop so the list keeps full width. */
@media (max-width: 991.98px) {
    .row.show-on-extra-filters {
        flex-wrap: wrap;
    }

    .filter-column {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }

    .table-column {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .filters-sidebar.collapsed {
        display: none;
    }

    .filter-section {
        margin-bottom: 1.25rem;
    }

    .filter-section .form-select,
    .filter-section .form-control,
    .filter-section select {
        width: 100%;
    }

    .filter-section .input-group {
        flex-wrap: wrap !important;
    }

    .filter-section .input-group .form-select {
        min-width: 100%;
        max-width: 100%;
        border-radius: 0.25rem !important;
        border-right: 1px solid var(--bs-border-color) !important;
        margin-bottom: 0.5rem;
    }

    .filter-section .input-group .form-select + .form-control {
        border-radius: 0.25rem !important;
        border-left: 1px solid var(--bs-border-color) !important;
    }

    .filter-section .input-group .btn {
        border-radius: 0.25rem !important;
        margin-bottom: 0.5rem;
    }

    .filter-section .input-group .btn + .form-control {
        border-radius: 0.25rem !important;
        border-left: 1px solid var(--bs-border-color) !important;
    }

    #filtersSidebar.collapse:not(.show) {
        display: none;
    }

    #filtersSidebar.collapse.show {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .filter-section {
        margin-bottom: 1rem;
    }

    .filter-label {
        font-size: 0.8rem;
        margin-bottom: 0.4rem;
    }

    .filter-section .form-select,
    .filter-section .form-control,
    .filter-section select {
        font-size: 0.9rem;
        padding: 0.45rem 0.65rem;
        min-height: 44px;
    }

    .filter-section .input-group .btn {
        min-height: 44px;
    }

    .filter-actions {
        margin-top: 1.25rem;
        padding-top: 0.75rem;
    }

    .filter-actions .btn {
        min-height: 44px;
        font-size: 0.9rem;
    }

    .filter-section .select2-container .select2-selection {
        min-height: 44px;
    }

    .filter-section .select2-container .select2-selection__rendered {
        padding: 0.45rem 0.65rem;
        font-size: 0.9rem;
        min-height: 44px;
    }

    .filter-section .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 0.85rem;
        padding: 0.2rem 0.4rem;
        margin: 0.15rem;
    }

    .filter-section .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        margin-right: 0.3rem;
        font-size: 1rem;
    }

    .page-filter-row .form-select,
    .page-filter-row .form-control,
    .page-filter-row select {
        font-size: 0.9rem;
        padding: 0.45rem 0.65rem;
        height: var(--page-filter-control-height, 2.75rem);
        min-height: var(--page-filter-control-height, 2.75rem);
        max-height: var(--page-filter-control-height, 2.75rem);
    }

    .page-filter-row .input-group .form-control {
        height: var(--page-filter-control-height, 2.75rem);
        min-height: var(--page-filter-control-height, 2.75rem);
        max-height: var(--page-filter-control-height, 2.75rem);
    }

    .page-filter-row .select2-container .select2-selection--single,
    .page-filter-row .select2-container .select2-selection--multiple {
        height: var(--page-filter-control-height, 2.75rem) !important;
        min-height: var(--page-filter-control-height, 2.75rem) !important;
        max-height: var(--page-filter-control-height, 2.75rem) !important;
    }

    .page-filter-row .select2-container .select2-selection__rendered {
        padding: 0 0.65rem;
        font-size: 0.9rem;
    }

    .page-filter-row .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 0.85rem;
        padding: 0.1rem 0.35rem;
    }
}

@media (max-width: 375px) {
    .filter-section {
        margin-bottom: 0.875rem;
    }

    .filter-label {
        font-size: 0.75rem;
    }

    .filter-section .form-select,
    .filter-section .form-control,
    .filter-section select {
        font-size: 0.85rem;
        padding: 0.4rem 0.55rem;
    }
}

/* Sales channel logo in orders list – compact, theme-aware badge */
.channel-logo-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.06);
    min-width: 36px;
    height: 28px;
    transition: box-shadow 0.2s ease;
}

body[data-theme=dark] .channel-logo-badge {
    background: rgba(32, 33, 36, 0.95);
    border-color: rgba(255, 255, 255, 0.12);
}

.channel-logo-badge:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

body[data-theme=dark] .channel-logo-badge:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.channel-logo-img {
    max-width: 28px;
    max-height: 20px;
    width: auto;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

.channel-logo-fallback {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* Carrier logos in orders / labels tables */
.carrier-logo-img {
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    padding: 5px;
    object-fit: contain;
}

/* Reference quantity badges (open orders table) */
.order-qty-badge {
    font-weight: 500;
    border: 1px solid transparent;
}

.order-qty-badge[data-qty="1"] { background: rgba(76, 175, 80, 0.18); color: #1b5e20; border-color: rgba(76, 175, 80, 0.28); }
.order-qty-badge[data-qty="2"] { background: rgba(3, 169, 244, 0.18); color: #01579b; border-color: rgba(3, 169, 244, 0.28); }
.order-qty-badge[data-qty="3"] { background: rgba(156, 39, 176, 0.18); color: #6a1b9a; border-color: rgba(156, 39, 176, 0.28); }
.order-qty-badge[data-qty="4"] { background: rgba(249, 168, 37, 0.2); color: #e65100; border-color: rgba(249, 168, 37, 0.3); }
.order-qty-badge[data-qty="5"] { background: rgba(245, 127, 23, 0.2); color: #e65100; border-color: rgba(245, 127, 23, 0.3); }
.order-qty-badge[data-qty="6"] { background: rgba(239, 108, 0, 0.2); color: #bf360c; border-color: rgba(239, 108, 0, 0.3); }
.order-qty-badge[data-qty="7"] { background: rgba(230, 81, 0, 0.2); color: #bf360c; border-color: rgba(230, 81, 0, 0.3); }
.order-qty-badge[data-qty="8"] { background: rgba(216, 67, 21, 0.2); color: #b71c1c; border-color: rgba(216, 67, 21, 0.3); }
.order-qty-badge[data-qty="9"] { background: rgba(198, 40, 40, 0.2); color: #b71c1c; border-color: rgba(198, 40, 40, 0.3); }
.order-qty-badge[data-qty="10"] { background: rgba(183, 28, 28, 0.2); color: #b71c1c; border-color: rgba(183, 28, 28, 0.3); }
.order-qty-badge[data-qty="default"] { background: rgba(96, 125, 139, 0.18); color: #37474f; border-color: rgba(96, 125, 139, 0.28); }

/* ============================================
   Rich Text Editor – Task Description Toolbar
   ============================================ */
.rte-wrapper {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.rte-wrapper:focus-within {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}
body[data-theme=dark] .rte-wrapper {
    border-color: rgba(255, 255, 255, 0.12);
}
body[data-theme=dark] .rte-wrapper:focus-within {
    border-color: #0d6efd;
}
.rte-toolbar {
    display: flex;
    align-items: center;
    gap: 1px;
    padding: 0.25rem 0.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    flex-shrink: 0;
}
body[data-theme=dark] .rte-toolbar {
    background: rgba(255, 255, 255, 0.04);
    border-bottom-color: rgba(255, 255, 255, 0.10);
}
.rte-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #495057;
    font-size: 0.85rem;
    transition: background 0.15s, color 0.15s;
    padding: 0;
    line-height: 1;
}
.rte-btn:hover {
    background: #e9ecef;
    color: #0d6efd;
}
body[data-theme=dark] .rte-btn {
    color: #d1d5db;
}
body[data-theme=dark] .rte-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #60a5fa;
}
.rte-sep {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #dee2e6;
    margin: 0 4px;
    flex-shrink: 0;
}
body[data-theme=dark] .rte-sep {
    background: rgba(255, 255, 255, 0.15);
}
.rte-editable {
    padding: 0.5rem 0.7rem;
    min-height: 100px;
    outline: none;
    font-size: 0.9rem;
    line-height: 1.65;
    cursor: text;
    background: #fff;
    word-break: break-word;
    overflow-wrap: break-word;
}
body[data-theme=dark] .rte-editable {
    background: rgb(var(--bs-card-bg-rgb));
    color: #d1d5db;
}
.rte-editable:empty::before {
    content: attr(placeholder);
    color: #adb5bd;
    font-style: italic;
    pointer-events: none;
}
.rte-editable p { margin: 0 0 0.25rem; }
.rte-editable p:last-child { margin-bottom: 0; }
.rte-editable ul,
.rte-editable ol { margin: 0.25rem 0; padding-left: 1.5rem; }
.rte-editable li { margin-bottom: 0.1rem; }

/* Read-only description preview inside the task edit modal */
.description-preview-modal {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--bs-body-color);
    min-height: 2.5rem;
    padding: 0.5rem 0.625rem;
    border-radius: 0.25rem;
    background: transparent;
    cursor: text;
}
.description-preview-modal:empty::before {
    content: attr(data-placeholder);
    color: #adb5bd;
    pointer-events: none;
}
.description-preview-modal ul,
.description-preview-modal ol { margin: 0.25rem 0; padding-left: 1.5rem; }
.description-preview-modal li { margin-bottom: 0.1rem; }
.description-preview-modal p { margin: 0 0 0.25rem; }
.description-preview-modal p:last-child { margin-bottom: 0; }
.description-preview-modal b,
.description-preview-modal strong { font-weight: 600; }
.description-preview-modal em,
.description-preview-modal i { font-style: italic; }
.description-preview-modal a {
    color: var(--primary, #0077ff);
    text-decoration: underline;
    word-break: break-all;
}
.description-preview-modal a:hover { color: var(--primary-hover, #0061d0); }
body[data-theme=dark] .description-preview-modal a { color: #5badff; }
body[data-theme=dark] .description-preview-modal a:hover { color: #78bcff; }

/* RTE link modal must float above any other open modal (inline z-index set in JS too) */
#rte-link-modal.modal.show {
	z-index: 1080 !important;
}

/* ============================================
   Create Task Modal
   ============================================ */
#createTaskModal .modal-dialog {
	max-width: 640px;
}

#createTaskModal .cd-create-task-modal {
	border: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.04),
		0 20px 48px rgba(15, 23, 42, 0.14);
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] #createTaskModal .cd-create-task-modal {
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.06),
		0 24px 56px rgba(0, 0, 0, 0.45);
}

#createTaskModal .cd-create-task-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 1.5rem 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: linear-gradient(180deg, rgba(var(--primary-rgb, 0, 119, 255), 0.04) 0%, transparent 100%);
}

body[data-theme=dark] #createTaskModal .cd-create-task-header {
	border-bottom-color: rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(var(--primary-rgb, 0, 119, 255), 0.08) 0%, transparent 100%);
}

#createTaskModal .cd-create-task-header-main {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	min-width: 0;
}

#createTaskModal .cd-create-task-header-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 10px;
	background: var(--primary, #0077ff);
	color: #fff;
	flex-shrink: 0;
	font-size: 0.9rem;
	box-shadow: 0 4px 12px rgba(var(--primary-rgb, 0, 119, 255), 0.28);
}

#createTaskModal .cd-create-task-title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
}

body[data-theme=dark] #createTaskModal .cd-create-task-title {
	color: var(--bs-body-color, #fefefe);
}

#createTaskModal .cd-create-task-subtitle {
	margin: 0.2rem 0 0;
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

#createTaskModal .cd-create-task-body {
	padding: 1.25rem 1.5rem 0.5rem;
}

#createTaskModal .cd-create-task-section {
	margin-bottom: 1.25rem;
}

#createTaskModal .cd-create-task-section:last-child {
	margin-bottom: 0.75rem;
}

#createTaskModal .cd-create-task-label {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	letter-spacing: 0.01em;
}

body[data-theme=dark] #createTaskModal .cd-create-task-label {
	color: rgba(255, 255, 255, 0.88);
}

#createTaskModal .cd-create-task-label .cd-required {
	color: #d9534f;
}

#createTaskModal .cd-create-task-hint {
	margin: -0.15rem 0 0.65rem;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.4;
}

#createTaskModal .cd-create-task-input,
#createTaskModal .cd-create-task-body .form-select {
	min-height: 2.5rem;
	border-radius: 8px;
	border-color: rgba(0, 0, 0, 0.1);
	font-size: 0.875rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body[data-theme=dark] #createTaskModal .cd-create-task-input,
body[data-theme=dark] #createTaskModal .cd-create-task-body .form-select {
	border-color: rgba(255, 255, 255, 0.12);
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	color: var(--bs-body-color);
}

#createTaskModal .cd-create-task-input:focus,
#createTaskModal .cd-create-task-body .form-select:focus {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

#createTaskModal .cd-create-task-rte.rte-wrapper {
	border-radius: 8px;
	border-color: rgba(0, 0, 0, 0.1);
}

body[data-theme=dark] #createTaskModal .cd-create-task-rte.rte-wrapper {
	border-color: rgba(255, 255, 255, 0.12);
}

#createTaskModal .cd-create-task-rte.rte-wrapper:focus-within {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

#createTaskModal .cd-create-task-rte .rte-editable {
	min-height: 88px;
	font-size: 0.875rem;
}

#createTaskModal .cd-create-task-type-selector {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.65rem;
}

#createTaskModal .cd-create-task-type-selector .btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

#createTaskModal .cd-create-task-type-option {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 0;
	padding: 0.8rem 0.9rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: var(--bs-body-bg, #fff);
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	text-align: left;
}

body[data-theme=dark] #createTaskModal .cd-create-task-type-option {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

#createTaskModal .cd-create-task-type-option:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

#createTaskModal .cd-create-task-type-selector .btn-check:checked + .cd-create-task-type-option {
	border-color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	box-shadow: 0 0 0 1px rgba(var(--primary-rgb, 0, 119, 255), 0.2);
}

#createTaskModal .cd-create-task-type-option-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 8px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 0.85rem;
}

#createTaskModal .cd-create-task-type-selector .btn-check:checked + .cd-create-task-type-option .cd-create-task-type-option-icon {
	background: var(--primary, #0077ff);
	color: #fff;
}

#createTaskModal .cd-create-task-type-option-text {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

#createTaskModal .cd-create-task-type-option-title {
	font-size: 0.84rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.25;
}

body[data-theme=dark] #createTaskModal .cd-create-task-type-option-title {
	color: var(--bs-body-color);
}

#createTaskModal .cd-create-task-type-option-desc {
	font-size: 0.72rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.3;
}

#createTaskModal .cd-create-task-details-grid .cd-create-task-field {
	margin-bottom: 0;
}

.datetime-range-wrapper {
	position: relative;
}

.datetime-range-icon {
	position: absolute;
	right: 0.85rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--bs-secondary-color, #6c757d);
	pointer-events: none;
	z-index: 1;
	font-size: 0.85rem;
	line-height: 1;
}

body[data-theme=dark] .datetime-range-icon {
	color: #adb5bd;
}

.datetime-range-wrapper .form-control {
	padding-right: 2.5rem;
	cursor: pointer;
}

#createTaskModal .cd-create-task-datetime.datetime-range-wrapper .form-control {
	padding-right: 2.5rem;
}

#createTaskModal .cd-create-task-context-search .input-group-text {
	border-radius: 8px 0 0 8px;
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.02);
	color: var(--bs-secondary-color, #6c757d);
}

body[data-theme=dark] #createTaskModal .cd-create-task-context-search .input-group-text {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.04);
}

#createTaskModal .cd-create-task-context-search .form-control {
	border-radius: 0;
	min-height: 2.5rem;
}

#createTaskModal .cd-create-task-context-search .cd-create-task-context-clear {
	border-radius: 0 8px 8px 0;
	border-color: rgba(0, 0, 0, 0.1);
	color: var(--bs-secondary-color, #6c757d);
}

#createTaskModal .cd-create-task-context-chip {
	width: 100%;
	margin-top: 0.65rem;
	padding: 0.75rem 0.85rem;
	border-radius: 10px;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.18);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
}

body[data-theme=dark] #createTaskModal .cd-create-task-context-chip {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

#createTaskModal .cd-create-task-context-chip-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

#createTaskModal .cd-create-task-context-chip-main {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	min-width: 0;
	flex: 1;
}

#createTaskModal .cd-create-task-context-chip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 8px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 0.8rem;
}

#createTaskModal .cd-create-task-context-chip-text {
	min-width: 0;
}

#createTaskModal #create-context-selected-label {
	display: block;
	font-size: 0.84rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
}

body[data-theme=dark] #createTaskModal #create-context-selected-label {
	color: var(--bs-body-color);
}

#createTaskModal #create-context-selected-subtitle,
#createTaskModal #create-context-selected-seller {
	font-size: 0.74rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.35;
}

#createTaskModal .cd-create-task-context-chip-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

#createTaskModal .cd-create-task-context-chip-remove:hover {
	background: rgba(217, 83, 79, 0.1);
	color: #d9534f;
}

#createTaskModal #create-context-selected-image img {
	width: 2.5rem;
	height: 2.5rem;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

#createTaskModal .cd-create-task-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: wrap;
	padding: 1rem 1.5rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] #createTaskModal .cd-create-task-footer {
	border-top-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.02);
}

#createTaskModal .cd-create-task-footer-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-left: auto;
}

#createTaskModal .cd-create-task-footer-secondary {
	padding-left: 0;
	padding-right: 0;
	font-size: 0.82rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	text-decoration: none;
	border: 0;
	background: transparent;
	min-height: 2.5rem;
}

#createTaskModal .cd-create-task-footer-secondary:hover {
	color: var(--primary-hover, #0061d0);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

#createTaskModal .cd-create-task-footer .btn-primary {
	min-height: 2.5rem;
	padding-inline: 1.1rem;
	border-radius: 8px;
	font-weight: 500;
}

@media (max-width: 575.98px) {
	#createTaskModal .modal-dialog {
		margin: 0.5rem;
	}

	#createTaskModal .cd-create-task-header,
	#createTaskModal .cd-create-task-body,
	#createTaskModal .cd-create-task-footer {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#createTaskModal .cd-create-task-type-selector {
		grid-template-columns: 1fr;
	}

	#createTaskModal .cd-create-task-footer {
		flex-direction: column;
		align-items: stretch;
	}

	#createTaskModal .cd-create-task-footer-actions {
		margin-left: 0;
		width: 100%;
	}

	#createTaskModal .cd-create-task-footer-actions .btn-primary {
		flex: 1;
	}
}

/* ============================================
   Task Detail Modal (split layout)
   ============================================ */
#task-modal .modal-dialog {
	max-width: 860px;
}

#task-modal .cd-task-modal {
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] #task-modal .cd-task-modal {
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 24px 56px rgba(0, 0, 0, 0.45);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

#task-modal .cd-task-modal-topbar {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 1.35rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] #task-modal .cd-task-modal-topbar {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

#task-modal .cd-task-modal-title {
	margin: 0;
	flex: 1;
	min-width: 0;
	font-size: 1.15rem;
	font-weight: 500;
	color: var(--bs-gray-800, #212529);
	line-height: 1.4;
	cursor: text;
	word-break: break-word;
	border-radius: 6px;
	padding: 0.15rem 0.3rem;
	transition: background 0.15s ease, outline 0.15s ease;
	outline: none;
	letter-spacing: -0.01em;
}

body[data-theme=dark] #task-modal .cd-task-modal-title {
	color: var(--bs-body-color, #fefefe);
}

#task-modal .cd-task-modal-title:hover {
	background: rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] #task-modal .cd-task-modal-title:hover {
	background: rgba(255, 255, 255, 0.06);
}

#task-modal .cd-task-modal-title:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	outline: 2px solid rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	outline-offset: 0;
}

#task-modal .cd-task-modal-topbar-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

#task-modal .cd-task-modal-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.15s ease, color 0.15s ease;
	box-shadow: none !important;
}

#task-modal .cd-task-modal-icon-btn i {
	font-size: 0.8rem;
	line-height: 1;
}

#task-modal .cd-task-modal-icon-btn--ai {
	color: var(--primary, #0077ff);
}

#task-modal .cd-task-modal-icon-btn--ai:hover,
#task-modal .cd-task-modal-icon-btn--ai:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary-hover, #0061d0);
}

#task-modal .cd-task-modal-icon-btn--delete {
	color: #d9534f;
}

#task-modal .cd-task-modal-icon-btn--delete:hover,
#task-modal .cd-task-modal-icon-btn--delete:focus {
	background: rgba(217, 83, 79, 0.1);
	color: #c9302c;
}

#task-modal .cd-task-modal-icon-btn--close {
	color: var(--bs-secondary-color, #6c757d);
}

#task-modal .cd-task-modal-icon-btn--close:hover,
#task-modal .cd-task-modal-icon-btn--close:focus {
	background: rgba(0, 0, 0, 0.04);
	color: var(--bs-body-color);
}

body[data-theme=dark] #task-modal .cd-task-modal-icon-btn--close:hover,
body[data-theme=dark] #task-modal .cd-task-modal-icon-btn--close:focus {
	background: rgba(255, 255, 255, 0.08);
}

#task-modal .cd-task-modal-layout {
	display: flex;
	align-items: stretch;
	max-height: calc(100vh - 200px);
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] #task-modal .cd-task-modal-layout {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

#task-modal .cd-task-modal-sidebar {
	width: 236px;
	flex-shrink: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	padding: 1rem 0.85rem 1.1rem;
	background: #f7f9fc;
	overflow-y: auto;
	max-height: inherit;
}

body[data-theme=dark] #task-modal .cd-task-modal-sidebar {
	background: rgba(255, 255, 255, 0.04);
	border-right-color: rgba(255, 255, 255, 0.08);
}

#task-modal .cd-task-sidebar-heading {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bs-gray-600, #6c757d);
	margin: 0 0 0.55rem 0.1rem;
}

body[data-theme=dark] #task-modal .cd-task-sidebar-heading {
	color: rgba(255, 255, 255, 0.62);
}

#task-modal .cd-task-sidebar-heading:not(:first-child) {
	margin-top: 0.5rem;
}

#task-modal .cd-task-sidebar-divider {
	height: 0;
	margin: 0.65rem 0 0.5rem;
	border: none;
}

#task-modal .cd-task-sidebar-field {
	position: relative;
	padding: 0.55rem 0.65rem;
	border-radius: 8px;
	margin-bottom: 0.35rem;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

#task-modal .cd-task-sidebar-field:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.2);
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

body[data-theme=dark] #task-modal .cd-task-sidebar-field {
	background: rgba(255, 255, 255, 0.07);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] #task-modal .cd-task-sidebar-field:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

#task-modal .cd-task-sidebar-field--readonly {
	cursor: default;
}

#task-modal .cd-task-sidebar-field--readonly:hover {
	border-color: rgba(0, 0, 0, 0.05);
	box-shadow: none;
}

body[data-theme=dark] #task-modal .cd-task-sidebar-field--readonly:hover {
	border-color: rgba(255, 255, 255, 0.1);
}

#task-modal .cd-task-sidebar-hint {
	font-size: 0.7rem;
	line-height: 1.4;
	padding: 0 0.5rem 0.25rem;
}

#task-modal .cd-task-sidebar-field-label {
	font-size: 0.7rem;
	font-weight: 600;
	color: var(--bs-gray-600, #6c757d);
	margin: 0 0 0.35rem;
	line-height: 1.25;
}

body[data-theme=dark] #task-modal .cd-task-sidebar-field-label {
	color: rgba(255, 255, 255, 0.58);
}

#task-modal .cd-task-sidebar-field-value {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 1.35rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray-800, #212529);
	line-height: 1.35;
}

body[data-theme=dark] #task-modal .cd-task-sidebar-field-value {
	color: var(--bs-body-color, #d1d5db);
}

#task-modal .cd-task-sidebar-field-value .fa-chevron-down {
	font-size: 0.68rem;
	color: var(--bs-gray-500, #adb5bd);
	margin-left: auto;
	flex-shrink: 0;
}

body[data-theme=dark] #task-modal .cd-task-sidebar-field-value .fa-chevron-down {
	color: rgba(255, 255, 255, 0.45);
}

#task-modal .cd-task-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #efb540;
}

#task-modal .cd-task-status-dot[data-status="in_progress"] { background: #f97316; }
#task-modal .cd-task-status-dot[data-status="waiting"] { background: #8b5cf6; }
#task-modal .cd-task-status-dot[data-status="completed"] { background: var(--success, #3fc77d); }
#task-modal .cd-task-status-dot[data-status="cancelled"] { background: #9ca3af; }

#task-modal .cd-task-assignee-avatar {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.15);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.55rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

#task-modal .cd-task-category-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	font-size: 0.875rem;
	font-weight: 500;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	color: var(--bs-gray-800, #212529);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 1.25rem);
	line-height: 1.3;
}

#task-modal .cd-task-category-badge:not(.cd-task-category-badge--empty)::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--cat-color, var(--primary, #0077ff));
}

#task-modal .cd-task-category-badge--empty {
	color: var(--bs-gray-600, #6c757d);
	font-weight: 400;
	font-size: 0.875rem;
	max-width: 100%;
}

#task-modal .cd-task-category-badge--empty::before {
	display: none;
}

body[data-theme=dark] #task-modal .cd-task-category-badge:not(.cd-task-category-badge--empty) {
	color: var(--bs-body-color, #e5e7eb);
}

#task-modal .cd-task-sidebar-muted {
	font-size: 0.8125rem;
	color: var(--bs-gray-700, #495057);
}

body[data-theme=dark] #task-modal .cd-task-sidebar-muted {
	color: rgba(255, 255, 255, 0.78);
}

#task-modal .cd-task-price-currency-tag {
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--bs-gray-600, #6c757d);
	border: none;
	border-radius: 0;
	padding: 0;
	margin-left: auto;
	background: transparent;
}

body[data-theme=dark] #task-modal .cd-task-price-currency-tag {
	color: var(--bs-secondary-color, #9ca3af);
}

#task-modal .cd-task-sidebar-select,
#task-modal .cd-task-sidebar-input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	border: none;
	background: transparent;
}

#task-modal .cd-task-sidebar-field--date .datetime-range-wrapper {
	position: absolute;
	inset: 0;
	opacity: 0;
}

#task-modal .cd-task-sidebar-field--date .datetime-range-wrapper input {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#task-modal .cd-task-sidebar-field--date .datetime-range-icon {
	display: none;
}

#task-modal .cd-task-sidebar-field--price .cd-task-sidebar-price-inputs {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.35rem;
	display: flex;
	gap: 0.25rem;
	padding: 0 0.5rem;
	opacity: 0;
	height: 1.75rem;
	align-items: center;
}

#task-modal .cd-task-sidebar-field--price .cd-task-sidebar-price-inputs .form-control {
	max-width: 4.5rem;
	height: 1.75rem;
	font-size: 0.75rem;
}

#task-modal .cd-task-sidebar-field--price .cd-task-sidebar-price-inputs .form-select {
	max-width: 4rem;
	height: 1.75rem;
	font-size: 0.68rem;
}

#task-modal .cd-task-sidebar-linked,
#task-modal .cd-task-sidebar-linked:hover {
	cursor: default;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-list {
	font-size: 0.75rem;
	margin-top: 0.2rem;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip {
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(0, 0, 0, 0.02);
	border-radius: 8px;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip:hover {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.15);
	box-shadow: none;
}

body[data-theme=dark] #task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] #task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip:hover {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
}

#task-modal .cd-task-sidebar-linked .cd-task-sidebar-muted {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	line-height: 1.4;
}

#task-modal .cd-task-modal-main {
	flex: 1;
	min-width: 0;
	overflow-y: auto;
	max-height: inherit;
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] #task-modal .cd-task-modal-main {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

#task-modal .cd-task-modal-main-section {
	padding: 1.2rem 1.4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#task-modal .cd-task-modal-main-section--notes {
	padding-bottom: 1.15rem;
}

body[data-theme=dark] #task-modal .cd-task-modal-main-section {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

#task-modal .cd-task-modal-main-section:last-child {
	border-bottom: none;
}

#task-modal .cd-task-modal-footer-bar {
	padding: 0.75rem 1.35rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] #task-modal .cd-task-modal-footer-bar {
	border-top-color: rgba(255, 255, 255, 0.08);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

#task-modal .cd-task-modal-section {
	padding: 0;
	border-bottom: none;
}

#task-modal .cd-task-modal-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.5rem;
}

#task-modal .cd-task-modal-label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	letter-spacing: 0.01em;
	line-height: 1.3;
}

#task-modal .cd-task-modal-label--section {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bs-gray-600, #6c757d);
	margin-bottom: 0.65rem;
}

body[data-theme=dark] #task-modal .cd-task-modal-label--section {
	color: rgba(255, 255, 255, 0.62);
}

body[data-theme=dark] #task-modal .cd-task-modal-label {
	color: rgba(255, 255, 255, 0.88);
}

#task-modal .cd-task-modal-body .form-select,
#task-modal .cd-task-modal-body .form-control {
	min-height: 2.5rem;
	padding: 0.25rem 0.7rem;
	border: 1px solid var(--bs-border-color);
	border-radius: 7.5px;
	font-size: 0.825rem;
	font-weight: 600;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body[data-theme=dark] #task-modal .cd-task-modal-body .form-select,
body[data-theme=dark] #task-modal .cd-task-modal-body .form-control {
	border-color: rgba(255, 255, 255, 0.12);
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	color: var(--bs-body-color);
}

#task-modal .cd-task-modal-body .form-select:focus,
#task-modal .cd-task-modal-body .form-control:focus {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

#task-modal .cd-task-modal-datetime.datetime-range-wrapper .form-control {
	padding-right: 2.5rem;
}

#task-modal .cd-task-modal-section--properties .datetime-range-icon {
	font-size: 0.85rem;
	right: 0.7rem;
}

#task-modal .cd-task-modal-price .form-select {
	max-width: 5.5rem;
	border-radius: 0 7.5px 7.5px 0;
}

#task-modal .cd-task-modal-price .form-control {
	border-radius: 7.5px 0 0 7.5px;
}

#task-modal .cd-task-modal-body .input-group > .form-control,
#task-modal .cd-task-modal-body .input-group > .form-select,
#task-modal .cd-task-modal-body .input-group > .input-group-text,
#task-modal .cd-task-modal-body .input-group > .btn {
	min-height: 2.5rem;
}

#task-modal .cd-task-modal-linked-list {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

#task-modal .cd-task-modal-linked-empty {
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	padding: 0.65rem 0.85rem;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.02);
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-empty {
	background: rgba(255, 255, 255, 0.03);
}

#task-modal .cd-task-modal-linked-chip {
	display: block;
	width: 100%;
	text-decoration: none;
	color: inherit;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: rgba(0, 0, 0, 0.015);
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

#task-modal .cd-task-modal-linked-chip:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.25);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	color: inherit;
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-chip {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-chip:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

#task-modal .cd-task-modal-linked-chip--static {
	cursor: default;
}

#task-modal .cd-task-modal-linked-chip--static:hover {
	border-color: rgba(0, 0, 0, 0.08);
	background: rgba(0, 0, 0, 0.015);
	box-shadow: none;
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-chip--static:hover {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

#task-modal .cd-task-modal-linked-chip-inner {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 0.85rem;
}

#task-modal .cd-task-modal-linked-chip--removable:hover {
	border-color: rgba(0, 0, 0, 0.08);
	background: rgba(0, 0, 0, 0.015);
	box-shadow: none;
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-chip--removable:hover {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

#task-modal .cd-task-modal-linked-chip-main-link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex: 1;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

#task-modal .cd-task-modal-linked-chip-main-link:hover {
	color: inherit;
}

#task-modal .cd-task-modal-linked-chip-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

#task-modal .cd-task-modal-linked-chip-remove:hover {
	background: rgba(217, 83, 79, 0.1);
	color: #d9534f;
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-chip-remove:hover {
	background: rgba(217, 83, 79, 0.16);
	color: #f08080;
}

#task-modal .cd-task-modal-linked-chip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 8px;
	flex-shrink: 0;
	font-size: 0.95rem;
	color: #fff;
}

#task-modal .cd-task-modal-linked-chip-icon--order { background: var(--success, #3fc77d); }
#task-modal .cd-task-modal-linked-chip-icon--product { background: var(--primary, #0077ff); }
#task-modal .cd-task-modal-linked-chip-icon--return { background: #efb540; }
#task-modal .cd-task-modal-linked-chip-icon--delivery { background: #1F9BCF; }
#task-modal .cd-task-modal-linked-chip-icon--center { background: #6c757d; }

#task-modal .linked-entity-product-thumb.cd-task-modal-linked-chip-thumb {
	width: 2.5rem;
	height: 2.5rem;
}

#task-modal .linked-entity-product-thumb.cd-task-modal-linked-chip-thumb .linked-entity-product-thumb__img,
#task-modal .linked-entity-product-thumb.cd-task-modal-linked-chip-thumb .linked-entity-product-thumb__placeholder {
	border-radius: 8px;
}

#task-modal .cd-task-modal-linked-chip-text {
	min-width: 0;
	flex: 1;
}

#task-modal .cd-task-modal-linked-chip-title {
	display: block;
	font-size: 0.84rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
}

body[data-theme=dark] #task-modal .cd-task-modal-linked-chip-title {
	color: var(--bs-body-color);
}

#task-modal .cd-task-modal-linked-chip-meta {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.74rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.35;
}

#task-modal .cd-task-modal-linked-chip-link {
	flex-shrink: 0;
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	opacity: 0.7;
}

#task-modal .cd-task-modal-context-change {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed rgba(0, 0, 0, 0.08);
}

body[data-theme=dark] #task-modal .cd-task-modal-context-change {
	border-top-color: rgba(255, 255, 255, 0.1);
}

#task-modal .cd-task-modal-context-search .input-group-text {
	border-radius: 7.5px 0 0 7.5px;
	border: 1px solid var(--bs-border-color);
	background: rgba(0, 0, 0, 0.02);
	color: var(--bs-secondary-color, #6c757d);
	padding-inline: 0.7rem;
}

body[data-theme=dark] #task-modal .cd-task-modal-context-search .input-group-text {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.04);
}

#task-modal .cd-task-modal-context-search .form-control {
	border-radius: 0;
	border-left: 0;
}

#task-modal .cd-task-modal-context-search .form-control:focus {
	box-shadow: none;
}

#task-modal .cd-task-modal-context-search:focus-within .input-group-text,
#task-modal .cd-task-modal-context-search:focus-within .form-control,
#task-modal .cd-task-modal-context-search:focus-within .cd-task-modal-context-clear {
	border-color: var(--primary, #0077ff);
}

#task-modal .cd-task-modal-context-search:focus-within {
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	border-radius: 7.5px;
}

#task-modal .cd-task-modal-context-search .cd-task-modal-context-clear {
	border-radius: 0 7.5px 7.5px 0;
	border: 1px solid var(--bs-border-color);
	border-left: 0;
	background: var(--bs-body-bg, #fff);
	color: var(--bs-secondary-color, #6c757d);
	padding-inline: 0.7rem;
	box-shadow: none !important;
}

#task-modal .cd-task-modal-context-search .cd-task-modal-context-clear:hover {
	background: rgba(0, 0, 0, 0.04);
	color: var(--bs-body-color);
}

body[data-theme=dark] #task-modal .cd-task-modal-context-search .cd-task-modal-context-clear {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] #task-modal .cd-task-modal-context-search .cd-task-modal-context-clear:hover {
	background: rgba(255, 255, 255, 0.06);
}

#task-modal .cd-task-modal-context-chip {
	margin-top: 0.65rem;
	padding: 0.75rem 0.85rem;
	border-radius: 10px;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.18);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
}

body[data-theme=dark] #task-modal .cd-task-modal-context-chip {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

#task-modal .cd-task-modal-context-chip-inner {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

#task-modal .cd-task-modal-context-chip-main {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	min-width: 0;
	flex: 1;
}

#task-modal #modal-context-selected-label {
	display: block;
	font-size: 0.84rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
}

body[data-theme=dark] #task-modal #modal-context-selected-label {
	color: var(--bs-body-color);
}

#task-modal #modal-context-selected-subtitle,
#task-modal #modal-context-selected-seller {
	display: block;
	font-size: 0.74rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.35;
}

#task-modal #modal-context-selected-image img {
	width: 2.5rem;
	height: 2.5rem;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

#task-modal .cd-task-modal-description-preview {
	min-height: 4.5rem;
	padding: 0.15rem 0;
	border-radius: 0;
	border: none;
	background: transparent;
	font-size: 0.9rem;
	line-height: 1.7;
	color: var(--bs-gray-800, #212529);
}

#task-modal .cd-task-modal-description-preview:empty::before {
	color: var(--bs-gray-500, #adb5bd);
}

body[data-theme=dark] #task-modal .cd-task-modal-description-preview {
	background: transparent;
}

#task-modal .cd-task-modal-rte.rte-wrapper {
	border-radius: 8px;
	border-color: rgba(0, 0, 0, 0.1);
}

body[data-theme=dark] #task-modal .cd-task-modal-rte.rte-wrapper {
	border-color: rgba(255, 255, 255, 0.12);
}

#task-modal .cd-task-modal-rte.rte-wrapper:focus-within {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

#task-modal #modal-description {
	min-height: 110px;
}

#task-modal .cd-task-modal-text-btn {
	border-radius: 6px;
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--bs-gray-600, #6c757d);
	border: none;
	background: transparent;
	padding: 0.15rem 0.4rem;
}

#task-modal .cd-task-modal-text-btn:hover {
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

#task-modal .task-notes-thread.cd-task-modal-notes {
	max-height: 240px;
	overflow-y: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

#task-modal .cd-task-notes-empty {
	margin: 0;
	padding: 0.35rem 0 0.15rem;
	font-size: 0.875rem;
	color: var(--bs-gray-600, #6c757d);
	line-height: 1.55;
}

#task-modal .task-note-item {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	background: transparent;
	border-radius: 0;
	padding: 0.5rem 0;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#task-modal .task-note-item:last-child {
	border-bottom: none;
}

body[data-theme=dark] #task-modal .task-note-item {
	border-bottom-color: rgba(255, 255, 255, 0.06);
}

#task-modal .task-note-item .cd-task-note-avatar {
	margin-top: 0.05rem;
}

#task-modal .task-note-body {
	flex: 1;
	min-width: 0;
}

#task-modal .task-note-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

#task-modal .task-note-author {
	font-weight: 600;
	font-size: 0.84rem;
	color: var(--bs-gray-800, #212529);
}

body[data-theme=dark] #task-modal .task-note-author {
	color: var(--bs-body-color);
}

#task-modal .task-note-date {
	font-size: 0.72rem;
	color: var(--bs-gray-600, #6c757d);
}

#task-modal .task-note-content {
	font-size: 0.875rem;
	color: var(--bs-gray-800, #212529);
	line-height: 1.6;
}

#task-modal .cd-task-modal-add-comment {
	margin-top: 0.65rem;
	min-height: 2.5rem;
	border-radius: 8px;
	border-color: rgba(0, 0, 0, 0.08);
}

body[data-theme=dark] #task-modal .cd-task-modal-add-comment {
	border-color: rgba(255, 255, 255, 0.1);
}

#task-modal .cd-task-modal-note-form textarea {
	min-height: 2.5rem;
	padding: 0.25rem 0.7rem;
	border: 1px solid var(--bs-border-color);
	border-radius: 7.5px;
	font-size: 0.825rem;
	font-weight: 600;
	resize: vertical;
}

#task-modal .cd-task-modal-note-form textarea:focus {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

#task-modal .cd-task-modal-meta {
	font-size: 0.75rem;
	color: var(--bs-gray-600, #6c757d);
	margin: 0;
	line-height: 1.4;
}

#task-modal .cd-task-modal-footer-bar .btn-primary {
	min-height: 2.25rem;
	padding-inline: 1.15rem;
	border-radius: 8px;
	font-weight: 500;
	font-size: 0.8rem;
	box-shadow: none !important;
	min-width: 8.5rem;
}

#task-modal #btn-save-task {
	min-width: 0;
}

#task-modal .cd-task-note-compose {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	margin-top: 0.65rem;
	padding-top: 0.5rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] #task-modal .cd-task-note-compose {
	border-top-color: rgba(255, 255, 255, 0.06);
}

#task-modal .cd-task-note-avatar {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.62rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

#task-modal .cd-task-note-avatar--compose {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
}

#task-modal .cd-task-note-input {
	flex: 1;
	min-height: 2.35rem;
	font-size: 0.875rem;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 0.35rem 0.8rem;
	background: var(--bs-body-bg, #fff);
	color: var(--bs-gray-800, #212529);
}

#task-modal .cd-task-note-input::placeholder {
	color: var(--bs-gray-500, #adb5bd);
}

#task-modal .cd-task-note-input:focus {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 2px rgba(var(--primary-rgb, 0, 119, 255), 0.15);
}

body[data-theme=dark] #task-modal .cd-task-note-input {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
	color: var(--bs-body-color);
}

body[data-theme=dark] #task-modal .cd-task-note-input:focus {
	background: rgba(255, 255, 255, 0.06);
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip {
	border-radius: 8px;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip-inner {
	padding: 0.5rem 0.6rem;
	gap: 0.5rem;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip-icon,
#task-modal .cd-task-sidebar-linked .linked-entity-product-thumb.cd-task-modal-linked-chip-thumb {
	width: 1.75rem;
	height: 1.75rem;
	font-size: 0.7rem;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip-title {
	font-size: 0.72rem;
}

#task-modal .cd-task-sidebar-linked .cd-task-modal-linked-chip-meta {
	font-size: 0.65rem;
}

.linked-entity-product-thumb {
	position: relative;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}

.linked-entity-product-thumb__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.25rem;
	border: 1px solid #dee2e6;
	display: block;
}

body[data-theme=dark] .linked-entity-product-thumb__img {
	border-color: rgba(255, 255, 255, 0.15);
}

.linked-entity-product-thumb__placeholder {
	display: none;
	width: 100%;
	height: 100%;
	border-radius: 0.25rem;
	border: 1px solid #dee2e6;
	background: var(--primary, #0077ff);
	color: #fff;
	align-items: center;
	justify-content: center;
}

body[data-theme=dark] .linked-entity-product-thumb__placeholder {
	border-color: rgba(255, 255, 255, 0.15);
}

.linked-entity-product-thumb__placeholder.is-visible {
	display: flex;
}

.task-context-item .linked-entity-product-thumb {
	width: 16px;
	height: 16px;
}

@media (max-width: 767.98px) {
	#task-modal .modal-dialog {
		margin: 0.5rem;
		max-width: calc(100% - 1rem);
	}

	#task-modal .cd-task-modal-layout {
		flex-direction: column;
		max-height: none;
	}

	#task-modal .cd-task-modal-sidebar {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
		max-height: none;
	}

	body[data-theme=dark] #task-modal .cd-task-modal-sidebar {
		border-bottom-color: rgba(255, 255, 255, 0.08);
	}

	#task-modal .cd-task-modal-main,
	#task-modal .cd-task-modal-sidebar {
		max-height: none;
	}

	#task-modal .cd-task-modal-topbar,
	#task-modal .cd-task-modal-footer-bar {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#task-modal .cd-task-modal-footer-bar {
		flex-wrap: wrap;
	}

	#task-modal .cd-task-modal-footer-bar .btn-primary {
		width: 100%;
		min-width: 0;
	}
}

/* B2B order indicators — orders list row badge */
.cd-b2b-row-badge {
	display: inline-flex;
	align-items: center;
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.35em 0.65em;
	color: #0056b3;
	background-color: rgba(0, 119, 255, 0.22);
}

body[data-theme=dark] .cd-b2b-row-badge {
	color: #93c5fd;
	background-color: rgba(0, 119, 255, 0.28);
}

/* B2B section inside the edit order modal */
.edit-order-b2b-card {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.25rem;
	box-shadow: 0 0 0.875rem 0 rgba(0, 0, 0, 0.05);
}

.edit-order-b2b-card .card-body h6 {
	color: var(--bs-body-color);
}

.edit-order-b2b-card .card-body p {
	color: var(--bs-secondary-color);
}

/* Open order modal (seller) */
#shipOrderModal .modal-dialog {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	#shipOrderModal .modal-dialog {
		width: calc(100% - 2rem);
		max-width: 1333px;
	}

	#shipOrderModal .modal-content > .row {
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
	}

	#shipOrderModal #modal-wrapper-for-height {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#shipOrderModal #orderLogWrapper {
		display: none !important;
	}
}

.open-order-modal-panel {
	border-radius: 0.75rem 0.75rem 0 0;
	overflow: hidden;
}

#productModal .open-order-modal-panel {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - var(--bs-modal-margin, 0.5rem) * 2);
	min-height: 0;
}

#productModal .modal-dialog.modal-fullscreen-md-down .open-order-modal-panel {
	max-height: 100vh;
	border-radius: 0;
}

#productModal .open-order-modal-panel .modal-body {
	flex: 1 1 auto;
	overflow-y: auto;
	min-height: 0;
}

#delivery_modal .modal-content {
	background: transparent;
	border: 0;
}

#delivery_modal .delivery-modal-panel {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - var(--bs-modal-margin, 1.75rem) * 2);
}

#delivery_modal .delivery-modal-panel .modal-body {
	flex: 1 1 auto;
	overflow-y: auto;
}

#delivery_modal .delivery-modal-actions #sellerDeliveryActionConfirmPrimary span {
	white-space: nowrap;
}

#batchModal .modal-dialog {
	max-width: 900px;
}

#batchModal .modal-content {
	background: transparent;
	border: 0;
}

#batchModal .batch-modal-panel {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - var(--bs-modal-margin, 1.75rem) * 2);
	min-height: 0;
}

#batchModal .batch-modal-panel .modal-body {
	flex: 1 1 auto;
	overflow-y: auto;
}

/* Batches list table — unified square icon action buttons */
#datatable-batches .actions-cell .batch-table-action-btn {
	width: 2.25rem;
	height: 2.25rem;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.25rem;
	line-height: 1;
	flex-shrink: 0;
}

#datatable-batches .actions-cell .batch-table-action-btn i {
	font-size: 0.875rem;
	line-height: 1;
}

#batchModal .batch-modal-actions {
	flex-wrap: wrap;
}

#batchModal .batch-modal-actions #actionBtnList {
	flex: 1 1 auto;
	min-width: 0;
}

#batchModal .batch-modal-actions-end {
	flex-shrink: 0;
}

#batchModal .batch-modal-actions-end .open-order-modal-more {
	margin-left: 0;
}

#batchModal .batch-modal-hero-status .badge {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.35em 0.65em;
}

#batchModal #batchHeroTitle {
	max-width: min(28rem, 55vw);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#batchModal .batch-modal-footer {
	padding: 0.85rem 1rem 1rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	background: #fff;
}

body[data-theme=dark] #batchModal .batch-modal-footer {
	border-top-color: rgba(255, 255, 255, 0.08);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

#batchModal .batch-modal-workflow-btn {
	min-height: 44px;
	flex: 1 1 auto;
	min-width: 12rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767.98px) {
	#batchModal .modal-dialog,
	#batchModal .modal-dialog.modal-dialog-scrollable {
		margin: 0;
		max-width: 100%;
		width: 100%;
		height: 100%;
		max-height: 100%;
	}

	#batchModal .modal-content {
		height: 100%;
		max-height: 100%;
		border-radius: 0;
	}

	#batchModal .batch-modal-panel {
		max-height: 100%;
		height: 100%;
		border-radius: 0;
	}

	#batchModal .batch-modal-footer {
		padding: 0.65rem 0.85rem;
		padding-bottom: max(0.65rem, env(safe-area-inset-bottom, 0px));
	}

	#batchModal #batchWorkflowBtnList {
		flex: 0 0 auto;
		gap: 0.5rem;
	}

	#batchModal .batch-modal-workflow-btn {
		flex: 0 0 auto;
		min-width: 0;
		width: 100%;
		min-height: 44px;
		max-height: 48px;
		padding: 0.45rem 0.85rem;
		font-size: 0.875rem;
		font-weight: 500;
	}

	#batchModal .batch-modal-workflow-btn i {
		font-size: 0.9rem;
	}
}

#batchModal .batch-progress-summary-card .card-body {
	padding: 0.85rem 1rem;
}

#batchModal .batch-progress-summary-title {
	display: flex;
	align-items: center;
	font-size: 0.84rem;
	line-height: 1.35;
}

#batchModal .batch-progress-summary-pct {
	min-width: 2.75rem;
	font-size: 0.72rem;
	font-weight: 600;
}

#batchModal .batch-progress-summary-foot {
	font-size: 0.75rem;
	line-height: 1.35;
}

#batchModal .batch-progress-track {
	width: 100%;
	height: 0.55rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

body[data-theme=dark] #batchModal .batch-progress-track {
	background: rgba(255, 255, 255, 0.12);
}

#batchModal .batch-progress-fill {
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--success, #3fc77d), #4bbf73);
	transition: width 0.35s ease;
	min-width: 0;
}

#batchModal .batch-location-warnings {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#batchModal .batch-location-warning-card {
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}

#batchModal .batch-location-warning-card--danger {
	border-color: rgba(217, 83, 79, 0.35);
	border-left: 1px solid #d9534f;
	background: rgba(217, 83, 79, 0.06);
}

#batchModal .batch-location-warning-card--warning {
	border-color: rgba(239, 181, 64, 0.4);
	border-left: 1px solid #efb540;
	background: rgba(239, 181, 64, 0.08);
}

body[data-theme=dark] #batchModal .batch-location-warning-card--danger {
	border-color: rgba(229, 115, 115, 0.35);
	border-left: 1px solid #e57373;
	background: rgba(217, 83, 79, 0.12);
	box-shadow: none;
}

body[data-theme=dark] #batchModal .batch-location-warning-card--warning {
	border-color: rgba(240, 192, 96, 0.35);
	border-left: 1px solid #f0c060;
	background: rgba(239, 181, 64, 0.12);
	box-shadow: none;
}

#batchModal .batch-location-warning-card-header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#batchModal .batch-location-warning-card--danger .batch-location-warning-card-header {
	background: rgba(217, 83, 79, 0.12) !important;
	border-bottom-color: rgba(217, 83, 79, 0.2);
}

#batchModal .batch-location-warning-card--warning .batch-location-warning-card-header {
	background: rgba(239, 181, 64, 0.16) !important;
	border-bottom-color: rgba(239, 181, 64, 0.24);
}

body[data-theme=dark] #batchModal .batch-location-warning-card--danger .batch-location-warning-card-header {
	background: rgba(217, 83, 79, 0.18) !important;
	border-bottom-color: rgba(217, 83, 79, 0.28);
}

body[data-theme=dark] #batchModal .batch-location-warning-card--warning .batch-location-warning-card-header {
	background: rgba(239, 181, 64, 0.2) !important;
	border-bottom-color: rgba(239, 181, 64, 0.3);
}

#batchModal .batch-location-warning-heading {
	font-size: 0.84rem;
	line-height: 1.35;
}

#batchModal .batch-location-warning-card--danger .batch-location-warning-heading {
	color: #a94442;
}

#batchModal .batch-location-warning-card--warning .batch-location-warning-heading {
	color: #9a7618;
}

body[data-theme=dark] #batchModal .batch-location-warning-card--danger .batch-location-warning-heading {
	color: #f0a8a6;
}

body[data-theme=dark] #batchModal .batch-location-warning-card--warning .batch-location-warning-heading {
	color: #f0d080;
}

#batchModal .batch-location-warning-count {
	min-width: 1.65rem;
	font-size: 0.72rem;
	font-weight: 600;
}

#batchModal .batch-location-warning-card .card-body {
	background: rgba(255, 255, 255, 0.72);
}

body[data-theme=dark] #batchModal .batch-location-warning-card .card-body {
	background: rgba(255, 255, 255, 0.03);
}

#batchModal .batch-location-warning-table tbody td {
	padding: 0.55rem 0.75rem;
	vertical-align: middle;
	border-bottom-color: rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] #batchModal .batch-location-warning-table tbody td {
	border-bottom-color: rgba(255, 255, 255, 0.06);
}

#batchModal .batch-location-warning-card--danger .batch-location-warning-table tbody tr:hover {
	background: rgba(217, 83, 79, 0.05);
}

#batchModal .batch-location-warning-card--warning .batch-location-warning-table tbody tr:hover {
	background: rgba(239, 181, 64, 0.08);
}

body[data-theme=dark] #batchModal .batch-location-warning-card--danger .batch-location-warning-table tbody tr:hover {
	background: rgba(217, 83, 79, 0.1);
}

body[data-theme=dark] #batchModal .batch-location-warning-card--warning .batch-location-warning-table tbody tr:hover {
	background: rgba(239, 181, 64, 0.12);
}

#batchModal .batch-location-warning-table tbody tr:last-child td {
	border-bottom: 0;
}

#batchModal .batch-location-warning-qty-col {
	width: 4.5rem;
}

#batchModal .batch-location-warning-product {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
}

#batchModal .batch-location-warning-product-img {
	width: 2.5rem;
	height: 2.5rem;
	object-fit: cover;
	border-radius: 0.35rem;
	background: #fff;
	padding: 0.15rem;
	flex-shrink: 0;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] #batchModal .batch-location-warning-product-img {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.1);
}

#batchModal .batch-location-warning-product-copy {
	min-width: 0;
	flex: 1;
}

#batchModal .batch-location-warning-product-title {
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

body[data-theme=dark] #batchModal .batch-location-warning-product-title {
	color: var(--bs-body-color, #fefefe);
}

#batchModal .batch-location-warning-product-meta {
	line-height: 1.35;
	margin-top: 0.1rem;
}

#batchModal .batch-location-warning-product-meta a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: rgba(0, 119, 255, 0.35);
	text-underline-offset: 0.12em;
}

#batchModal .batch-location-warning-product-meta a:hover {
	color: var(--primary, #0077ff);
	text-decoration-color: currentColor;
}

#batchModal .batch-location-warning-meta-sep {
	margin: 0 0.3rem;
	opacity: 0.55;
}

body[data-theme=dark] .open-order-modal-panel.bg-white {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
}

.open-order-modal-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.open-order-modal-hero.modal-header {
	flex-wrap: nowrap;
}

body[data-theme=dark] .open-order-modal-hero.bg-white {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
}

body[data-theme=dark] .open-order-modal-hero {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.open-order-modal-hero-start {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	min-width: 0;
	flex: 1;
}

.open-order-modal-hero-end {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
	margin-left: auto;
}

.open-order-modal-hero-id {
	font-size: 1.375rem;
	font-weight: 600;
	color: #212529;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

body[data-theme=dark] .open-order-modal-hero-id {
	color: var(--bs-body-color, #fefefe);
}

.open-order-modal-hero-status {
	display: inline-flex;
	align-items: center;
}

.open-order-modal-hero-status .badge {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.35em 0.65em;
}

.open-order-modal-hero-pills {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	min-width: 0;
}

.open-order-modal-hero-pills .open-order-modal-hero-channel-pill {
	flex-shrink: 0;
}

.open-order-modal-hero-shop-id {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	padding-left: 0.75rem;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

body[data-theme=dark] .open-order-modal-hero-shop-id {
	border-left-color: rgba(255, 255, 255, 0.12);
}

.open-order-modal-hero-subline-label {
	color: #6c757d;
	font-weight: 500;
}

body[data-theme=dark] .open-order-modal-hero-subline-label {
	color: rgba(255, 255, 255, 0.62);
}

.open-order-modal-hero-subline-value {
	color: #212529;
	font-weight: 500;
}

body[data-theme=dark] .open-order-modal-hero-subline-value {
	color: var(--bs-body-color, #fefefe);
}

.open-order-modal-hero-channel-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(0, 0, 0, 0.06);
	font-size: 0.8125rem;
	font-weight: 500;
	color: #495057;
	line-height: 1.3;
	max-width: min(220px, 40vw);
}

.open-order-modal-hero-channel-pill i {
	font-size: 0.7rem;
	color: #6c757d;
	flex-shrink: 0;
}

.open-order-modal-hero-channel-pill .selected-order-channel-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body[data-theme=dark] .open-order-modal-hero-channel-pill {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.88);
}

body[data-theme=dark] .open-order-modal-hero-channel-pill i {
	color: rgba(255, 255, 255, 0.55);
}

.open-order-modal-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	padding: 0.65rem 1.25rem;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .open-order-modal-actions {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.open-order-modal-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 2rem;
	padding: 0.35rem 0.7rem;
}

.open-order-modal-actions .btn i {
	font-size: 0.8125rem;
	line-height: 1;
	flex-shrink: 0;
}

.open-order-modal-actions .btn span {
	line-height: 1.2;
}

.open-order-modal-more {
	margin-left: auto;
}

.open-order-modal-more .dropdown-toggle::after {
	margin-left: 0.15rem;
}

.open-order-modal-close {
	flex-shrink: 0;
}

.open-order-modal-hero-tasks-inline {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
	max-width: 100%;
	padding-left: 0.65rem;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

body[data-theme=dark] .open-order-modal-hero-tasks-inline {
	border-left-color: rgba(255, 255, 255, 0.12);
}

.open-order-modal-hero-tasks-list {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3rem;
	min-width: 0;
}

.open-order-modal-hero-task-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	max-width: 100%;
	padding: 0.18rem 0.45rem 0.18rem 0.35rem;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: rgba(0, 0, 0, 0.02);
	color: inherit;
	text-decoration: none;
	transition: border-color 0.15s ease, background 0.15s ease;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	min-height: 28px;
}

button.open-order-modal-hero-task-chip {
	-webkit-appearance: none;
	appearance: none;
}

body[data-theme=dark] .open-order-modal-hero-task-chip {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

.open-order-modal-hero-task-chip:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	color: inherit;
	text-decoration: none;
}

.open-order-modal-hero-task-chip-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.08rem 0.38rem;
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
}

.open-order-modal-hero-task-chip-status--open {
	background: rgba(13, 110, 253, 0.12);
	color: #0d6efd;
}

.open-order-modal-hero-task-chip-status--in_progress {
	background: rgba(25, 135, 84, 0.12);
	color: #198754;
}

.open-order-modal-hero-task-chip-status--waiting {
	background: rgba(255, 193, 7, 0.18);
	color: #9a7200;
}

.open-order-modal-hero-task-chip-status--completed {
	background: rgba(108, 117, 125, 0.14);
	color: #6c757d;
}

.open-order-modal-hero-task-chip-status--cancelled {
	background: rgba(220, 53, 69, 0.12);
	color: #dc3545;
}

body[data-theme=dark] .open-order-modal-hero-task-chip-status--waiting {
	color: #ffc107;
}

.open-order-modal-hero-task-chip-title {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: min(200px, 34vw);
}

body[data-theme=dark] .open-order-modal-hero-task-chip-title {
	color: var(--bs-body-color);
}

.open-order-modal-hero-task-chip-meta {
	display: none;
}

.open-order-modal-hero-task-chip-more {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.5rem;
	border-radius: 999px;
	border: 1px dashed rgba(0, 0, 0, 0.14);
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: none;
	white-space: nowrap;
}

body[data-theme=dark] .open-order-modal-hero-task-chip-more {
	border-color: rgba(255, 255, 255, 0.18);
}

.open-order-modal-hero-task-chip-more:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	color: var(--primary, #0077ff);
	text-decoration: none;
}

@media (max-width: 767.98px) {
	.open-order-modal-hero-tasks-inline {
		width: 100%;
		padding-left: 0;
		border-left: 0;
		margin-top: 0.1rem;
	}

	.open-order-modal-hero-tasks-list {
		width: 100%;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 0.05rem;
		-webkit-overflow-scrolling: touch;
	}

	.open-order-modal-hero-task-chip,
	.open-order-modal-hero-task-chip-more {
		flex-shrink: 0;
	}

	.open-order-modal-hero-task-chip-title {
		max-width: 46vw;
	}
}

.open-order-modal-more-item-mobile {
	display: none;
}

.handle-order-actions-bar + .card-body {
	padding-top: 0.75rem;
}

.handle-order-actions-bar {
	border-radius: var(--bs-card-border-radius, 0.25rem) var(--bs-card-border-radius, 0.25rem) 0 0;
	overflow: visible;
	position: relative;
	z-index: 3;
}

.card:has(.handle-order-actions-bar) {
	overflow: visible;
}

.handle-order-actions.open-order-modal-actions {
	justify-content: flex-start;
	overflow: visible;
	border-radius: var(--bs-card-border-radius, 0.25rem) var(--bs-card-border-radius, 0.25rem) 0 0;
}

.handle-order-actions .open-order-modal-more,
.handle-order-actions .handle-order-action-more {
	margin-left: 0;
}

.handle-order-actions .dropdown-menu {
	z-index: 1060;
}

.handle-order-actions .open-order-modal-more .dropdown-menu {
	right: auto;
	left: 0;
}

@media (max-width: 767.98px) {
	.handle-order-actions .handle-order-action-edit > span,
	.handle-order-actions .handle-order-action-more .dropdown-toggle > span {
		display: inline;
	}

	.handle-order-actions .open-order-modal-action-desktop {
		display: none !important;
	}

	.handle-order-actions.open-order-modal-actions {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.handle-order-actions .open-order-modal-more .dropdown-menu {
		right: auto;
		left: 0;
	}
}

@media (min-width: 768px) {
	.handle-order-action-mobile {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.open-order-modal-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"hero-start hero-close"
			"hero-channel hero-channel";
		align-items: center;
		gap: 0.5rem 0.75rem;
		padding: 0.875rem 1rem;
		padding-top: max(0.875rem, env(safe-area-inset-top, 0px));
		padding-right: max(1rem, env(safe-area-inset-right, 0px));
	}

	.open-order-modal-hero-start {
		grid-area: hero-start;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		min-width: 0;
	}

	.open-order-modal-hero-end {
		display: contents;
	}

	.open-order-modal-hero-pills {
		grid-area: hero-channel;
		justify-self: start;
		max-width: 100%;
	}

	.open-order-modal-hero-channel-pill {
		max-width: min(220px, 40vw);
	}

	.open-order-modal-close {
		grid-area: hero-close;
		justify-self: end;
		align-self: start;
		margin: 0 !important;
	}

	/* Product modal hero-end has flag + close only; keep them grouped top-right. */
	#productModal .open-order-modal-hero-end {
		display: flex;
		align-items: center;
		gap: 0.35rem;
		grid-area: hero-close;
		justify-self: end;
		align-self: start;
		margin-left: 0;
	}

	#productModal .open-order-modal-close {
		grid-area: unset;
		justify-self: unset;
		align-self: unset;
	}

	.open-order-modal-hero-id {
		font-size: 1.2rem;
	}

	.open-order-modal-hero-shop-id {
		width: 100%;
		padding-left: 0;
		border-left: 0;
		margin-top: 0.15rem;
	}

	.open-order-modal-actions {
		flex-wrap: nowrap;
		overflow: visible;
		justify-content: space-between;
		padding: 0.55rem 0.75rem;
		gap: 0.45rem;
	}

	.open-order-modal-action-desktop {
		display: none !important;
	}

	.open-order-modal-more-item-mobile {
		display: list-item;
	}

	.open-order-modal-actions .btn {
		flex-shrink: 0;
		min-height: 2.75rem;
		padding-inline: 0.7rem;
	}

	.open-order-modal-actions .open-order-modal-edit-btn > span,
	.open-order-modal-actions .open-order-modal-new-task-btn > span,
	.open-order-modal-actions .open-order-modal-more .dropdown-toggle > span {
		display: inline;
	}

	.open-order-modal-actions .open-order-modal-more .dropdown-toggle::after {
		display: inline-block;
	}

	.open-order-modal-more {
		margin-left: auto;
	}

	.open-order-modal-more .dropdown-menu {
		right: 0;
		left: auto;
	}
}

/* Pick & pack required notice (open order modal) */
.shipment-option-button.pick-pack-required-notice {
	cursor: default;
	padding: 1.15rem 1rem 1.1rem;
	overflow: visible;
}

.shipment-option-button.pick-pack-required-notice:hover {
	border-color: rgba(0, 0, 0, 0.08);
	background: #fff;
}

body[data-theme=dark] .shipment-option-button.pick-pack-required-notice:hover {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

.pick-pack-required-notice-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0.15rem 0 0;
	box-sizing: border-box;
}

.pick-pack-required-notice-visual {
	width: 9rem;
	margin-bottom: 0.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pick-pack-required-notice-svg {
	width: 100%;
	height: auto;
	display: block;
}

.shipment-option-button.pick-pack-required-notice .pick-pack-required-notice-title {
	float: none;
	width: auto;
	margin: 0.35rem 0 0.25rem;
	padding: 0;
}

.shipment-option-button.pick-pack-required-notice .pick-pack-required-notice-text {
	float: none;
	width: auto;
	margin: 0 auto 0.85rem;
	padding: 0;
	max-width: 18rem;
	line-height: 1.5;
	color: #6c757d;
}

body[data-theme=dark] .shipment-option-button.pick-pack-required-notice .pick-pack-required-notice-text {
	color: rgba(255, 255, 255, 0.62);
}

.pick-pack-required-notice-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 2.125rem;
	font-weight: 500;
}

@media (max-width: 575.98px) {
	.pick-pack-required-notice-visual {
		width: 7.5rem;
	}

	.pick-pack-required-notice-btn {
		width: 100%;
		max-width: 18rem;
	}
}

/* Shipment option detail (selected method) — flat inside options wrapper card */
#shipment-options-wrapper:has(.shipment-option-detail),
.b2b-shipment-options-panel:has(.shipment-option-detail) {
	padding: 0;
	max-height: none;
	overflow: visible;
}

#shipment-options-wrapper .shipment-option-detail,
.b2b-shipment-options-panel .shipment-option-detail {
	width: 100%;
	margin: 0;
	padding: 0.75rem 1.5rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	box-sizing: border-box;
}

.shipment-option-detail-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0 0 0.85rem;
	border-bottom: 0;
}

.shipment-option-detail-back {
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.375rem;
}

.shipment-option-detail-brand {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	min-width: 0;
	padding: 0 0.25rem;
}

.shipment-option-detail-carrier-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.shipment-option-detail-carrier-logo img {
	display: block;
	max-width: 160px;
	max-height: 48px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.shipment-option-detail-title-brand {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #495057;
	text-align: center;
	line-height: 1.35;
}

body[data-theme=dark] .shipment-option-detail-title-brand {
	color: var(--bs-body-color, #fefefe);
}

.shipment-option-detail-body {
	padding: 0 0 1rem;
}

.shipment-option-detail-title {
	margin: 0 0 0.85rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #212529;
	text-align: center;
	line-height: 1.4;
}

body[data-theme=dark] .shipment-option-detail-title {
	color: var(--bs-body-color, #fefefe);
}

.shipment-option-detail-specs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-bottom: 1rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .shipment-option-detail-specs {
	border-top-color: rgba(255, 255, 255, 0.08);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.shipment-option-detail-spec {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.2rem;
	padding: 0.7rem 0.5rem;
	background: transparent;
	border-radius: 0;
	min-width: 0;
	text-align: center;
}

.shipment-option-detail-spec:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .shipment-option-detail-spec:not(:last-child) {
	border-right-color: rgba(255, 255, 255, 0.08);
}

.shipment-option-detail-spec-label {
	font-size: 0.6875rem;
	font-weight: 500;
	color: #6c757d;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

body[data-theme=dark] .shipment-option-detail-spec-label {
	color: rgba(255, 255, 255, 0.55);
}

.shipment-option-detail-spec-value {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #212529;
	line-height: 1.35;
	word-break: break-word;
}

body[data-theme=dark] .shipment-option-detail-spec-value {
	color: var(--bs-body-color, #fefefe);
}

.shipment-option-detail-extras {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .shipment-option-detail-extras {
	border-bottom-color: rgba(255, 255, 255, 0.07);
}

.shipment-option-detail-order-option {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.shipment-option-detail-order-option-qty {
	flex-shrink: 0;
	width: 7rem;
}

.shipment-option-detail-order-option-label {
	font-size: 0.875rem;
	color: #495057;
	line-height: 1.4;
}

body[data-theme=dark] .shipment-option-detail-order-option-label {
	color: var(--bs-body-color, #fefefe);
}

.shipment-option-detail-fields {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.shipment-option-detail-field {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.shipment-option-detail-field-label {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 600;
	color: #495057;
}

body[data-theme=dark] .shipment-option-detail-field-label {
	color: rgba(255, 255, 255, 0.78);
}

.shipment-option-detail-field .form-control,
.shipment-option-detail-field .form-select {
	min-height: 44px;
	font-size: 16px;
}

.shipment-option-detail-footer {
	display: flex;
	align-items: stretch;
	gap: 0.65rem;
	padding: 0.85rem 0 0.75rem;
	border-top: 0;
	background: transparent;
}

body[data-theme=dark] .shipment-option-detail-footer {
	background: transparent;
}

.shipment-option-detail-footer--single .shipment-option-detail-submit {
	width: 100%;
}

.shipment-option-detail-quantity {
	flex-shrink: 0;
	width: 7.25rem;
}

.shipment-option-detail-quantity .bootstrap-touchspin,
.shipment-option-detail-order-option-qty .bootstrap-touchspin {
	width: 100%;
}

.shipment-option-detail-quantity .input-group,
.shipment-option-detail-order-option-qty .input-group {
	flex-wrap: nowrap;
}

.shipment-option-detail-quantity .btn,
.shipment-option-detail-order-option-qty .btn {
	min-width: 2.25rem;
	min-height: 44px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.shipment-option-detail-quantity .form-control,
.shipment-option-detail-order-option-qty .form-control {
	min-height: 44px;
	font-size: 16px;
	text-align: center;
}

.shipment-option-detail-submit {
	flex: 1;
	min-width: 0;
}

.shipment-option-detail-submit .btn {
	min-height: 44px;
	width: 100%;
	font-weight: 500;
}

@media (max-width: 575.98px) {
	#shipment-options-wrapper:has(.shipment-option-detail),
	.b2b-shipment-options-panel:has(.shipment-option-detail) {
		padding: 0;
	}

	#shipment-options-wrapper .shipment-option-detail,
	.b2b-shipment-options-panel .shipment-option-detail {
		padding: 0.65rem 0.65rem 0;
	}

	.shipment-option-detail-specs {
		grid-template-columns: 1fr;
		border-bottom: 0;
	}

	.shipment-option-detail-spec {
		align-items: flex-start;
		text-align: left;
		padding: 0.65rem 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}

	body[data-theme=dark] .shipment-option-detail-spec {
		border-bottom-color: rgba(255, 255, 255, 0.08);
	}

	.shipment-option-detail-spec:last-child {
		border-bottom: 0;
	}

	.shipment-option-detail-spec:not(:last-child) {
		border-right: 0;
	}

	.shipment-option-detail-footer {
		flex-direction: column;
	}

	.shipment-option-detail-quantity {
		width: 100%;
	}
}

/* Label modal */
.label-modal .modal-content {
	border: 0;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.label-modal-panel {
	border-radius: 0.75rem;
	overflow: hidden;
}

body[data-theme=dark] .label-modal-panel.bg-white {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
}

.label-modal-hero-meta-pill {
	max-width: min(340px, 55vw);
}

.label-modal-hero-meta-pill-price {
	font-weight: 600;
	white-space: nowrap;
	flex-shrink: 0;
}

.label-modal-hero-meta-pill-sep {
	opacity: 0.45;
	font-weight: 600;
	flex-shrink: 0;
}

.label-modal-hero-meta-pill-icon {
	flex-shrink: 0;
}

.label-modal-hero-meta-pill #labelHeroCarrier {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.label-modal .label-detail-shell .label-detail-hero {
	display: none;
}

.label-modal-header {
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .label-modal-header {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.label-modal-title-track {
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
	font-size: 0.85em;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: none;
}

.label-modal-title-track:hover {
	color: var(--primary, #0077ff);
}

.label-modal-body {
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.label-detail-shell {
	display: flex;
	flex-direction: column;
}

.label-detail-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .label-detail-hero {
	border-bottom-color: rgba(255, 255, 255, 0.07);
}

.label-detail-hero-main {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.label-detail-hero-id {
	font-size: 1.25rem;
	font-weight: 600;
	color: #212529;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.label-detail-hero-id:hover {
	color: var(--primary, #0077ff);
}

body[data-theme=dark] .label-detail-hero-id {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-hero-sub {
	font-size: 0.8125rem;
	color: #6c757d;
}

body[data-theme=dark] .label-detail-hero-sub {
	color: rgba(255, 255, 255, 0.72);
}

.label-detail-hero-aside {
	flex-shrink: 0;
}

.label-detail-hero-meta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.label-detail-hero-price {
	font-size: 0.9375rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: #212529;
	white-space: nowrap;
}

body[data-theme=dark] .label-detail-hero-price {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-user-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.07);
	color: #495057;
	font-size: 0.55rem;
	flex-shrink: 0;
}

body[data-theme=dark] .label-detail-user-avatar {
	background: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.85);
}

.label-modal-header .modal-title {
	font-size: 0.95rem;
	font-weight: 600;
	color: #212529;
}

body[data-theme=dark] .label-modal-header .modal-title {
	color: var(--bs-body-color, #fefefe);
}

.label-modal-footer-start .btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 2.25rem;
	font-weight: 500;
	color: #343a40;
}

.label-modal-footer-start .btn i {
	font-size: 0.8rem;
	opacity: 1;
}

.label-modal-footer-start .btn.btn-outline-danger {
	color: #dc3545;
}

.label-detail-tracking-strip {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.625rem 1.25rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(0, 0, 0, 0.015);
	font-size: 0.8rem;
}

body[data-theme=dark] .label-detail-tracking-strip {
	background: rgba(255, 255, 255, 0.02);
	border-bottom-color: rgba(255, 255, 255, 0.07);
}

.label-detail-tracking-strip-label {
	flex-shrink: 0;
	font-weight: 600;
	font-size: 0.8125rem;
	color: #6c757d;
}

body[data-theme=dark] .label-detail-tracking-strip-label {
	color: rgba(255, 255, 255, 0.72);
}

.label-detail-tracking-strip-codes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	min-width: 0;
}

.label-detail-tracking-strip-link,
.label-detail-tracking-strip-code {
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #343a40;
}

body[data-theme=dark] .label-detail-tracking-strip-link,
body[data-theme=dark] .label-detail-tracking-strip-code {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-tracking-strip-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	text-decoration: none;
}

.label-detail-tracking-strip-link:hover {
	color: var(--primary, #0077ff);
}

.label-detail-tracking-strip-link i {
	font-size: 0.7rem;
	opacity: 0.85;
	color: var(--primary, #0077ff);
}

.label-detail-tracking-tile-codes {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 0;
}

.label-detail-tracking-tile-codes .label-detail-tracking-strip-link,
.label-detail-tracking-tile-codes .label-detail-tracking-strip-code {
	word-break: break-all;
}

.label-detail-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	padding: 0;
	background: transparent;
}

.label-detail-tile {
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.5rem;
	background: var(--bs-card-bg, #fff);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

body[data-theme=dark] .label-detail-tile {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: none;
}

.label-detail-tile-head {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #495057;
	padding-bottom: 0.625rem;
	margin-bottom: 0.125rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.label-detail-tile-head i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 0.35rem;
	background: rgba(0, 119, 255, 0.08);
	font-size: 0.7rem;
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

body[data-theme=dark] .label-detail-tile-head {
	color: rgba(255, 255, 255, 0.9);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .label-detail-tile-head i {
	background: rgba(0, 119, 255, 0.16);
	color: #4da3ff;
}

.label-detail-tile-body {
	display: flex;
	flex-direction: column;
	gap: 0;
	flex: 1;
}

.label-detail-tile-body > .label-detail-carrier-banner {
	margin-bottom: 0.25rem;
}

.label-detail-carrier-banner {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem;
	background: rgba(0, 0, 0, 0.025);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.375rem;
}

.label-detail-carrier-banner--no-logo {
	padding: 0.5rem 0.75rem;
}

body[data-theme=dark] .label-detail-carrier-banner {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.08);
}

.label-detail-carrier-logo-wrap {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 2.375rem;
	padding: 0.35rem 0.5rem;
	background: #fff;
	border-radius: 0.3rem;
	border: 1px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .label-detail-carrier-logo-wrap {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(255, 255, 255, 0.12);
}

.label-detail-carrier-info {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
	flex: 1;
}

.label-detail-carrier-method {
	font-size: 0.875rem;
	font-weight: 600;
	color: #212529;
	line-height: 1.35;
	word-break: break-word;
}

body[data-theme=dark] .label-detail-carrier-method {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-carrier-channel {
	font-size: 0.75rem;
	font-weight: 500;
	color: #6c757d;
	line-height: 1.3;
}

body[data-theme=dark] .label-detail-carrier-channel {
	color: rgba(255, 255, 255, 0.62);
}

.label-detail-item {
	display: grid;
	grid-template-columns: minmax(5.25rem, 42%) minmax(0, 1fr);
	gap: 0.35rem 0.75rem;
	align-items: start;
	padding: 0.55rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.label-detail-item:first-child {
	padding-top: 0;
}

.label-detail-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

body[data-theme=dark] .label-detail-item {
	border-bottom-color: rgba(255, 255, 255, 0.06);
}

.label-detail-label {
	font-size: 0.75rem;
	font-weight: 500;
	color: #6c757d;
	line-height: 1.4;
}

body[data-theme=dark] .label-detail-label {
	color: rgba(255, 255, 255, 0.62);
}

.label-detail-value {
	font-size: 0.875rem;
	font-weight: 500;
	color: #212529;
	line-height: 1.45;
	word-break: break-word;
	min-width: 0;
}

body[data-theme=dark] .label-detail-value {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-link {
	color: var(--primary, #0077ff);
	font-weight: 500;
	text-decoration: none;
}

.label-detail-link:hover {
	color: var(--primary-hover, #0061d0);
	text-decoration: underline;
}

.label-detail-status-badge {
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.35em 0.7em;
}

.label-detail-empty {
	color: #6c757d;
	font-style: italic;
	font-size: 0.875rem;
}

body[data-theme=dark] .label-detail-empty {
	color: rgba(255, 255, 255, 0.62);
}

.label-detail-user {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: #212529;
}

body[data-theme=dark] .label-detail-user {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-price {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.label-detail-packaging {
	font-size: 0.875rem;
	color: #212529;
}

body[data-theme=dark] .label-detail-packaging {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-tile:has(.label-detail-recipient-name) .label-detail-tile-body {
	gap: 0.5rem;
}

.label-detail-recipient-name {
	font-size: 1rem;
	font-weight: 600;
	color: #212529;
	line-height: 1.35;
	margin: 0;
}

body[data-theme=dark] .label-detail-recipient-name {
	color: var(--bs-body-color, #fefefe);
}

.label-detail-contact-line {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.8125rem;
	color: #495057;
}

body[data-theme=dark] .label-detail-contact-line {
	color: rgba(255, 255, 255, 0.9);
}

.label-detail-contact-line i {
	width: 0.875rem;
	text-align: center;
	color: #6c757d;
	font-size: 0.75rem;
	flex-shrink: 0;
}

body[data-theme=dark] .label-detail-contact-line i {
	color: rgba(255, 255, 255, 0.65);
}

.label-detail-address {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 0.25rem 0 0;
	padding: 0.625rem 0.75rem;
	font-size: 0.8125rem;
	font-style: normal;
	line-height: 1.55;
	color: #343a40;
	background: rgba(0, 0, 0, 0.025);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0.375rem;
}

body[data-theme=dark] .label-detail-address {
	color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.08);
}

.label-detail-address-line {
	display: block;
}

.label-detail-address-country {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.35rem;
	padding-top: 0.5rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	font-weight: 500;
	color: #495057;
}

body[data-theme=dark] .label-detail-address-country {
	border-top-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.88);
}

.label-detail-address-flag {
	width: 1.125rem;
	line-height: 1;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
	flex-shrink: 0;
}

body[data-theme=dark] .label-detail-address-flag {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.label-detail-address-country-name {
	line-height: 1.35;
}

.label-detail-edit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.75rem;
	min-height: 1.75rem;
	margin-left: 0.25rem;
	padding: 0;
	border: 0;
	border-radius: 0.25rem;
	background: transparent;
	color: #6c757d;
	cursor: pointer;
	vertical-align: middle;
	transition: color 0.2s ease, background 0.2s ease;
}

.label-detail-edit-btn:hover {
	color: var(--primary, #0077ff);
	background: rgba(0, 119, 255, 0.08);
}

.label-detail-barcode {
	padding: 0;
	text-align: center;
}

.label-detail-barcode:not([style*="display: none"]):not(:empty) {
	padding-top: 0.5rem;
}

.label-detail-barcode img {
	max-width: 100%;
	height: auto;
	border-radius: 0.25rem;
}

.label-modal-scanning-meta {
	padding: 0;
	text-align: center;
	display: none;
}

.label-modal-scanning-meta:has(#scanningProgressIndicator:not(.d-none)),
.label-modal-scanning-meta:has(#scanningNextPageHint:not(.d-none)) {
	display: block;
	padding: 0.375rem 0 0.5rem;
}

.label-modal-products {
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.5rem;
	overflow: hidden;
	background: #fff;
}

body[data-theme=dark] .label-modal-products {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

.label-modal-products-head {
	padding: 0.75rem 1.25rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #495057;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: #fff;
}

body[data-theme=dark] .label-modal-products-head {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.88);
}

.label-modal-products-table {
	background: #fff;
	--bs-table-bg: #fff;
	--bs-table-striped-bg: #fff;
	--bs-table-hover-bg: rgba(0, 0, 0, 0.02);
}

body[data-theme=dark] .label-modal-products-table {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	--bs-table-bg: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	--bs-table-striped-bg: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	--bs-table-hover-bg: rgba(255, 255, 255, 0.04);
}

.label-modal-products-table thead th {
	padding: 0.625rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #6c757d;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: #fff;
	vertical-align: middle;
}

body[data-theme=dark] .label-modal-products-table thead th {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.68);
}

.label-modal-products-table tbody td {
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
	vertical-align: middle;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background: #fff;
	color: #212529;
}

body[data-theme=dark] .label-modal-products-table tbody td {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.06);
	color: var(--bs-body-color, #fefefe);
}

.label-modal-products-table tbody tr {
	background: #fff;
}

body[data-theme=dark] .label-modal-products-table tbody tr {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

.label-modal-products-table tbody tr:last-child td {
	border-bottom: 0;
}

.label-modal-products-table tbody td:first-child img {
	max-height: 44px;
	width: auto;
	background: #fff;
	padding: 4px;
	border-radius: 0.375rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .label-modal-products-table tbody td:first-child img {
	background: rgba(255, 255, 255, 0.95);
	border-color: rgba(255, 255, 255, 0.1);
}

.label-modal-products-table tbody td:nth-child(2) a {
	font-weight: 600;
	color: #212529;
	text-decoration: none;
}

.label-modal-products-table tbody td:nth-child(2) a:hover {
	color: var(--primary, #0077ff);
}

body[data-theme=dark] .label-modal-products-table tbody td:nth-child(2) a {
	color: var(--bs-body-color, #fefefe);
}

.label-modal-products-table tbody td:nth-child(2) small {
	color: #6c757d;
	font-size: 0.75rem;
}

body[data-theme=dark] .label-modal-products-table tbody td:nth-child(2) small {
	color: rgba(255, 255, 255, 0.65);
}

.label-modal-products-table .badge {
	min-width: 1.75rem;
	height: 1.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0;
}

.label-modal-products-table .list-group {
	margin: 0;
}

.label-modal-products-table .list-group-item {
	font-size: 0.78rem;
	padding: 0.25rem 0.5rem;
	border-color: rgba(0, 0, 0, 0.06);
}

@media (max-width: 991.98px) {
	.label-detail-tiles {
		grid-template-columns: 1fr;
	}

	.label-detail-item {
		grid-template-columns: minmax(4.75rem, 36%) minmax(0, 1fr);
	}
}

@media (max-width: 575.98px) {
	.label-modal-body {
		padding: 1rem;
	}

	.label-detail-hero {
		flex-direction: column;
		align-items: flex-start;
		padding: 0.875rem 1rem;
	}

	.label-detail-hero-meta {
		width: 100%;
		justify-content: space-between;
	}

	.label-detail-tracking-strip {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.35rem;
		padding: 0.625rem 1rem;
	}

	.label-detail-tiles {
		gap: 0.625rem;
	}

	.label-detail-tile {
		padding: 0.875rem;
	}

	.label-detail-item {
		grid-template-columns: 1fr;
		gap: 0.2rem;
	}

	.label-modal-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.label-modal-footer-start,
	.label-modal-footer-end {
		width: 100%;
		justify-content: stretch;
	}

	.label-modal-footer-end .label-action-group {
		flex: 1 1 auto;
		min-width: 0;
	}
}

/* Label modal footer */
.label-modal-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.75rem;
	padding: 0.875rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] .label-modal-footer {
	border-top-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.02);
}

.label-modal-footer-start,
.label-modal-footer-end {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.label-modal-footer-start .btn,
.label-modal-footer-end .label-action-group {
	flex-shrink: 0;
}

.label-modal-footer-end > div:empty {
	display: none;
}

/* Split print/download action groups (label modal + order pages) */
.label-action-group {
	display: inline-flex;
	align-items: stretch;
	width: 100%;
	gap: 2px;
	padding: 2px;
	border-radius: 0.375rem;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.label-action-group__main,
.label-action-group__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.125rem;
	padding: 0.375rem 0.875rem;
	font-size: 0.825rem;
	font-weight: 500;
	border: 0;
	border-radius: 0.25rem;
	box-shadow: none;
	gap: 0.4rem;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease, filter 0.15s ease;
}

.label-action-group__main {
	flex: 1 1 auto;
	min-width: 0;
}

.label-action-group__icon {
	flex: 0 0 auto;
	width: 2.5rem;
	padding: 0;
}

.label-action-group--primary {
	background: #2d9a60;
}

.label-action-group--primary .label-action-group__main {
	background: var(--success, #3fc77d);
	color: #fff;
}

.label-action-group--primary .label-action-group__main:hover {
	background: var(--success-hover, #3cba75);
	color: #fff;
}

.label-action-group--primary .label-action-group__icon {
	background: #289858;
	color: #fff;
}

.label-action-group--primary .label-action-group__icon:hover {
	background: #237a4a;
	color: #fff;
}

.label-action-group--secondary {
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: none;
}

.label-action-group--secondary .label-action-group__main,
.label-action-group--secondary .label-action-group__icon {
	background: var(--bs-card-bg, #fff);
	color: var(--bs-body-color, #495057);
}

.label-action-group--secondary .label-action-group__icon {
	background: #eef1f4;
}

.label-action-group--secondary .label-action-group__main:hover {
	background: #f8f9fa;
	color: var(--bs-body-color, #495057);
}

.label-action-group--secondary .label-action-group__icon:hover {
	background: #e2e6ea;
	color: var(--bs-body-color, #495057);
}

body[data-theme=dark] .label-action-group--secondary {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .label-action-group--secondary .label-action-group__main {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .label-action-group--secondary .label-action-group__icon {
	background: rgba(255, 255, 255, 0.08);
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .label-action-group--secondary .label-action-group__main:hover {
	background: rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .label-action-group--secondary .label-action-group__icon:hover {
	background: rgba(255, 255, 255, 0.12);
}

.label-modal-footer-end .label-action-group {
	width: auto;
	min-width: 9rem;
}

.flex-grow-1 > .label-action-group {
	width: 100%;
}

/* Label modal hero — prominent shipment status */
.label-modal-hero .open-order-modal-hero-status {
	padding-left: 0.85rem;
	margin-left: 0.15rem;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

body[data-theme=dark] .label-modal-hero .open-order-modal-hero-status {
	border-left-color: rgba(255, 255, 255, 0.12);
}

.label-hero-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 28px;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.3;
	border: 1px solid transparent;
	white-space: nowrap;
	box-shadow: none;
}

.label-hero-status-badge i {
	font-size: 0.7rem;
	flex-shrink: 0;
	opacity: 0.9;
}

.label-modal .label-hero-status-badge.badge-soft-info {
	color: #0a6678;
	background-color: rgba(31, 155, 207, 0.22);
	border-color: rgba(31, 155, 207, 0.28);
}

.label-modal .label-hero-status-badge.badge-soft-success {
	color: #1a6840;
	background-color: rgba(63, 199, 125, 0.24);
	border-color: rgba(63, 199, 125, 0.32);
}

.label-modal .label-hero-status-badge.badge-soft-primary {
	color: #0056b3;
	background-color: rgba(0, 119, 255, 0.18);
	border-color: rgba(0, 119, 255, 0.28);
}

.label-modal .label-hero-status-badge.badge-soft-warning {
	color: #8a5a00;
	background-color: rgba(229, 165, 75, 0.28);
	border-color: rgba(229, 165, 75, 0.35);
}

.label-modal .label-hero-status-badge.badge-soft-danger {
	color: #a52824;
	background-color: rgba(217, 83, 79, 0.22);
	border-color: rgba(217, 83, 79, 0.3);
}

.label-modal .label-hero-status-badge.badge-soft-secondary {
	color: #495057;
	background-color: rgba(108, 117, 125, 0.2);
	border-color: rgba(108, 117, 125, 0.28);
}

body[data-theme=dark] .label-modal .label-hero-status-badge.badge-soft-info {
	color: #7dd3fc;
	background-color: rgba(31, 155, 207, 0.24);
	border-color: rgba(31, 155, 207, 0.35);
}

body[data-theme=dark] .label-modal .label-hero-status-badge.badge-soft-success {
	color: #86efac;
	background-color: rgba(63, 199, 125, 0.22);
	border-color: rgba(63, 199, 125, 0.32);
}

body[data-theme=dark] .label-modal .label-hero-status-badge.badge-soft-primary {
	color: #93c5fd;
	background-color: rgba(0, 119, 255, 0.22);
	border-color: rgba(0, 119, 255, 0.35);
}

body[data-theme=dark] .label-modal .label-hero-status-badge.badge-soft-warning {
	color: #fcd34d;
	background-color: rgba(229, 165, 75, 0.22);
	border-color: rgba(229, 165, 75, 0.32);
}

body[data-theme=dark] .label-modal .label-hero-status-badge.badge-soft-danger {
	color: #fca5a5;
	background-color: rgba(217, 83, 79, 0.22);
	border-color: rgba(217, 83, 79, 0.32);
}

body[data-theme=dark] .label-modal .label-hero-status-badge.badge-soft-secondary {
	color: rgba(255, 255, 255, 0.88);
	background-color: rgba(108, 117, 125, 0.28);
	border-color: rgba(255, 255, 255, 0.12);
}

/* Return modal */
.return-modal .modal-dialog.modal-dialog-scrollable {
	margin: 1rem auto;
}

.return-modal .modal-dialog-scrollable .modal-content {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.return-modal .modal-content {
	border: 0;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
}

.return-modal .modal-content.return-modal-panel,
.return-modal-panel.modal-content {
	border-radius: 0.75rem;
	overflow: hidden;
}

body[data-theme=dark] .return-modal .modal-content.bg-white,
body[data-theme=dark] .return-modal-panel.bg-white {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
}

.return-modal .open-order-modal-hero.modal-header,
.return-modal .return-modal-hero,
.return-modal .return-modal-actions,
.return-modal .open-order-modal-actions {
	flex-shrink: 0;
}

.return-modal .modal-body.return-modal-body {
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	overflow-y: auto !important;
	overflow-x: hidden;
	flex: 1 1 auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
}

.return-hero-channel-logo {
	width: 1.35rem;
	height: 1.35rem;
	display: inline-block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
	border-radius: 0.15rem;
}

.return-modal-attention-btn {
	min-width: 44px;
	min-height: 44px;
	border: 0;
	background: transparent;
	color: var(--bs-body-color, #495057);
	border-radius: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.35rem;
	transition: background-color 0.2s ease;
}

.return-modal-attention-btn:hover {
	background: rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .return-modal-attention-btn:hover {
	background: rgba(255, 255, 255, 0.08);
}

.return-modal-attention-btn .fa-solid.fa-flag {
	color: #d9534f;
}

.return-modal-products {
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.5rem;
	overflow: hidden;
	background: #fff;
	/* Flex child with overflow:hidden gets min-height:auto → 0, so this block
	   collapses and clips the items table on small screens. */
	flex: 0 0 auto;
	min-height: fit-content;
}

body[data-theme=dark] .return-modal-products {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
}

.return-modal-products-head {
	padding: 0.75rem 1.25rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #495057;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: #fff;
}

body[data-theme=dark] .return-modal-products-head {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.88);
}

.return-modal-products-table-wrap {
	margin: 0;
	/* Horizontal scrolling is handled by the inner .return-modal-products-scroll
	   so the toolbar (search + buttons) does NOT live inside the scroll area and
	   can't leave a dead gap to its right when the table is scrolled. */
	overflow: visible;
}

/* Only the table scrolls horizontally; the toolbar stays full-width above it. */
.return-modal-products-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Return items table uses table-responsive, not DataTables scrollX. */
.return-modal-products .dataTables_scrollBody {
	min-height: 3rem;
	overflow: auto !important;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}

.return-modal-products .dataTables_scrollBody::-webkit-scrollbar {
	display: block;
	height: 6px;
}

#datatableReturnProducts_wrapper.dataTables_wrapper {
	padding: 0;
}

.return-modal-products-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(0, 0, 0, 0.015);
}

body[data-theme=dark] .return-modal-products-toolbar {
	border-bottom-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.02);
}

.return-modal-products-toolbar .dt-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	float: none;
}

.return-modal-products-toolbar .dt-buttons .btn-group {
	width: auto;
}

.return-modal-products-toolbar .dt-buttons .btn {
	margin: 0 !important;
	min-height: 32px;
}

.return-modal-products-toolbar .dataTables_filter {
	float: none;
	margin: 0;
	text-align: right;
}

.return-modal-products-toolbar .dataTables_filter label {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	width: auto;
}

.return-modal-products-toolbar .dataTables_filter input {
	width: 200px;
	max-width: 100%;
	min-height: 32px;
	margin-left: 0 !important;
	font-size: 0.825rem;
	border-radius: 0.25rem;
}

.return-modal-products-table {
	width: 100% !important;
	background: #fff;
	--bs-table-bg: #fff;
	--bs-table-striped-bg: #fff;
	--bs-table-hover-bg: rgba(0, 0, 0, 0.02);
	margin-bottom: 0 !important;
}

body[data-theme=dark] .return-modal-products-table {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	--bs-table-bg: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	--bs-table-striped-bg: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	--bs-table-hover-bg: rgba(255, 255, 255, 0.04);
}

.return-modal-products-table thead th {
	padding: 0.625rem 0.875rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #6c757d;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	background: #fff;
	vertical-align: middle;
	white-space: nowrap;
}

body[data-theme=dark] .return-modal-products-table thead th {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.68);
}

.return-modal-products-table tbody td {
	padding: 0.5rem 0.75rem;
	font-size: 0.8125rem;
	vertical-align: middle;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background: #fff;
	color: #212529;
}

.return-modal-products-table tbody tr:hover td {
	background: rgba(0, 119, 255, 0.02);
}

body[data-theme=dark] .return-modal-products-table tbody tr:hover td {
	background: rgba(255, 255, 255, 0.03);
}

body[data-theme=dark] .return-modal-products-table tbody td {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36));
	border-bottom-color: rgba(255, 255, 255, 0.06);
	color: var(--bs-body-color, #fefefe);
}

.return-modal-products-table tbody tr:last-child td {
	border-bottom: 0;
}

.return-modal-col-item {
	min-width: 14rem;
}

.return-modal-col-qty {
	width: 11rem;
	min-width: 11rem;
	white-space: nowrap;
}

.return-modal-col-stock {
	min-width: 12rem;
	max-width: 18rem;
}

.return-modal-col-status {
	min-width: 11rem;
	max-width: 16rem;
}

.return-item-cell {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

.return-item-body {
	flex: 1;
	min-width: 0;
}

.return-modal-product-thumb {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 0.375rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

body[data-theme=dark] .return-modal-product-thumb {
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(255, 255, 255, 0.1);
}

.return-product-cell {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.return-product-title {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #212529;
	text-decoration: none;
	line-height: 1.4;
	display: inline-block;
}

.return-product-title:hover {
	color: var(--primary, #0077ff);
}

body[data-theme=dark] .return-product-title {
	color: var(--bs-body-color, #fefefe);
}

.return-product-bundle-icon {
	color: #6c757d;
	font-size: 0.75rem;
}

.return-product-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
}

.return-product-meta-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	font-size: 0.6875rem;
	color: #6c757d;
	background: rgba(0, 0, 0, 0.03);
	border-radius: 0.25rem;
	padding: 0.125rem 0.375rem;
	line-height: 1.35;
}

body[data-theme=dark] .return-product-meta-chip {
	color: rgba(255, 255, 255, 0.65);
	background: rgba(255, 255, 255, 0.06);
}

.return-product-meta-label {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 0.625rem;
	color: #adb5bd;
}

body[data-theme=dark] .return-product-meta-label {
	color: rgba(255, 255, 255, 0.45);
}

.return-product-print-btn {
	color: #adb5bd !important;
	line-height: 1;
	min-height: auto;
}

.return-product-print-btn:hover {
	color: var(--primary, #0077ff) !important;
}

.return-item-details {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin-top: 0.375rem;
	padding-top: 0.375rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .return-item-details {
	border-top-color: rgba(255, 255, 255, 0.06);
}

.return-item-detail {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.4;
}

.return-item-detail-label {
	font-weight: 600;
	color: #6c757d;
	flex-shrink: 0;
}

body[data-theme=dark] .return-item-detail-label {
	color: rgba(255, 255, 255, 0.55);
}

.return-item-detail-value {
	color: #495057;
	min-width: 0;
	word-break: break-word;
}

body[data-theme=dark] .return-item-detail-value {
	color: rgba(255, 255, 255, 0.82);
}

.return-item-detail-badges {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.return-item-empty-dash {
	color: #ced4da;
	font-size: 0.875rem;
}

body[data-theme=dark] .return-item-empty-dash {
	color: rgba(255, 255, 255, 0.25);
}

.return-stock-cell {
	min-width: 0;
}

.return-stock-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.375rem 0.5rem;
	align-items: center;
	width: 100%;
}

.return-stock-location {
	font-size: 0.8125rem;
	line-height: 1.35;
	min-width: 0;
}

.return-stock-location a {
	font-weight: 600;
	color: var(--success, #3fc77d);
	text-decoration: none;
}

.return-stock-location a:hover {
	color: var(--success-hover, #3cba75);
	text-decoration: underline;
}

body[data-theme=dark] .return-stock-location a {
	color: #7ddea8;
}

.return-stock-location-field {
	position: relative;
	width: 100%;
	min-width: 0;
}

.return-stock-location-field .return-product-location-input {
	padding-right: 1.75rem;
	font-size: 0.75rem;
	min-height: 2rem;
	border-radius: 0.25rem;
}

.return-stock-location-clear {
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #adb5bd;
	border-radius: 0.2rem;
	cursor: pointer;
}

.return-stock-location-clear:hover {
	color: #6c757d;
	background: rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .return-stock-location-clear:hover {
	color: rgba(255, 255, 255, 0.75);
	background: rgba(255, 255, 255, 0.06);
}

/* Read-only location input acts as a trigger for the centered picker modal */
.return-stock-location-field .return-product-location-input[readonly] {
	cursor: pointer;
	background-color: var(--bs-body-bg);
}

/* Return location picker modal */
#returnLocationPickerModal .return-location-picker-search-wrap {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

#returnLocationPickerModal .return-location-picker-search-icon {
	position: absolute;
	top: 50%;
	left: 1.75rem;
	transform: translateY(-50%);
	color: var(--bs-secondary-color, #6c757d);
	pointer-events: none;
	font-size: 0.85rem;
}

#returnLocationPickerModal #returnLocationPickerSearch {
	padding-left: 2.4rem;
	min-height: 44px;
	font-size: 16px;
}

#returnLocationPickerModal .return-location-picker-list {
	display: flex;
	flex-direction: column;
}

#returnLocationPickerModal .return-location-picker-item {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 44px;
	padding: 0.625rem 0.75rem;
	text-align: left;
	background: transparent;
	border: 0;
	border-radius: 0.375rem;
	color: var(--bs-body-color);
	font-size: 0.9rem;
	line-height: 1.35;
	transition: background-color 0.15s ease;
}

#returnLocationPickerModal .return-location-picker-item:hover,
#returnLocationPickerModal .return-location-picker-item:focus {
	background-color: rgba(0, 119, 255, 0.1);
	outline: none;
}

#returnLocationPickerModal .return-location-picker-item + .return-location-picker-item {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
}

#returnLocationPickerModal .return-location-picker-state {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem 1rem;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.9rem;
	text-align: center;
}

body[data-theme=dark] #returnLocationPickerModal .return-location-picker-item:hover,
body[data-theme=dark] #returnLocationPickerModal .return-location-picker-item:focus {
	background-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] #returnLocationPickerModal .return-location-picker-item + .return-location-picker-item {
	border-top-color: rgba(255, 255, 255, 0.1);
}

.return-stock-action {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.return-stock-action .btn {
	white-space: nowrap;
	min-height: 2rem;
	padding: 0.25rem 0.625rem;
	font-size: 0.75rem;
	font-weight: 500;
}

.return-stock-restocked-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.75rem;
	height: 1.75rem;
	padding: 0 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #1a6840;
	background: rgba(63, 199, 125, 0.18);
	border: 1px solid rgba(63, 199, 125, 0.28);
	border-radius: 999px;
	line-height: 1;
}

body[data-theme=dark] .return-stock-restocked-badge {
	color: #7ddea8;
	background: rgba(63, 199, 125, 0.15);
	border-color: rgba(63, 199, 125, 0.28);
}

.return-status-cell {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	min-width: 0;
}

.return-status-value .badge {
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: normal;
	text-align: left;
	line-height: 1.35;
	padding: 0.3em 0.55em;
	max-width: 100%;
}

.return-status-select {
	font-size: 0.75rem;
	min-height: 2rem;
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	max-width: 100%;
}

.return-status-action .btn {
	white-space: nowrap;
}

.return-modal-qty-cell {
	display: flex;
	justify-content: center;
}

.return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 10.5rem;
	max-width: 100%;
	border-radius: 0.3rem;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

body[data-theme=dark] .return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin {
	border-color: rgba(255, 255, 255, 0.1);
}

.return-modal-products-table .return-modal-touchspin,
.return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin .form-control {
	flex: 1 1 0;
	width: 1%;
	min-width: 6ch;
	max-width: none;
	text-align: center;
	font-size: 0.8125rem;
	font-weight: 600;
	padding: 0.25rem 0.25rem;
	border: 0;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.02);
}

body[data-theme=dark] .return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin .form-control {
	background: rgba(255, 255, 255, 0.04);
}

.return-modal-products-table .return-modal-qty-cell .input-group-btn {
	flex: 0 0 auto;
}

.return-modal-products-table .return-modal-qty-cell .input-group-btn .btn {
	min-height: 2rem;
	min-width: 2rem;
	padding: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 0;
	border-color: transparent;
}

.return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin-down {
	border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin-up {
	border-left: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin-down,
body[data-theme=dark] .return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin-up {
	border-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 767.98px) {
	.return-modal-products-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.return-modal-products-toolbar .dt-buttons,
	.return-modal-products-toolbar .dataTables_filter {
		width: 100%;
	}

	.return-modal-products-toolbar .dataTables_filter label {
		width: 100%;
	}

	.return-modal-products-toolbar .dataTables_filter input {
		width: 100%;
		flex: 1;
	}

	.return-modal-product-thumb {
		width: 40px;
		height: 40px;
	}

	.return-modal-col-qty {
		width: 10rem;
		min-width: 10rem;
	}

	.return-modal-products-table .return-modal-qty-cell .bootstrap-touchspin {
		width: 9.5rem;
	}

	.return-stock-main {
		grid-template-columns: 1fr;
	}

	.return-stock-action {
		justify-content: flex-start;
	}

	.return-modal-col-stock,
	.return-modal-col-status {
		min-width: 8.5rem;
	}
}

.return-modal .label-hero-status-badge.badge-soft-success,
.return-modal .label-hero-status-badge.badge-soft-warning {
	min-height: 28px;
}

.return-modal .label-hero-status-badge.badge-soft-success {
	color: #1a6840;
	background-color: rgba(63, 199, 125, 0.22);
	border: 1px solid rgba(63, 199, 125, 0.28);
}

.return-modal .return-detail-wrap {
	margin-bottom: 0;
}

.return-modal .return-detail-tiles {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

.return-modal .return-detail-tiles .label-detail-tile {
	height: 100%;
}

.return-modal .return-detail-tiles .label-detail-value a {
	color: var(--primary, #0077ff);
	font-weight: 600;
	text-decoration: none;
}

.return-modal .return-detail-tiles .label-detail-value a:hover {
	text-decoration: underline;
}

.return-modal .return-detail-print-btn {
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1;
	vertical-align: middle;
}

.return-modal .return-detail-print-btn:hover {
	color: var(--primary, #0077ff);
}

.return-modal-side-row {
	align-items: stretch;
	--bs-gutter-x: 0.625rem;
	--bs-gutter-y: 0;
}

.return-modal-side-row > [class*="col-"].d-flex > .return-modal-side-card {
	height: 100%;
}

.return-modal-side-card {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.5rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	min-height: 7.5rem;
}

body[data-theme=dark] .return-modal-side-card {
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: none;
}

.return-modal-side-card .card-header {
	background: rgba(0, 0, 0, 0.015);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .return-modal-side-card .card-header {
	background: rgba(255, 255, 255, 0.02);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.return-modal-side-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	min-height: 2.75rem;
}

.return-modal-side-card .card-header h5 {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #495057;
	margin: 0;
}

body[data-theme=dark] .return-modal-side-card .card-header h5 {
	color: rgba(255, 255, 255, 0.88);
}

.return-modal-side-card-header-actions {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.375rem;
	flex-shrink: 0;
}

.return-modal-snippet-select,
.return-modal-side-header-btn {
	min-height: 2rem;
	font-size: 0.75rem;
}

.return-modal-snippet-select {
	width: 9.5rem;
	max-width: 100%;
	border-color: rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

body[data-theme=dark] .return-modal-snippet-select {
	border-color: rgba(255, 255, 255, 0.12);
	background-color: rgba(255, 255, 255, 0.04);
}

.return-modal-side-header-btn {
	padding: 0.25rem 0.625rem;
	font-weight: 500;
	white-space: nowrap;
}

.return-modal-side-card-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	min-height: 0;
	padding: 0.625rem 0.75rem 0.75rem;
}

.return-modal-side-panel {
	flex: 1;
	width: 100%;
	min-height: 6.5rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.375rem;
	background: rgba(0, 0, 0, 0.02);
}

body[data-theme=dark] .return-modal-side-panel {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

.return-modal-comment-input {
	min-height: 6.5rem;
	max-height: 10rem;
	border: 0;
	border-radius: 0.375rem;
	background: transparent;
	font-weight: 400;
	font-size: 0.8125rem;
	line-height: 1.55;
	padding: 0.625rem 0.75rem;
	resize: vertical;
	word-break: break-word;
	box-shadow: none;
	transition: background-color 0.2s ease;
}

.return-modal-comment-input:focus {
	background: rgba(255, 255, 255, 0.65);
	box-shadow: none;
	border-color: transparent;
}

.return-modal-comment-input::placeholder {
	color: #adb5bd;
	font-weight: 400;
}

body[data-theme=dark] .return-modal-comment-input:focus {
	background: rgba(255, 255, 255, 0.04);
}

.return-modal-side-panel:focus-within {
	border-color: rgba(0, 119, 255, 0.35);
	box-shadow: 0 0 0 0.15rem rgba(0, 119, 255, 0.1);
}

body[data-theme=dark] .return-modal-side-panel:focus-within {
	border-color: rgba(0, 119, 255, 0.45);
	box-shadow: 0 0 0 0.15rem rgba(0, 119, 255, 0.15);
}

.return-modal-attachments-file-label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.6875rem;
	line-height: 1.35;
}

.return-attachments-list {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	padding: 0.375rem;
	overflow-y: auto;
}

.return-attachments-list:has(.return-attachment-item) {
	justify-content: flex-start;
}

.return-attachments-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 5rem;
	padding: 0.75rem;
	text-align: center;
}

.return-attachments-empty-title {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6c757d;
	line-height: 1.35;
	margin: 0;
}

body[data-theme=dark] .return-attachments-empty-title {
	color: rgba(255, 255, 255, 0.55);
}

.return-attachments-empty-hint {
	font-size: 0.6875rem;
	color: #adb5bd;
	line-height: 1.4;
	margin: 0;
}

body[data-theme=dark] .return-attachments-empty-hint {
	color: rgba(255, 255, 255, 0.38);
}

.return-attachments-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.625rem 0.5rem;
	font-size: 0.75rem;
	color: #6c757d;
}

body[data-theme=dark] .return-attachments-loading {
	color: rgba(255, 255, 255, 0.55);
}

.return-attachment-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.375rem 0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 0.3rem;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.return-attachment-item:hover {
	border-color: rgba(0, 119, 255, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .return-attachment-item {
	background: rgba(32, 33, 36, 0.6);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .return-attachment-item:hover {
	border-color: rgba(0, 119, 255, 0.35);
	box-shadow: none;
}

.return-attachment-preview {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.25rem;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.04);
	text-decoration: none;
}

body[data-theme=dark] .return-attachment-preview {
	background: rgba(255, 255, 255, 0.06);
}

.return-attachment-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.return-attachment-preview-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 1.125rem;
	color: #6c757d;
}

body[data-theme=dark] .return-attachment-preview-fallback {
	color: rgba(255, 255, 255, 0.55);
}

.return-attachment-preview-fallback .fa-file-pdf {
	color: #d9534f;
}

.return-attachment-preview-fallback .fa-file-word {
	color: #2b579a;
}

.return-attachment-preview-fallback .fa-file-excel {
	color: #217346;
}

.return-attachment-preview-fallback .fa-file-archive {
	color: #8a5a00;
}

.return-attachment-meta {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.return-attachment-name {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #212529;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.return-attachment-name:hover {
	color: var(--primary, #0077ff);
	text-decoration: underline;
}

body[data-theme=dark] .return-attachment-name {
	color: rgba(255, 255, 255, 0.92);
}

.return-attachment-type {
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #adb5bd;
}

body[data-theme=dark] .return-attachment-type {
	color: rgba(255, 255, 255, 0.4);
}

.return-attachment-delete {
	flex-shrink: 0;
	min-width: 2rem;
	min-height: 2rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	color: #6c757d;
	border-color: transparent;
}

.return-attachment-delete:hover {
	color: #d9534f;
	background: rgba(217, 83, 79, 0.08);
	border-color: transparent;
}

body[data-theme=dark] .return-attachment-delete:hover {
	background: rgba(217, 83, 79, 0.15);
}

.return-attachments-count {
	font-size: 0.6875rem;
	font-weight: 600;
	min-width: 1.25rem;
}

@media (max-width: 991.98px) {
	.return-modal .return-detail-tiles {
		grid-template-columns: 1fr;
		gap: 0.625rem;
	}

	.return-modal-side-row {
		--bs-gutter-y: 0.625rem;
	}
}

@media (max-width: 767.98px) {
	.return-modal-side-panel {
		min-height: 5rem;
	}

	.return-modal-side-card-header {
		flex-wrap: wrap;
	}

	.return-modal-side-card-header-actions {
		width: 100%;
		justify-content: flex-start;
	}
}

.return-modal .label-hero-status-badge.badge-soft-warning {
	color: #8a5a00;
	background-color: rgba(229, 165, 75, 0.25);
	border: 1px solid rgba(229, 165, 75, 0.32);
}

body[data-theme=dark] .return-modal .label-hero-status-badge.badge-soft-success {
	color: #7ddea8;
	background-color: rgba(63, 199, 125, 0.2);
	border-color: rgba(63, 199, 125, 0.32);
}

body[data-theme=dark] .return-modal .label-hero-status-badge.badge-soft-warning {
	color: #f0c674;
	background-color: rgba(229, 165, 75, 0.18);
	border-color: rgba(229, 165, 75, 0.28);
}

@media (max-width: 767.98px) {
	.return-modal .modal-dialog,
	.return-modal .modal-dialog.modal-dialog-scrollable {
		margin: 0;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
	}

	.return-modal .modal-content {
		height: 100%;
		max-height: 100%;
		border-radius: 0;
	}
}

@media (max-width: 575.98px) {
	.return-modal-body {
		padding: 1rem;
	}
}

/* Stronger badge contrast inside label modal */
.label-modal .label-detail-status-badge.badge-soft-info {
	color: #0a6678;
	background-color: rgba(31, 155, 207, 0.2);
}

.label-modal .label-detail-status-badge.badge-soft-success {
	color: #1a6840;
	background-color: rgba(63, 199, 125, 0.22);
}

.label-modal .label-detail-status-badge.badge-soft-primary {
	color: #0056b3;
	background-color: rgba(0, 119, 255, 0.15);
}

.label-modal .label-detail-status-badge.badge-soft-warning {
	color: #8a5a00;
	background-color: rgba(229, 165, 75, 0.25);
}

.label-modal .label-detail-status-badge.badge-soft-danger {
	color: #a52824;
	background-color: rgba(217, 83, 79, 0.2);
}

.label-modal .label-detail-status-badge.badge-soft-secondary {
	color: #495057;
	background-color: rgba(108, 117, 125, 0.18);
}

body[data-theme=dark] .label-modal .label-detail-status-badge.badge-soft-info {
	color: #7dd3fc;
	background-color: rgba(31, 155, 207, 0.22);
}

body[data-theme=dark] .label-modal .label-detail-status-badge.badge-soft-success {
	color: #86efac;
	background-color: rgba(63, 199, 125, 0.2);
}

/* Kiosk mode: hide portal chrome for iframe / full-screen embeds (?kiosk=1 or kiosk cookie via ?kiosk=persist) */
body[data-kiosk="true"] #sidebar,
body[data-kiosk="true"] .navbar-bg,
body[data-kiosk="true"] #spotlight-modal,
body[data-kiosk="true"] #floatingButton,
body[data-kiosk="true"] .floating-btn,
body[data-kiosk="true"] .main > .bg-warning.cursor-pointer {
	display: none !important;
}

body[data-kiosk="true"] .main {
	margin-left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 100vh;
}

body[data-kiosk="true"] .content,
body[data-kiosk="true"] main.content {
	padding: 0;
	min-height: 100dvh;
	height: 100dvh;
	max-height: 100dvh;
	overflow: hidden;
}

body[data-kiosk="true"] .wrapper {
	padding: 0;
}

body[data-kiosk="true"] .intercom-lightweight-app,
body[data-kiosk="true"] .intercom-app,
body[data-kiosk="true"] #intercom-container {
	display: none !important;
}

/* PIM product modal */
.pim-product-modal .modal-dialog.modal-dialog-scrollable {
	margin: 1rem auto;
}

.pim-product-modal .modal-dialog-scrollable .modal-content {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.pim-product-modal .modal-content {
	border: 0;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
}

body[data-theme=dark] .pim-product-modal .modal-content.bg-white,
body[data-theme=dark] .pim-product-modal-panel.bg-white {
	background-color: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
}

.pim-product-modal .open-order-modal-hero.modal-header,
.pim-product-modal .pim-product-modal-hero,
.pim-product-modal .pim-product-modal-actions,
.pim-product-modal .open-order-modal-actions {
	flex-shrink: 0;
}

.pim-product-modal .open-order-modal-hero {
	padding: 0.8rem 1.15rem;
}

.pim-product-modal .open-order-modal-hero-start.pim-product-modal-hero-start {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

.pim-product-modal-hero-main {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	min-width: 0;
	width: 100%;
}

.pim-product-modal-hero-img {
	width: 2.75rem;
	height: 2.75rem;
	object-fit: contain;
	border-radius: 0.25rem;
	flex-shrink: 0;
}

.pim-product-modal .open-order-modal-hero-id {
	font-size: 1.125rem;
	line-height: 1.25;
}

.pim-product-modal-hero-secondary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
	margin-top: 0.2rem;
	min-width: 0;
}

.pim-product-modal-hero-meta {
	font-size: 0.8125rem;
	line-height: 1.35;
	color: var(--bs-secondary-color, #6c757d);
	min-width: 0;
}

.pim-product-modal-meta-sep {
	margin: 0 0.28rem;
	opacity: 0.5;
}

.pim-product-modal-meta-link {
	color: inherit;
	text-decoration: none;
	font-weight: 500;
}

.pim-product-modal-meta-link:hover {
	color: var(--primary, #0077ff);
	text-decoration: underline;
}

.pim-product-modal .open-order-modal-hero-tasks-inline {
	padding-left: 0;
	border-left: 0;
}

.pim-product-modal-hero-secondary:has(#productHeroTasksWrap:not(.d-none)) #productHeroTasksWrap {
	padding-left: 0.45rem;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
}

body[data-theme=dark] .pim-product-modal-hero-secondary:has(#productHeroTasksWrap:not(.d-none)) #productHeroTasksWrap {
	border-left-color: rgba(255, 255, 255, 0.1);
}

.pim-product-modal .open-order-modal-actions {
	padding: 0.5rem 1.15rem;
}

.pim-product-modal .open-order-modal-more {
	margin-left: auto;
}

.pim-product-modal .modal-body.pim-product-modal-body {
	padding: 1rem 1.25rem 1.25rem;
	overflow-y: auto !important;
	overflow-x: hidden;
	flex: 1 1 auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
}

.pim-product-modal .tab .nav-tabs {
	border-bottom: 2px solid var(--bs-border-color);
	gap: 0;
}

.pim-product-modal .tab .nav-tabs .nav-link {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	margin-bottom: -2px;
	padding: 0.65rem 0.75rem;
	color: var(--bs-body-color);
	font-weight: 500;
	border-radius: 0;
}

.pim-product-modal .tab .nav-tabs .nav-link.active {
	color: var(--primary) !important;
	border-bottom-color: var(--primary) !important;
	background: transparent !important;
}

body[data-theme=dark] .pim-product-modal .tab .nav-tabs .nav-link {
	color: var(--bs-body-color);
}

body[data-theme=dark] .pim-product-modal .tab .nav-tabs .nav-link.active {
	color: var(--primary) !important;
}

.pim-product-modal .open-order-modal-hero-task-chip {
	padding: 0.2rem 0.45rem;
	font-size: 0.72rem;
}

/* Product modal — stock advice panel */
.pim-stock-advice-panel {
	--pim-sa-accent: var(--primary, #0077ff);
	--pim-sa-tint: rgba(0, 119, 255, 0.06);
	--pim-sa-pill-bg: rgba(0, 119, 255, 0.1);
	--pim-sa-pill-color: #0061d0;
	margin-bottom: 0.85rem;
}

.pim-stock-advice-panel--action {
	--pim-sa-accent: #d9534f;
	--pim-sa-tint: rgba(217, 83, 79, 0.08);
	--pim-sa-pill-bg: rgba(217, 83, 79, 0.12);
	--pim-sa-pill-color: #b52b27;
}

.pim-stock-advice-panel--on-track {
	--pim-sa-accent: #3fc77d;
	--pim-sa-tint: rgba(63, 199, 125, 0.08);
	--pim-sa-pill-bg: rgba(63, 199, 125, 0.14);
	--pim-sa-pill-color: #2d8a5c;
}

.pim-stock-advice-panel--disabled,
.pim-stock-advice-panel--no-data {
	--pim-sa-accent: var(--bs-secondary-color, #adb5bd);
	--pim-sa-tint: rgba(0, 0, 0, 0.025);
	--pim-sa-pill-bg: rgba(0, 0, 0, 0.05);
	--pim-sa-pill-color: var(--bs-secondary-color, #6c757d);
}

.pim-stock-advice-panel--loading {
	--pim-sa-accent: var(--primary, #0077ff);
	--pim-sa-tint: rgba(0, 119, 255, 0.05);
	--pim-sa-pill-bg: rgba(0, 119, 255, 0.1);
	--pim-sa-pill-color: var(--primary, #0077ff);
}

body[data-theme=dark] .pim-stock-advice-panel--disabled,
body[data-theme=dark] .pim-stock-advice-panel--no-data {
	--pim-sa-tint: rgba(255, 255, 255, 0.03);
	--pim-sa-pill-bg: rgba(255, 255, 255, 0.07);
	--pim-sa-pill-color: var(--bs-secondary-color, #adb5bd);
}

.pim-stock-advice-panel__surface {
	border-radius: 0.65rem;
	border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.07));
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

body[data-theme=dark] .pim-stock-advice-panel__surface {
	border-color: var(--cd-border-subtle, rgba(255, 255, 255, 0.06));
	box-shadow: none;
}

body[data-theme=dark] .pim-stock-advice-panel__surface {
	border-color: rgba(255, 255, 255, 0.09);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.pim-stock-advice-panel__hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	flex-wrap: wrap;
	padding: 0.65rem 0.85rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .pim-stock-advice-panel__hero {
	border-bottom-color: rgba(255, 255, 255, 0.07);
}

.pim-stock-advice-panel--loading .pim-stock-advice-panel__hero,
.pim-stock-advice-panel--hero-only .pim-stock-advice-panel__hero {
	border-bottom: 0;
}

.pim-stock-advice-panel__hero-main {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	flex: 1 1 auto;
}

.pim-stock-advice-panel__hero-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex-shrink: 0;
	margin-left: auto;
}

.pim-stock-advice-panel__hero-actions .pim-stock-advice-panel__action {
	min-height: 1.85rem;
	padding: 0.28rem 0.6rem;
	font-size: 0.68rem;
}

.pim-stock-advice-panel__hero-icon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.55rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.95rem;
	color: var(--pim-sa-accent);
	background: var(--pim-sa-pill-bg);
	flex-shrink: 0;
}

.pim-stock-advice-panel__hero-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.3rem;
	min-width: 0;
}

.pim-stock-advice-panel__hero-title {
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--bs-body-color);
	line-height: 1.2;
}

.pim-stock-advice-panel__hero-pills {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
}

.pim-stock-advice-panel__pill {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.18rem 0.55rem;
	border-radius: 10rem;
	font-size: 0.68rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--pim-sa-pill-color);
	background: var(--pim-sa-pill-bg);
	white-space: nowrap;
}

.pim-stock-advice-panel__pill--loading::before {
	content: "";
	width: 0.55rem;
	height: 0.55rem;
	border: 2px solid rgba(0, 119, 255, 0.2);
	border-top-color: var(--primary, #0077ff);
	border-radius: 50%;
	animation: pim-stock-advice-spin 0.7s linear infinite;
	flex-shrink: 0;
}

body[data-theme=dark] .pim-stock-advice-panel__pill--loading::before {
	border-color: rgba(126, 184, 255, 0.2);
	border-top-color: #7eb8ff;
}

.pim-stock-advice-panel__body {
	padding: 0.6rem 0.85rem 0.7rem;
}

.pim-stock-advice-panel--single-rec .pim-stock-advice-panel__body {
	padding-top: 0.65rem;
}

.pim-stock-advice-panel__lead {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: var(--bs-body-color);
}

.pim-stock-advice-panel__hint {
	margin: 0.35rem 0 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.pim-stock-advice-panel__pill--meta {
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(0, 0, 0, 0.04);
}

body[data-theme=dark] .pim-stock-advice-panel__pill--meta {
	background: rgba(255, 255, 255, 0.06);
}

.stock-advice-sync-banner {
	padding: 0.65rem 1rem;
	margin-bottom: 0;
	font-size: 0.86rem;
}

.stock-advice-guide {
	margin-bottom: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: none;
	overflow: hidden;
}

body[data-theme=dark] .stock-advice-guide {
	border-color: var(--cd-border-subtle);
}

.stock-advice-guide__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.65rem 1rem;
	border-bottom: none;
}

.stock-advice-guide--expanded .stock-advice-guide__header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .stock-advice-guide--expanded .stock-advice-guide__header {
	border-bottom-color: var(--cd-border-subtle);
}

.stock-advice-guide__toggle {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	color: inherit;
	cursor: pointer;
}

.stock-advice-guide__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	font-size: 1.35rem;
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: none;
}

body[data-theme=dark] .stock-advice-guide__icon {
	color: var(--cd-text-muted);
	background: var(--cd-surface-input);
	border-color: var(--cd-border-subtle);
}

.stock-advice-guide__toggle:hover .stock-advice-guide__title {
	color: var(--primary, #0077ff);
}

.stock-advice-guide__toggle:focus {
	outline: none;
	box-shadow: none;
}

.stock-advice-guide__toggle:focus-visible {
	outline: 2px solid var(--highlight-color, rgba(0, 119, 255, 0.5));
	outline-offset: 2px;
	border-radius: 0.25rem;
}

.stock-advice-guide__header-main {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	flex: 1 1 auto;
}

.stock-advice-guide__header-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.stock-advice-guide__chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	padding: 0;
	border: 0;
	border-radius: 0.25rem;
	background: transparent;
	font-size: 0.72rem;
	color: var(--bs-secondary-color, #6c757d);
	transition: transform 0.2s ease, color 0.15s ease;
	flex-shrink: 0;
	cursor: pointer;
}

.stock-advice-guide__chevron:hover {
	color: var(--primary, #0077ff);
}

.stock-advice-guide__chevron:focus {
	outline: none;
	box-shadow: none;
}

.stock-advice-guide__chevron:focus-visible {
	outline: 2px solid var(--highlight-color, rgba(0, 119, 255, 0.5));
	outline-offset: 2px;
}

.stock-advice-guide__chevron[aria-expanded="true"] {
	transform: rotate(180deg);
}

.stock-advice-guide__edit {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.75rem;
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	min-height: 2rem;
	border-radius: 10rem;
	color: var(--primary, #0077ff) !important;
	background: rgba(var(--primary-rgb), 0.1) !important;
	border: 1px solid rgba(var(--primary-rgb), 0.18) !important;
	box-shadow: none !important;
}

.stock-advice-guide__edit:hover,
.stock-advice-guide__edit:focus,
.stock-advice-guide__edit:active {
	color: var(--primary-hover, #0061d0) !important;
	background: rgba(var(--primary-rgb), 0.16) !important;
	border-color: rgba(var(--primary-rgb), 0.26) !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.stock-advice-guide__edit i {
	font-size: 0.72rem;
	opacity: 0.9;
}

.stock-advice-guide__title {
	display: block;
	margin: 0;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bs-body-color);
	transition: color 0.15s ease;
}

.stock-advice-guide__hint {
	display: block;
	font-size: 0.78rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.stock-advice-guide__body {
	padding: 0.75rem 1rem 0.85rem;
	font-size: 0.8rem;
}

.stock-advice-guide__summary {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.stock-advice-guide__summary-lead {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.stock-advice-guide__group + .stock-advice-guide__group {
	padding-top: 0.85rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .stock-advice-guide__group + .stock-advice-guide__group {
	border-top-color: var(--cd-border-subtle);
}

.stock-advice-guide__group-title {
	margin: 0 0 0.2rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.stock-advice-guide__group-desc {
	margin: 0 0 0.6rem;
	font-size: 0.76rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.stock-advice-guide__metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
}

@media (min-width: 768px) {
	.stock-advice-guide__metrics {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.stock-advice-guide__metrics--pair {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.stock-advice-guide__metric {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.55rem 0.65rem;
	border-radius: 0.45rem;
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .stock-advice-guide__metric {
	background: var(--cd-surface-elevated);
	border-color: var(--cd-border-subtle);
}

.stock-advice-guide__metric-label {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.35;
}

.stock-advice-guide__metric-value {
	font-size: 0.8rem;
	color: var(--bs-body-color);
	line-height: 1.35;
}

.stock-advice-guide__metric-value strong {
	font-weight: 600;
	font-size: 0.9rem;
}

.stock-advice-guide__toggle-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.stock-advice-guide__toggle-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.55rem 0.65rem;
	border-radius: 0.45rem;
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .stock-advice-guide__toggle-row {
	background: var(--cd-surface-elevated);
	border-color: var(--cd-border-subtle);
}

.stock-advice-guide__toggle-label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.76rem;
	color: var(--bs-body-color);
	line-height: 1.4;
}

.stock-advice-guide__toggle-badge {
	flex-shrink: 0;
	min-width: 2.5rem;
	font-size: 0.7rem;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	padding: 0.3em 0.55em;
}

.stock-advice-guide__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-top: 0.75rem;
	padding-top: 0.65rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .stock-advice-guide__footer {
	border-top-color: var(--cd-border-subtle);
}

.stock-advice-guide__meta {
	font-size: 0.74rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.stock-advice-guide__meta strong {
	color: var(--bs-body-color);
	font-weight: 600;
}

.stock-advice-guide__meta-sep {
	margin: 0 0.15rem;
	opacity: 0.5;
}

.stock-advice-guide__footer-end {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem;
}

.stock-advice-guide__legend {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}

.stock-advice-guide__legend .badge {
	font-size: 0.68rem;
	font-weight: 500;
	padding: 0.25em 0.5em;
	cursor: default;
}

.stock-advice-guide__link {
	font-size: 0.76rem;
	font-weight: 500;
	white-space: nowrap;
}

.sa-settings-modal__header {
	align-items: flex-start;
	gap: 0.75rem;
}

.sa-settings-modal__header .modal-title {
	font-size: 1rem;
	font-weight: 600;
}

.sa-settings-modal__body {
	padding-top: 0.5rem;
}

.sa-settings-modal__section + .sa-settings-modal__section {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

body[data-theme=dark] .sa-settings-modal__section + .sa-settings-modal__section {
	border-top-color: var(--cd-border-subtle);
}

.sa-settings-modal__section-title {
	margin: 0 0 0.2rem;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.sa-settings-modal__section-desc {
	margin: 0 0 0.75rem;
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.sa-settings-modal__toggles {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.sa-settings-modal__toggle-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.65rem 0.75rem;
	border-radius: 0.45rem;
	background: rgba(0, 0, 0, 0.025);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .sa-settings-modal__toggle-row {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.07);
}

.sa-settings-modal__toggle-copy {
	min-width: 0;
	flex: 1 1 auto;
}

.sa-settings-modal__toggle-copy .form-text {
	margin-top: 0.15rem;
	margin-bottom: 0;
}

.sa-settings-modal__section--resync {
	padding-bottom: 0.15rem;
}

.sa-resync-panel {
	padding: 0.85rem 1rem;
	border-radius: 0.55rem;
	background: rgba(var(--primary-rgb), 0.06);
	border: 1px solid rgba(var(--primary-rgb), 0.18);
}

.sa-resync-panel__intro {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin-bottom: 0.75rem;
}

.sa-resync-panel__icon {
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 0.85rem;
	color: var(--primary-btn-color, #fff);
	background: var(--primary, #0077ff);
}

.sa-resync-panel__title {
	margin: 0 0 0.15rem;
	font-size: 0.86rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.sa-resync-panel__desc,
.sa-resync-panel__hint {
	font-size: 0.78rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.sa-resync-panel__hint {
	margin-top: 0.55rem;
}

.sa-resync-panel__action.input-group {
	flex-wrap: nowrap;
}

.sa-resync-panel__action .form-select {
	flex: 1 1 auto;
	min-width: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-color: rgba(var(--primary-rgb), 0.22);
}

.sa-resync-panel__action .form-select:focus {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.15);
}

.sa-resync-panel__action .btn.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	flex-shrink: 0;
	min-width: 6.75rem;
	min-height: 44px;
	padding-left: 1rem;
	padding-right: 1rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: var(--primary, #0077ff) !important;
	border-color: var(--primary, #0077ff) !important;
	color: var(--primary-btn-color, #fff) !important;
	box-shadow: none !important;
}

.sa-resync-panel__action .btn.btn-primary:hover:not(:disabled),
.sa-resync-panel__action .btn.btn-primary:focus:not(:disabled) {
	background-color: var(--primary-hover, #0061d0) !important;
	border-color: var(--primary-hover, #0061d0) !important;
	color: var(--primary-btn-color, #fff) !important;
}

.sa-resync-panel__action .btn.btn-primary:disabled {
	background-color: var(--primary, #0077ff) !important;
	border-color: var(--primary, #0077ff) !important;
	color: var(--primary-btn-color, #fff) !important;
	opacity: 0.5;
}

@media (max-width: 575.98px) {
	.sa-resync-panel__action.input-group {
		flex-direction: column;
		align-items: stretch;
	}

	.sa-resync-panel__action .form-select,
	.sa-resync-panel__action .btn {
		width: 100%;
		border-radius: 0.25rem;
	}

	.sa-resync-panel__action .btn {
		margin-top: 0.5rem;
	}
}

.sa-settings-modal__body .form-label {
	font-size: 0.82rem;
	font-weight: 500;
	margin-bottom: 0.3rem;
}

.sa-settings-modal__body .form-control,
.sa-settings-modal__body .form-select {
	font-size: 0.875rem;
	min-height: 44px;
}

.stock-advice-badge {
	cursor: pointer;
	min-height: 1.5rem;
}

.pim-stock-advice-panel__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
	margin-top: 0.8rem;
	padding-top: 0.8rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body[data-theme=dark] .pim-stock-advice-panel__stats {
	border-top-color: rgba(255, 255, 255, 0.07);
}

.pim-stock-advice-panel__stat {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.pim-stock-advice-panel__stat-value {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--bs-body-color);
	line-height: 1.2;
}

.pim-stock-advice-panel__stat-label {
	font-size: 0.66rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.25;
}

.pim-stock-advice-panel__recs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.pim-stock-advice-panel__rec {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 0.7rem 0.75rem;
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: inset 3px 0 0 var(--pim-sa-accent);
}

.pim-stock-advice-panel__rec--overdue {
	box-shadow: inset 3px 0 0 #d9534f;
}

.pim-stock-advice-panel__rec--soon {
	box-shadow: inset 3px 0 0 #efb540;
}

body[data-theme=dark] .pim-stock-advice-panel__rec {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.08);
}

.pim-stock-advice-panel__rec-main {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.22rem;
}

.pim-stock-advice-panel__rec-text {
	margin: 0;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--bs-body-color);
}

.pim-stock-advice-panel__rec-deadline {
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--bs-secondary-color, #6c757d);
}

.pim-stock-advice-panel__rec--overdue .pim-stock-advice-panel__rec-deadline {
	color: #c0392b;
}

.pim-stock-advice-panel__rec--soon .pim-stock-advice-panel__rec-deadline {
	color: #9a7209;
}

body[data-theme=dark] .pim-stock-advice-panel__rec--overdue .pim-stock-advice-panel__rec-deadline {
	color: #f5a8a5;
}

body[data-theme=dark] .pim-stock-advice-panel__rec--soon .pim-stock-advice-panel__rec-deadline {
	color: #f0c674;
}

.pim-stock-advice-panel__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2rem;
	padding: 0.35rem 0.7rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 10rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	color: var(--bs-body-color);
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1;
	flex-shrink: 0;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.pim-stock-advice-panel__action i {
	font-size: 0.78rem;
	color: var(--bs-secondary-color, #6c757d);
}

.pim-stock-advice-panel__action:hover,
.pim-stock-advice-panel__action:focus-visible {
	border-color: rgba(0, 119, 255, 0.28);
	background: rgba(0, 119, 255, 0.06);
	color: var(--primary, #0077ff);
	outline: none;
	box-shadow: none;
}

.pim-stock-advice-panel__action:hover i,
.pim-stock-advice-panel__action:focus-visible i {
	color: var(--primary, #0077ff);
}

.pim-stock-advice-panel__action--compact {
	min-height: 1.85rem;
	padding: 0.28rem 0.55rem;
	font-size: 0.68rem;
}

body[data-theme=dark] .pim-stock-advice-panel__action {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}

body[data-theme=dark] .pim-stock-advice-panel__action:hover,
body[data-theme=dark] .pim-stock-advice-panel__action:focus-visible {
	border-color: rgba(126, 184, 255, 0.35);
	background: rgba(0, 119, 255, 0.12);
	color: #7eb8ff;
}

@keyframes pim-stock-advice-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 575.98px) {
	.pim-stock-advice-panel__stats {
		grid-template-columns: 1fr;
		gap: 0.45rem;
	}

	.pim-stock-advice-panel__rec {
		flex-direction: column;
		align-items: stretch;
	}

	.pim-stock-advice-panel__action--compact {
		align-self: flex-start;
	}

	.pim-stock-advice-panel__hero-actions {
		width: 100%;
		justify-content: flex-end;
	}
}

/* Stock advice explanation modal */
#stockAdviceExplanationModal .modal-dialog {
	max-width: 780px;
}

#stockAdviceExplanationModal .modal-dialog.modal-dialog-scrollable {
	margin: 1rem auto;
	height: calc(100% - 2rem);
	max-height: calc(100dvh - 2rem);
}

#stockAdviceExplanationModal .modal-dialog-scrollable .modal-content {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#stockAdviceExplanationModal .modal-content {
	border: 0;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
}

body[data-theme=dark] #stockAdviceExplanationModal .modal-content {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

#stockAdviceExplanationModal .modal-header {
	padding: 1.1rem 1.35rem 0.65rem;
	flex-shrink: 0;
}

#stockAdviceExplanationModal .modal-title {
	font-size: 1rem;
	font-weight: 600;
}

#stockAdviceExplanationModal .sae-modal-body {
	padding: 0 1.35rem 1.35rem;
	overflow-y: auto;
	flex: 1 1 auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
}

.sae-loading {
	min-height: 150px;
	padding-top: 2.5rem;
}

.sae {
	--sae-surface: #f4f7f9;
	--sae-surface-elevated: #ffffff;
	--sae-border: #e2e8ee;
	--sae-muted: #6c757d;
	font-size: 0.875rem;
	line-height: 1.55;
}

body[data-theme=dark] .sae {
	--sae-surface: rgba(255, 255, 255, 0.06);
	--sae-surface-elevated: rgba(255, 255, 255, 0.03);
	--sae-border: rgba(255, 255, 255, 0.1);
	--sae-muted: var(--bs-secondary-color);
}

.sae-hero {
	background: var(--sae-surface-elevated);
	border: 1px solid var(--sae-border);
	border-radius: 0.65rem;
	padding: 1rem 1.15rem 1.05rem;
	margin-bottom: 1.15rem;
}

.sae-hero-product {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-bottom: 0.9rem;
	word-break: break-word;
}

.sae-hero-product i {
	color: var(--primary, #0077ff);
	margin-top: 0.1rem;
	flex-shrink: 0;
	font-size: 0.85rem;
	opacity: 0.9;
}

.sae-hero-product__title {
	font-size: 0.84rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
}

.sae-hero-main {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 0 1.15rem;
}

.sae-hero-amount {
	display: flex;
	flex-direction: column;
	min-width: 4.75rem;
	padding-right: 1.15rem;
	border-right: 1px solid var(--sae-border);
}

.sae-hero-amount__value {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1;
	color: var(--bs-body-color);
	letter-spacing: -0.03em;
}

.sae-hero-amount--active .sae-hero-amount__value {
	color: var(--primary, #0077ff);
}

.sae-hero-amount__label {
	font-size: 0.7rem;
	color: var(--sae-muted);
	margin-top: 0.2rem;
	line-height: 1.3;
}

.sae-hero-copy {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	min-width: 0;
}

.sae-hero-type {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--primary, #0077ff);
}

.sae-hero__seasonality {
	margin-top: 0.85rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--sae-border);
}

.sae-hero__seasonality .sae-seasonality {
	margin-bottom: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.sae-hero__seasonality .sae-seasonality__chart {
	margin-top: 0.35rem;
	padding-top: 0;
	border-top: 0;
}

.sae-hero-reason {
	font-size: 0.82rem;
	color: var(--bs-body-color);
	font-weight: 400;
	line-height: 1.45;
}

.sae-hero-alert {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	margin-top: 0.85rem;
	padding: 0.55rem 0.7rem;
	border-radius: 0.4rem;
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.4;
}

.sae-hero-alert i {
	margin-top: 0.12rem;
	flex-shrink: 0;
}

.sae-hero-alert--soon {
	color: #9a7209;
	background: rgba(229, 165, 75, 0.1);
	border: 1px solid rgba(229, 165, 75, 0.2);
}

.sae-hero-alert--overdue {
	color: #b52b27;
	background: rgba(217, 83, 79, 0.08);
	border: 1px solid rgba(217, 83, 79, 0.18);
}

.sae-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.6rem;
	border-radius: 2rem;
	font-size: 0.75rem;
	font-weight: 500;
	width: fit-content;
}

.sae-badge--type {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
}

.sae-timeline {
	position: relative;
	padding-left: 0.15rem;
}

.sae-timeline-step {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 0;
	padding-bottom: 1.1rem;
	position: relative;
}

.sae-timeline-step:not(:first-child)::after {
	content: "";
	position: absolute;
	left: 1.35rem;
	top: 0;
	width: 2px;
	height: 1.35rem;
	transform: translateX(-50%);
	background: var(--sae-border);
	z-index: 0;
}

.sae-timeline-step:not(.sae-timeline-step--last)::before {
	content: "";
	position: absolute;
	left: 1.35rem;
	top: 1.35rem;
	bottom: 0;
	width: 2px;
	transform: translateX(-50%);
	background: var(--sae-border);
	z-index: 0;
}

.sae-timeline-step__marker {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
	width: 2.7rem;
	align-self: flex-start;
	z-index: 1;
}

.sae-timeline-step__icon {
	position: relative;
	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%;
	background: var(--primary, #0077ff);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.95rem;
	box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb, 0, 119, 255), 0.3);
}

.sae-timeline-step__num {
	position: absolute;
	top: -0.2rem;
	right: -0.2rem;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background: var(--sae-surface-elevated);
	border: 1.5px solid var(--sae-border);
	font-size: 0.58rem;
	font-weight: 700;
	color: var(--sae-muted);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.sae-timeline-step__card {
	flex: 1;
	min-width: 0;
	background: var(--sae-surface-elevated);
	border: 1px solid var(--sae-border);
	border-radius: 0.6rem;
	padding: 1rem 1.1rem;
}

.sae-timeline-step__title {
	font-size: 0.92rem;
	font-weight: 600;
	margin-bottom: 0.2rem;
	color: var(--bs-body-color);
}

.sae-timeline-step__desc {
	font-size: 0.78rem;
	color: var(--sae-muted);
	margin-bottom: 0.85rem;
	line-height: 1.45;
}

.sae-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.55rem;
	margin-bottom: 0.85rem;
}

@media (min-width: 576px) {
	.sae-stat-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.sae-stat {
	background: var(--sae-surface);
	border: 1px solid var(--sae-border);
	border-radius: 0.45rem;
	padding: 0.55rem 0.7rem;
}

.sae-stat__label {
	display: block;
	font-size: 0.68rem;
	color: var(--sae-muted);
	margin-bottom: 0.15rem;
}

.sae-stat__value {
	display: block;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--bs-body-color);
}

.sae-stat__unit {
	font-size: 0.68rem;
	color: var(--sae-muted);
}

.sae-stat__hint {
	display: block;
	font-size: 0.62rem;
	color: var(--sae-muted);
	font-style: italic;
	margin-top: 0.1rem;
}

.sae-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.15rem;
}

.sae-pill {
	font-size: 0.68rem;
	padding: 0.28rem 0.6rem;
	border-radius: 2rem;
	background: var(--sae-surface);
	color: var(--sae-muted);
	border: 1px solid var(--sae-border);
}

.sae-panel {
	margin: 0.65rem -1.1rem -1rem;
	border: 0;
	border-top: 1px solid var(--sae-border);
	border-radius: 0;
	overflow: hidden;
	background: var(--sae-surface);
}

.sae-panel > * + * {
	border-top: 1px solid var(--sae-border);
}

.sae-panel__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.7rem 1rem;
}

.sae-panel__label {
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.sae-panel__value {
	font-size: 1rem;
	font-weight: 600;
	color: var(--bs-body-color);
	white-space: nowrap;
}

.sae-panel__value--success { color: var(--success, #3fc77d); }
.sae-panel__value--warning { color: #e5a54b; }
.sae-panel__value--muted { color: var(--sae-muted); font-weight: 500; }

.sae-panel__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background: var(--sae-surface-elevated);
}

.sae-panel__total-label {
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.sae-panel__total-value {
	font-size: 1rem;
	font-weight: 600;
	color: var(--bs-body-color);
	white-space: nowrap;
}

.sae-panel__total-unit {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--sae-muted);
}

.sae-panel__notes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	padding: 0.55rem 1rem;
}

.sae-panel__note {
	font-size: 0.68rem;
	color: var(--sae-muted);
	padding: 0.2rem 0.5rem;
	border-radius: 2rem;
	background: var(--sae-surface-elevated);
	border: 1px solid var(--sae-border);
}

.sae-panel__footer {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.65rem 1rem;
	font-size: 0.75rem;
	line-height: 1.45;
}

.sae-panel__footer i {
	margin-top: 0.1rem;
	flex-shrink: 0;
}

.sae-panel__footer-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.sae-panel__footer-title {
	font-weight: 600;
}

.sae-panel__footer-text {
	color: inherit;
	opacity: 0.92;
}

.sae-panel__footer--success {
	background: rgba(var(--bs-success-rgb, 63, 199, 125), 0.08);
	color: var(--success, #3fc77d);
}

.sae-panel__footer--info {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.06);
	color: var(--primary, #0077ff);
}

.sae-panel__footer--overdue {
	background: rgba(217, 83, 79, 0.08);
	color: #d9534f;
}

.sae-panel__footer--ok {
	background: rgba(var(--bs-success-rgb, 63, 199, 125), 0.08);
	color: var(--success, #3fc77d);
}

.sae-order-equation {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 0.35rem;
	padding: 0.75rem 1rem;
}

.sae-order-equation__part {
	flex: 1 1 4.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.2rem;
	padding: 0.55rem 0.45rem;
	border-radius: 0.35rem;
	background: var(--sae-surface-elevated);
	border: 1px solid var(--sae-border);
	text-align: center;
	min-width: 0;
}

.sae-order-equation__part--result {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.06);
	border-color: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.18);
}

.sae-order-equation__label {
	font-size: 0.65rem;
	color: var(--sae-muted);
	line-height: 1.3;
}

.sae-order-equation__value {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	color: var(--bs-body-color);
}

.sae-order-equation__part--result .sae-order-equation__value {
	color: var(--primary, #0077ff);
}

.sae-order-equation__op {
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 500;
	color: var(--sae-muted);
	padding: 0 0.1rem;
	flex-shrink: 0;
}

.sae-timing-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.sae-timing-stat {
	padding: 0.75rem 1rem;
	text-align: center;
}

.sae-timing-stat + .sae-timing-stat {
	border-left: 1px solid var(--sae-border);
	border-top: 0;
}

.sae-timing-stat__label {
	display: block;
	font-size: 0.68rem;
	color: var(--sae-muted);
	margin-bottom: 0.25rem;
	line-height: 1.35;
}

.sae-timing-stat__value {
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--bs-body-color);
}

.sae-timing-stat__value--unlimited {
	font-size: 1.65rem;
	line-height: 1;
	color: var(--primary, #0077ff);
}

.sae-timing-stat__unit {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--sae-muted);
}

.sae-target-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.7rem 1rem;
}

.sae-target-row--zero {
	opacity: 0.72;
}

.sae-target-row__info {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
	flex: 1;
}

.sae-target-row__amount {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.1rem;
	flex-shrink: 0;
}

.sae-target-row__label {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.sae-target-row__formula {
	font-size: 0.72rem;
	color: var(--sae-muted);
	line-height: 1.4;
}

.sae-target-row__value {
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1;
	color: var(--primary, #0077ff);
	white-space: nowrap;
}

.sae-target-row__value--zero {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--sae-muted);
}

.sae-target-row__unit {
	font-size: 0.62rem;
	color: var(--sae-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.sae-targets__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background: var(--sae-surface-elevated);
}

.sae-targets__total-label {
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.sae-targets__total-value {
	font-size: 1rem;
	font-weight: 600;
	color: var(--bs-body-color);
	white-space: nowrap;
}

.sae-targets__total-unit {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--sae-muted);
}

.sae-formula {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
}

.sae-progress {
	margin-bottom: 0.75rem;
}

.sae-progress__header {
	display: flex;
	justify-content: space-between;
	font-size: 0.8rem;
	margin-bottom: 0.35rem;
}

.sae-progress__track {
	height: 0.6rem;
	background: var(--sae-surface);
	border: 1px solid var(--sae-border);
	border-radius: 1rem;
	overflow: hidden;
}

.sae-progress__fill {
	height: 100%;
	border-radius: 1rem;
	transition: width 0.3s ease;
}

.sae-progress__fill--low { background: #d9534f; }
.sae-progress__fill--mid { background: #e5a54b; }
.sae-progress__fill--ok { background: var(--success, #3fc77d); }

.sae-metrics-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.sae-metric {
	flex: 1;
	min-width: 5rem;
	text-align: left;
	padding: 0.55rem 0.7rem;
	border-radius: 0.45rem;
	background: var(--sae-surface);
	border: 1px solid var(--sae-border);
	border-left-width: 3px;
	border-left-color: var(--sae-border);
}

.sae-metric__label {
	display: block;
	font-size: 0.65rem;
	color: var(--sae-muted);
	margin-bottom: 0.1rem;
}

.sae-metric__value {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--bs-body-color);
}

.sae-metric--danger { border-left-color: #d9534f; }
.sae-metric--danger .sae-metric__value { color: #d9534f; }
.sae-metric--warning { border-left-color: #e5a54b; }
.sae-metric--warning .sae-metric__value { color: #e5a54b; }
.sae-metric--success { border-left-color: var(--success, #3fc77d); }
.sae-metric--success .sae-metric__value { color: var(--success, #3fc77d); }
.sae-metric--primary { border-left-color: var(--primary, #0077ff); }
.sae-metric--primary .sae-metric__value { color: var(--primary, #0077ff); }
.sae-metric--muted .sae-metric__value { color: var(--sae-muted); }

.sae-step-summary {
	font-size: 0.85rem;
}

.sae-step-note {
	font-size: 0.8rem;
	padding: 0.5rem 0.65rem;
	border-radius: 0.35rem;
	margin-top: 0.5rem;
}

.sae-step-note--success {
	background: rgba(var(--bs-success-rgb, 63, 199, 125), 0.1);
	color: var(--success, #3fc77d);
}

.sae-step-note--info {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
}

.sae-order-flow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.sae-order-flow__item {
	text-align: center;
	padding: 0.6rem 0.85rem;
	background: var(--sae-surface);
	border: 1px solid var(--sae-border);
	border-radius: 0.45rem;
	min-width: 5.5rem;
}

.sae-order-flow__item--subtotal {
	background: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.08);
	border-color: rgba(var(--bs-primary-rgb, 0, 119, 255), 0.22);
}

.sae-order-flow__item--subtotal .sae-order-flow__value {
	color: var(--primary, #0077ff);
}

.sae-order-flow__item--full {
	width: 100%;
}

.sae-order-flow__label {
	display: block;
	font-size: 0.65rem;
	color: var(--bs-secondary-color);
}

.sae-order-flow__value {
	font-size: 1.25rem;
	font-weight: 600;
}

.sae-order-flow__op {
	font-size: 1.25rem;
	font-weight: 300;
	color: var(--bs-secondary-color);
}

.sae-adjustments {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	margin: 0 0 0.75rem 1rem;
	padding: 0;
}

.sae-timing-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6rem;
	margin-bottom: 0.75rem;
}

.sae-timing-card {
	text-align: center;
	padding: 0.75rem 0.65rem;
	background: var(--sae-surface);
	border-radius: 0.45rem;
	border: 1px solid var(--sae-border);
}

.sae-timing-card__label {
	display: block;
	font-size: 0.7rem;
	color: var(--bs-secondary-color);
	margin-bottom: 0.2rem;
}

.sae-timing-card__value {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
}

.sae-timing-card__unit {
	font-size: 0.7rem;
	color: var(--bs-secondary-color);
}

.sae-urgency {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	padding: 0.75rem;
	border-radius: 0.35rem;
	font-size: 0.85rem;
}

.sae-urgency i {
	font-size: 1.1rem;
	margin-top: 0.1rem;
	flex-shrink: 0;
}

.sae-urgency--overdue {
	background: rgba(217, 83, 79, 0.1);
	border: 1px solid rgba(217, 83, 79, 0.25);
	color: #d9534f;
}

.sae-urgency--ok {
	background: rgba(var(--bs-success-rgb, 63, 199, 125), 0.1);
	border: 1px solid rgba(var(--bs-success-rgb, 63, 199, 125), 0.25);
	color: var(--success, #3fc77d);
}

.sae-technical {
	margin-top: 0.5rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	padding-top: 0.75rem;
}

.sae-technical__toggle {
	font-size: 0.8rem;
	color: var(--bs-secondary-color);
	cursor: pointer;
	user-select: none;
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.sae-technical__toggle::-webkit-details-marker {
	display: none;
}

.sae-technical__toggle:hover {
	color: var(--primary, #0077ff);
}

.sae-technical__body {
	margin-top: 0.75rem;
	padding: 0.75rem;
	background: var(--sae-surface);
	border: 1px solid var(--sae-border);
	border-radius: 0.45rem;
	font-size: 0.75rem;
}

.sae-technical__step {
	margin-bottom: 0.65rem;
}

.sae-technical__step:last-child {
	margin-bottom: 0;
}

.sae-technical__code {
	display: block;
	margin: 0.25rem 0;
	padding: 0.35rem 0.5rem;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 0.2rem;
	font-size: 0.7rem;
	word-break: break-word;
	white-space: pre-wrap;
}

body[data-theme=dark] .sae-technical__code {
	background: rgba(0, 0, 0, 0.2);
}

.sae-technical__result {
	display: block;
	color: var(--bs-secondary-color);
}

/* Seasonality preview (stock advice explanation) */
.sae-seasonality {
	margin-bottom: 0.85rem;
	padding: 0.7rem 0.8rem;
	border-radius: 0.45rem;
	border: 1px solid var(--sae-border, #e2e8ee);
	background: var(--sae-surface, #f4f7f9);
}

.sae-seasonality--disabled {
	opacity: 0.6;
}

.sae-seasonality__summary {
	margin: 0 0 0.5rem;
	font-size: 0.82rem;
	color: var(--bs-body-color);
	line-height: 1.4;
}

.sae-seasonality__summary strong {
	font-weight: 600;
}

.sae-seasonality__summary-muted {
	color: var(--sae-muted, #6c757d);
	font-size: 0.78rem;
}

.sae-seasonality__chart {
	margin-top: 0;
}

.sae-seasonality__chart-area {
	width: 100%;
	padding: 0.45rem 0.5rem;
	background: var(--sae-surface);
	border-radius: 0.35rem;
}

.sae-seasonality__bars {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 40px;
	gap: 1px;
}

.sae-seasonality__bar {
	flex: 1 1 0;
	min-width: 0;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.sae-seasonality__bar-fill {
	width: 100%;
	border-radius: 1px 1px 0 0;
	min-height: 3px;
}

.sae-seasonality__bar.is-current .sae-seasonality__bar-fill {
	box-shadow: 0 0 0 1px var(--primary, #0077ff);
}

.sae-seasonality__sales-line {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2;
	opacity: 0.8;
}

.sae-seasonality__sales-polyline {
	fill: none;
	stroke: #fd7e14;
	stroke-width: 1.25;
	stroke-linejoin: round;
	stroke-linecap: round;
}

body[data-theme=dark] .sae-seasonality__sales-polyline {
	stroke: #ffb366;
}

.sae-seasonality__sales-dot {
	fill: #fd7e14;
	stroke: #fff;
	stroke-width: 1.5;
}

body[data-theme=dark] .sae-seasonality__sales-dot {
	fill: #ffb366;
	stroke: rgba(32, 33, 36, 0.95);
}

.sae-seasonality__sales-dot.is-current {
	fill: var(--primary, #0077ff);
	stroke: #fff;
}

body[data-theme=dark] .sae-seasonality__sales-dot.is-current {
	stroke: rgba(32, 33, 36, 0.95);
}

.sae-seasonality__chart-caption {
	margin: 0.35rem 0 0;
	font-size: 0.65rem;
	color: var(--sae-muted, #6c757d);
	line-height: 1.35;
}

.sae-stat-grid--compact {
	margin-top: 0.15rem;
}

.sae-stat-grid--compact .sae-stat {
	padding: 0.45rem 0.55rem;
}

.sae-stat-grid--compact .sae-stat__value {
	font-size: 1rem;
}

@media (max-width: 575.98px) {
	.sae-panel {
		margin-right: -1rem;
		margin-left: -1rem;
	}

	#stockAdviceExplanationModal .modal-dialog.modal-dialog-scrollable {
		margin: 0.5rem auto;
		height: calc(100% - 1rem);
		max-height: calc(100dvh - 1rem);
	}

	#stockAdviceExplanationModal .modal-header {
		padding: 0.9rem 1rem 0.5rem;
	}

	#stockAdviceExplanationModal .sae-modal-body {
		padding: 0 1rem 1rem;
	}

	.sae-hero-main {
		grid-template-columns: 1fr;
		gap: 0.65rem 0;
	}

	.sae-hero-amount {
		padding-right: 0;
		padding-bottom: 0.65rem;
		border-right: 0;
		border-bottom: 1px solid var(--sae-border);
	}

	.sae-hero-amount__value {
		font-size: 2.1rem;
	}

	.sae-timeline-step {
		gap: 0.75rem;
	}

	.sae-timeline-step__icon {
		width: 2.35rem;
		height: 2.35rem;
		font-size: 0.85rem;
	}

	.sae-timeline-step:not(:first-child)::after {
		height: 1.175rem;
	}

	.sae-timeline-step:not(.sae-timeline-step--last)::before {
		top: 1.175rem;
	}

	.sae-order-equation {
		flex-direction: column;
		align-items: stretch;
	}

	.sae-order-equation__op {
		justify-content: center;
		padding: 0.1rem 0;
	}

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

	.sae-timing-stat + .sae-timing-stat {
		border-left: 0;
		border-top: 1px solid var(--sae-border);
	}

	.sae-metrics-row {
		flex-direction: column;
	}
}

/* App shell: preserve full-height flex layout inside .main (see shell-content-root in headers) */
.main > #shell-content-root {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	width: 100%;
}

#shell-content-root > .content {
	flex: 1 1 auto;
	min-height: 0;
}

/* AI chat: full viewport height (seller + center, app shell + full load) */
.wrapper:has(#ai-chat-page) {
	height: 100dvh;
	height: 100vh;
	max-height: 100dvh;
	max-height: 100vh;
	overflow: hidden;
}

.wrapper:has(#ai-chat-page) > .main {
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.wrapper:has(#ai-chat-page) > .main > #shell-content-root {
	flex: 1 1 auto;
	min-height: 0;
}

#ai-chat-page.content {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	max-width: none !important;
	width: 100% !important;
	overflow: hidden;
}

/* Messages: full viewport height (seller + center, app shell + full load) */
.wrapper:has(#messages-page) {
	height: 100dvh;
	height: 100vh;
	max-height: 100dvh;
	max-height: 100vh;
	overflow: hidden;
}

.wrapper:has(#messages-page) > .main {
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.wrapper:has(#messages-page) > .main > #shell-content-root {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

#messages-page.content {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	max-width: none !important;
	width: 100% !important;
	overflow: hidden;
}

/* Messages — calm flat chat sidebar */
#messages-page .inbox_people {
	background: #fff;
	border-right-color: #e9edf3;
}

#messages-page .headind_srch {
	background: #fff;
	border-bottom-color: rgba(0, 0, 0, 0.06);
	padding: 0.875rem 1rem;
}

#messages-page .inbox_chat {
	padding: 0;
}

#messages-page .chat_list {
	position: relative;
	display: block;
	margin: 0 !important;
	padding: 0.6875rem 1rem !important;
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background 0.15s ease;
}

#messages-page .chat_list:hover {
	background: rgba(0, 0, 0, 0.025) !important;
}

#messages-page .chat_list.active_chat {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06) !important;
	box-shadow: inset 3px 0 0 var(--primary) !important;
}

#messages-page .chat_list.active_chat::before {
	display: none;
}

#messages-page .chat_list--unread .chat_ib-title {
	font-weight: 600;
}

#messages-page .chat_people {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	width: 100%;
	overflow: visible;
	clear: none;
}

#messages-page .chat_img {
	float: none;
	width: auto;
	max-width: none;
	flex-shrink: 0;
}

#messages-page .chat_img img,
#messages-page .chat_avatar {
	width: 2.125rem;
	height: 2.125rem;
	border-radius: 50%;
	flex-shrink: 0;
}

#messages-page .chat_img img {
	object-fit: cover;
	border: none;
	box-shadow: none;
	display: block;
}

#messages-page .chat_avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

#messages-page .chat_avatar--tone-0 { background: #e8f0fe; color: #1967d2; }
#messages-page .chat_avatar--tone-1 { background: #e6f4ea; color: #137333; }
#messages-page .chat_avatar--tone-2 { background: #fce8e6; color: #c5221f; }
#messages-page .chat_avatar--tone-3 { background: #fef7e0; color: #b06000; }
#messages-page .chat_avatar--tone-4 { background: #f3e8fd; color: #7b1fa2; }
#messages-page .chat_avatar--tone-5 { background: #e0f7fa; color: #00796b; }

#messages-page .chat_ib {
	float: none;
	width: auto;
	flex: 1;
	min-width: 0;
	padding: 0;
}

#messages-page .chat_ib-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.125rem;
}

#messages-page .chat_ib-names {
	min-width: 0;
	flex: 1;
}

#messages-page .chat_ib-title {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057) !important;
	margin: 0 !important;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#messages-page .chat_ib-subtitle {
	display: block;
	font-size: 0.6875rem;
	color: var(--bs-gray-500, #adb5bd);
	line-height: 1.3;
	margin-top: 0.0625rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#messages-page .chat_date {
	position: static !important;
	font-size: 0.6875rem;
	color: var(--bs-gray-500, #adb5bd) !important;
	flex-shrink: 0;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 0.0625rem;
}

#messages-page .chat_ib-bottom {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	min-width: 0;
}

#messages-page .chat_ib-preview {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.75rem;
	color: var(--bs-gray-500, #adb5bd) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.35;
	flex: 1;
	min-width: 0;
}

#messages-page .chat_ib-preview--empty {
	font-style: italic;
	color: var(--bs-gray-400, #ced4da) !important;
}

#messages-page .chat-unread-dot {
	width: 0.4375rem;
	height: 0.4375rem;
	border-radius: 50%;
	background: var(--primary);
	flex-shrink: 0;
}

#messages-page .chat-unread-badge {
	flex-shrink: 0;
	min-width: 1.125rem;
	height: 1.125rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--primary) !important;
	color: var(--primary-btn-color) !important;
	font-size: 0.625rem;
	font-weight: 600;
	line-height: 1.125rem;
	text-align: center;
}

body[data-theme=dark] #messages-page .inbox_people,
body[data-theme=dark] #messages-page .headind_srch {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

body[data-theme=dark] #messages-page .mesgs {
	background: rgb(var(--bs-card-bg-rgb, 32, 33, 36)) !important;
}

body[data-theme=dark] #messages-page .chat_list {
	border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body[data-theme=dark] #messages-page .chat_list:hover {
	background: rgba(255, 255, 255, 0.04) !important;
}

body[data-theme=dark] #messages-page .chat_list.active_chat {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12) !important;
	box-shadow: inset 3px 0 0 var(--primary) !important;
}

body[data-theme=dark] #messages-page .chat_ib-title {
	color: rgba(255, 255, 255, 0.92) !important;
}

body[data-theme=dark] #messages-page .chat_ib-subtitle,
body[data-theme=dark] #messages-page .chat_date,
body[data-theme=dark] #messages-page .chat_ib-preview {
	color: rgba(255, 255, 255, 0.52) !important;
}

body[data-theme=dark] #messages-page .chat_ib-preview--empty {
	color: rgba(255, 255, 255, 0.32) !important;
}

body[data-theme=dark] #messages-page .chat_list--unread .chat_ib-title {
	color: #fff !important;
}

body[data-theme=dark] #messages-page .chat_list--unread .chat_ib-preview {
	color: rgba(255, 255, 255, 0.78) !important;
}

body[data-theme=dark] #messages-page .chat_avatar--tone-0 { background: rgba(25, 103, 210, 0.22); color: #8ab4f8; }
body[data-theme=dark] #messages-page .chat_avatar--tone-1 { background: rgba(19, 115, 51, 0.22); color: #81c995; }
body[data-theme=dark] #messages-page .chat_avatar--tone-2 { background: rgba(197, 34, 31, 0.22); color: #f28b82; }
body[data-theme=dark] #messages-page .chat_avatar--tone-3 { background: rgba(176, 96, 0, 0.22); color: #fdd663; }
body[data-theme=dark] #messages-page .chat_avatar--tone-4 { background: rgba(123, 31, 162, 0.22); color: #d7aefb; }
body[data-theme=dark] #messages-page .chat_avatar--tone-5 { background: rgba(0, 121, 107, 0.22); color: #78d9c5; }

/* Chat thread timeline — legacy floats collapse height inside flex #inbox_messages */
#messages-page #inbox_messages > .outgoing_msg,
#messages-page #inbox_messages > .incoming_msg,
#messages-page #inbox_messages > .chat-task-item,
#messages-page #inbox_messages > .chat-task-note-item {
	flex-shrink: 0;
	width: 100%;
}

#messages-page .outgoing_msg {
	overflow: visible;
	margin-bottom: 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	clear: both;
}

#messages-page .incoming_msg {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
	overflow: visible;
	clear: both;
}

#messages-page .sent_msg {
	float: none !important;
	width: auto !important;
	max-width: 85%;
	text-align: right;
}

#messages-page .incoming_msg_img {
	float: none;
	display: block;
	width: auto;
	max-width: 2.5rem;
	flex-shrink: 0;
}

#messages-page .received_msg {
	display: block;
	width: auto;
	flex: 1;
	min-width: 0;
	padding: 0;
	vertical-align: unset;
}

#messages-page .received_withd_msg {
	width: auto;
	max-width: 100%;
}

@media (max-width: 768px) {
	#messages-page .chat_list {
		padding: 0.625rem 0.875rem !important;
	}

	#messages-page .chat_img img,
	#messages-page .chat_avatar {
		width: 2rem;
		height: 2rem;
	}
}

/* The mobile floating home button overlaps the chat send button, and the
   AI chat page is the home page anyway - hide it there. */
body:has(#ai-chat-page) .floating-btn {
	display: none !important;
}

/* App home (scan & search landing) */
.app-home {
	--app-home-surface-muted: #f0f2f5;
	--app-home-icon-color: #5f6772;
}

body[data-theme=dark] .app-home {
	--app-home-surface-muted: rgba(255, 255, 255, 0.08);
	--app-home-icon-color: rgba(255, 255, 255, 0.88);
}

.app-home.content {
	padding-bottom: 2rem;
}

.app-home-shell {
	max-width: 52rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.app-home-hero {
	padding: 1.5rem 1.35rem 1.35rem;
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 1rem;
	background: var(--bs-card-bg, #fff);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
}

body[data-theme=dark] .app-home-hero {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.18);
}

.app-home-hero__copy {
	text-align: center;
	margin-bottom: 1.25rem;
}

.app-home-hero__title {
	margin: 0 0 0.35rem;
	font-size: 1.65rem;
	font-weight: 600;
	color: var(--bs-body-color);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.app-home-hero__subtitle {
	margin: 0;
	font-size: 0.9rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.5;
}

.app-home-search-wrap {
	position: relative;
	max-width: 36rem;
	margin: 0 auto 1rem;
}

.app-home-search {
	display: flex;
	align-items: stretch;
	gap: 0;
	min-height: 3.25rem;
	padding: 0.3rem 0.3rem 0.3rem 0.45rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 999px;
	background: var(--bs-body-bg, #fff);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.app-home-search:focus-within {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
	box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.app-home-search__brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: var(--app-home-surface-muted);
}

.app-home-search__brand img {
	width: 2rem;
	height: 2rem;
	object-fit: contain;
}

.app-home-search__input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 0 0.75rem;
	font-size: 1rem;
	min-height: 2.75rem;
	color: var(--bs-body-color);
}

.app-home-search__input:focus {
	outline: none;
	box-shadow: none;
}

.app-home-search__submit {
	flex: 0 0 auto;
	min-height: 2.75rem;
	min-width: 4.5rem;
	padding: 0 1.35rem;
	border: 0;
	border-radius: 999px;
	background: var(--bs-gray-800, #212529);
	color: #fff;
	font-size: 0.95rem;
	font-weight: 600;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.app-home-search__submit:hover {
	background: var(--bs-gray-900, #020202);
}

.app-home-search__submit:active {
	transform: scale(0.98);
}

body[data-theme=dark] .app-home-search__submit {
	background: #3a3f47;
}

body[data-theme=dark] .app-home-search__submit:hover {
	background: #4a515c;
}

.app-home-search__results {
	position: absolute;
	z-index: 1050;
	top: calc(100% + 0.45rem);
	left: 0;
	width: 100%;
	max-height: 22rem;
	overflow-y: auto;
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 0.75rem;
	background: var(--bs-card-bg, #fff);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
	padding: 0.35rem 0;
}

body[data-theme=dark] .app-home-search__results {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.app-home-printer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	flex-wrap: wrap;
	max-width: 28rem;
	margin: 0 auto;
}

.app-home-printer__label {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--bs-secondary-color, #6c757d);
	white-space: nowrap;
}

.app-home-printer__control {
	flex: 1 1 12rem;
	min-width: 0;
}

.app-home-printer__select,
.app-home-printer select.form-select {
	width: 100%;
	min-height: 2.5rem;
	font-size: 0.875rem;
	border-radius: 0.5rem;
}

.app-home-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.app-home-section-title {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--bs-body-color);
	letter-spacing: -0.01em;
}

.app-home-panel {
	padding: 1rem 1.1rem 1.15rem;
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 1rem;
	background: var(--bs-card-bg, #fff);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body[data-theme=dark] .app-home-panel {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.app-home-panel .app-home-section-head {
	margin-bottom: 0.85rem;
}

.app-home-actions-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.65rem;
}

.app-home-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	min-height: 5.75rem;
	padding: 0.9rem 0.55rem;
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 0.75rem;
	background: var(--bs-body-bg, #fff);
	text-decoration: none;
	color: inherit;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.app-home-action:hover,
.app-home-action:focus-visible {
	text-decoration: none;
	color: inherit;
	transform: translateY(-2px);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
	outline: none;
}

body[data-theme=dark] .app-home-action:hover,
body[data-theme=dark] .app-home-action:focus-visible {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

.app-home-action__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	font-size: 1.15rem;
	background: var(--app-home-surface-muted);
	color: var(--app-home-icon-color);
	transition: transform 0.18s ease, background-color 0.18s ease;
}

.app-home-action:hover .app-home-action__icon,
.app-home-action:focus-visible .app-home-action__icon {
	transform: scale(1.04);
	background: #e8ebef;
}

body[data-theme=dark] .app-home-action:hover .app-home-action__icon,
body[data-theme=dark] .app-home-action:focus-visible .app-home-action__icon {
	background: rgba(255, 255, 255, 0.12);
}

.app-home-action__label {
	font-size: 0.82rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.35;
	color: var(--bs-body-color);
}

.app-home-tasks.home-tasks-panel {
	margin: 0;
	max-width: none;
}

@media (max-width: 991.98px) {
	.app-home-actions-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.app-home-hero {
		padding: 1.15rem 1rem 1rem;
		border-radius: 0.85rem;
	}

	.app-home-hero__title {
		font-size: 1.4rem;
	}

	.app-home-search {
		min-height: 3rem;
	}

	.app-home-search__brand {
		width: 2.5rem;
		height: 2.5rem;
	}

	.app-home-search__brand img {
		width: 1.75rem;
		height: 1.75rem;
	}

	.app-home-search__input {
		font-size: 16px;
		min-height: 2.5rem;
	}

	.app-home-search__submit {
		min-height: 2.5rem;
		min-width: 3.75rem;
		padding: 0 1rem;
	}

	.app-home-actions-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.65rem;
	}

	.app-home-action {
		min-height: 5.75rem;
		padding: 0.85rem 0.5rem;
	}

	.app-home-printer {
		flex-direction: column;
		align-items: stretch;
		max-width: 100%;
	}

	.app-home-printer__control {
		flex-basis: 100%;
	}
}

/* App home — open tasks panel */
.home-tasks-panel,
.app-home-tasks.home-tasks-panel {
	width: 100%;
	padding: 1rem 1.1rem 1.05rem;
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 1rem;
	background: var(--bs-card-bg, #fff);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body[data-theme=dark] .home-tasks-panel {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.home-tasks-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0 0.125rem;
}

.home-tasks-panel__title {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--bs-body-color);
	letter-spacing: -0.01em;
}

.home-tasks-panel__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	height: 1.25rem;
	margin-left: 0.375rem;
	padding: 0 0.375rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.6875rem;
	font-weight: 700;
	vertical-align: middle;
}

.home-tasks-panel__link {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--primary, #0077ff);
	text-decoration: none;
	white-space: nowrap;
}

.home-tasks-panel__link:hover {
	color: var(--primary-hover, #0061d0);
	text-decoration: underline;
}

.home-tasks-panel__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.home-tasks-panel__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.5625rem 0.625rem;
	border: 1px solid var(--bs-border-color, #e2e8ee);
	border-radius: 0.625rem;
	background: var(--bs-body-bg, #fff);
	text-align: left;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.home-tasks-panel__item:hover,
.home-tasks-panel__item:focus-visible {
	background: var(--app-home-surface-muted, #f0f2f5);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	outline: none;
}

body[data-theme=dark] .home-tasks-panel__item:hover,
body[data-theme=dark] .home-tasks-panel__item:focus-visible {
	background: rgba(255, 255, 255, 0.05);
}

.home-tasks-panel__dot {
	flex: 0 0 auto;
	width: 0.4375rem;
	height: 0.4375rem;
	border-radius: 50%;
}

.home-tasks-panel__dot.is-open {
	background: var(--primary, #0077ff);
}

.home-tasks-panel__dot.is-in_progress {
	background: #0086c9;
}

.home-tasks-panel__dot.is-waiting {
	background: #98a2b3;
}

.home-tasks-panel__body {
	flex: 1 1 auto;
	min-width: 0;
}

.home-tasks-panel__name {
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--bs-body-color);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-tasks-panel__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem;
	margin-top: 0.125rem;
	font-size: 0.6875rem;
	color: var(--bs-secondary-color, #6c757d);
}

.home-tasks-panel__meta.is-overdue {
	color: #d9534f;
	font-weight: 600;
}

.home-tasks-panel__meta-status {
	font-weight: 600;
}

.home-tasks-panel__meta.is-overdue .home-tasks-panel__meta-status {
	color: #d9534f;
}

.home-tasks-panel__meta:not(.is-overdue) .home-tasks-panel__meta-status--open {
	color: #e67e22;
}

.home-tasks-panel__meta-sep {
	color: var(--bs-secondary-color, #6c757d);
	opacity: 0.5;
	user-select: none;
}

.home-tasks-panel__entity-link {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	max-width: min(10rem, 42vw);
	color: var(--bs-secondary-color, #6c757d);
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	text-decoration: none;
	vertical-align: baseline;
	transition: color 0.15s ease;
}

.home-tasks-panel__entity-link:hover,
.home-tasks-panel__entity-link:focus-visible {
	color: var(--primary, #0077ff);
	text-decoration: underline;
	outline: none;
}

body[data-theme=dark] .home-tasks-panel__entity-link:hover,
body[data-theme=dark] .home-tasks-panel__entity-link:focus-visible {
	color: #5ba3ff;
}

.home-tasks-panel__entity-link-icon {
	flex: 0 0 auto;
	font-size: 0.5625rem;
	opacity: 0.7;
}

.home-tasks-panel__entity-link-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-tasks-panel__ai {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	min-width: 1.75rem;
	height: 1.75rem;
	min-height: 1.75rem;
	border: 0;
	border-radius: 0.5rem;
	background: rgba(105, 65, 198, 0.1);
	color: #6941c6;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.home-tasks-panel__ai:hover,
.home-tasks-panel__ai:focus-visible {
	background: rgba(105, 65, 198, 0.16);
	outline: none;
}

body[data-theme=dark] .home-tasks-panel__ai {
	background: rgba(105, 65, 198, 0.2);
	color: #b794f4;
}

/* Sales channels — EAN / GTIN pre-connect notice */
.sales-channels-ean-notice {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin-top: 0.15rem;
	padding: 0.7rem 0.85rem;
	border-radius: 0.5rem;
	background: rgba(108, 117, 125, 0.06);
}

body[data-theme=dark] .sales-channels-ean-notice {
	background: rgba(255, 255, 255, 0.04);
}

.sales-channels-ean-notice__icon {
	flex: 0 0 auto;
	margin-top: 0.1rem;
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	opacity: 0.85;
}

.sales-channels-ean-notice__text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

/* ── Onboarding wizard ─────────────────────────────────────────────── */
.onboarding-wizard-page {
	min-height: 100vh;
	background:
		radial-gradient(circle at top right, rgba(var(--primary-rgb, 0, 119, 255), 0.08), transparent 28%),
		radial-gradient(circle at bottom left, rgba(var(--success-rgb, 63, 199, 125), 0.06), transparent 24%),
		var(--bs-body-bg, #F7F9FC);
}

/* Show Intercom launcher during account setup (hidden globally elsewhere). */
.onboarding-wizard-page .intercom-lightweight-app-launcher {
	display: block !important;
}

/* Branding preview: apply CSS variable color changes instantly (no 0.4s slider/button fade) */
.onboarding-wizard-page .switch .slider {
	transition: transform 0.25s ease, background-color 0s;
}

.onboarding-wizard-page .btn-primary {
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.onboarding-wizard-page .onboarding-wizard-progress-fill,
.onboarding-wizard-page .onboarding-wizard-progress-track {
	transition: width 0.45s ease, background 0s, background-color 0s, border-color 0s, box-shadow 0s;
}

.onboarding-wizard-shell {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.onboarding-impersonation-bar {
	flex-shrink: 0;
	cursor: pointer;
}

.onboarding-impersonation-bar:focus {
	outline: 2px solid var(--primary, #0077ff);
	outline-offset: -2px;
}

.onboarding-wizard-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 2rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(8px);
	position: sticky;
	top: 0;
	z-index: 20;
}

.onboarding-wizard-brand {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.onboarding-wizard-logo {
	width: 48px;
	height: 48px;
}

.onboarding-wizard-logo--branded {
	width: auto;
	max-width: 180px;
	height: 48px;
	max-height: 48px;
	object-fit: contain;
}

.onboarding-wizard-title {
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-wizard-subtitle {
	font-size: 0.875rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-wizard-progress-wrap {
	min-width: 220px;
	flex: 1;
	max-width: 340px;
}

.onboarding-wizard-progress-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.5rem;
}

.onboarding-wizard-progress-label-wrap {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
}

.onboarding-wizard-progress-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	color: var(--success, #3fc77d);
	flex-shrink: 0;
	font-size: 0.95rem;
}

.onboarding-wizard-progress-label {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.onboarding-wizard-progress-percent {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-wizard-header-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	flex: 1;
	flex-wrap: wrap;
	min-width: 0;
}

.onboarding-wizard-header-tools {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.onboarding-language-toggle {
	position: relative;
}

.onboarding-language-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 0.25rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: var(--bs-body-color);
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.onboarding-language-toggle-btn::after {
	display: none;
}

.onboarding-language-toggle-btn:hover,
.onboarding-language-toggle-btn:focus,
.onboarding-language-toggle-btn.show {
	border-color: var(--primary, #0077ff);
	color: var(--primary, #0077ff);
}

.onboarding-language-toggle-btn:focus {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.25);
}

.onboarding-language-toggle-flag {
	display: block;
	width: 22px;
	height: auto;
	border-radius: 2px;
	object-fit: cover;
}

.onboarding-language-menu {
	min-width: 9rem;
	max-height: min(70vh, 420px);
	overflow-y: auto;
}

.onboarding-language-menu .dropdown-item.active,
.onboarding-language-menu .dropdown-item:active {
	background-color: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
}

.onboarding-theme-toggle,
.onboarding-sign-out-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 0.25rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: var(--bs-body-color);
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
	flex-shrink: 0;
}

.onboarding-theme-toggle:hover,
.onboarding-sign-out-btn:hover {
	border-color: var(--primary, #0077ff);
	color: var(--primary, #0077ff);
}

.onboarding-theme-toggle:focus,
.onboarding-sign-out-btn:focus {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.25);
}

.onboarding-sign-out-btn i {
	font-size: 1.125rem;
	line-height: 1;
}

.onboarding-wizard-progress-track {
	position: relative;
	height: 10px;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	overflow: hidden;
}

.onboarding-wizard-progress-fill {
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--primary, #0077ff) 0%, var(--primary-lighter, #3b9bff) 100%);
	box-shadow: 0 0 12px rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	transition: width 0.45s ease;
	min-width: 10px;
}

body[data-theme=dark] .onboarding-wizard-progress-track {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-wizard-progress-label {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-wizard-progress-fill {
	box-shadow: 0 0 14px rgba(0, 119, 255, 0.45);
}

.onboarding-wizard-body {
	display: flex;
	flex: 1;
	min-height: 0;
}

.onboarding-wizard-body--intro .onboarding-wizard-content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 2.5rem;
}

.onboarding-wizard-body--intro .onboarding-content-card {
	max-width: 980px;
}

.onboarding-wizard-sidebar {
	width: 300px;
	flex-shrink: 0;
	border-right: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(255, 255, 255, 0.72);
	padding: 1.25rem 0.5rem 1.5rem;
	overflow-y: auto;
}

.onboarding-sidebar-section {
	padding: 0 1rem 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	margin-bottom: 0.75rem;
}

.onboarding-sidebar-kicker {
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--bs-secondary-color, #6c757d);
	margin-bottom: 0.35rem;
}

.onboarding-sidebar-flow-label,
.onboarding-sidebar-title {
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	margin: 0;
}

.onboarding-sidebar-lead {
	margin: 0.75rem 0 1.5rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.6;
}

.onboarding-journey-card {
	margin-bottom: 1.5rem;
	padding: 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(255, 255, 255, 0.72);
}

.onboarding-journey-card-title {
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--bs-secondary-color, #6c757d);
	margin: 0 0 1rem;
}

.onboarding-journey-preview {
	list-style: none;
	margin: 0;
	padding: 0;
}

.onboarding-journey-preview li {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 0 0.875rem;
	align-items: start;
	position: relative;
	padding-bottom: 1.15rem;
}

.onboarding-journey-preview li:last-child {
	padding-bottom: 0;
}

.onboarding-journey-preview-marker {
	position: relative;
	display: flex;
	justify-content: center;
	min-height: 100%;
}

.onboarding-journey-preview li:not(:last-child) .onboarding-journey-preview-marker::after {
	content: '';
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	bottom: -0.35rem;
	background: linear-gradient(to bottom, rgba(0, 119, 255, 0.25), rgba(108, 117, 125, 0.18));
	border-radius: 999px;
}

.onboarding-journey-preview-number {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8125rem;
	font-weight: 600;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.onboarding-journey-preview li:not(.is-current) .onboarding-journey-preview-number {
	background: #eef3f8;
	color: #495057;
	border: 2px solid #d7dee8;
}

.onboarding-journey-preview li.is-current .onboarding-journey-preview-number {
	background: var(--primary, #0077ff);
	color: #fff;
	border: 2px solid var(--primary, #0077ff);
	box-shadow: 0 0 0 4px rgba(0, 119, 255, 0.14);
}

.onboarding-journey-preview li.is-current .onboarding-journey-preview-title {
	color: var(--bs-gray-700, #495057);
	font-weight: 600;
}

.onboarding-journey-preview-copy {
	min-width: 0;
	padding-top: 0.2rem;
}

.onboarding-journey-preview-title {
	display: block;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-body-color);
	word-wrap: break-word;
}

.onboarding-journey-preview-desc {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
	word-wrap: break-word;
}

.onboarding-journey-preview li:not(.is-current) .onboarding-journey-preview-title {
	color: #6c757d;
	font-weight: 500;
}

.onboarding-journey-preview li:not(.is-current) .onboarding-journey-preview-desc {
	color: #868e96;
}

.onboarding-sidebar-tip {
	display: flex;
	gap: 0.875rem;
	padding: 1rem;
	border-radius: 0.35rem;
	background: rgba(0, 119, 255, 0.06);
	border: 1px solid rgba(0, 119, 255, 0.12);
}

.onboarding-sidebar-tip-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 119, 255, 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-sidebar-tip-title {
	font-weight: 500;
	margin-bottom: 0.25rem;
	color: var(--bs-gray-700, #495057);
}

.onboarding-sidebar-tip-text {
	margin: 0;
	font-size: 0.875rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.5;
}

.onboarding-step-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.onboarding-step-groups {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0 0.75rem 0.75rem;
}

.onboarding-step-group {
	margin: 0;
	border-radius: 0.4rem;
	border: none;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

.onboarding-step-group.is-active {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
}

.onboarding-step-group.is-complete:not(.is-active) {
	background: transparent;
}

.onboarding-step-group.is-upcoming:not(.is-active) {
	opacity: 0.58;
}

.onboarding-step-group-header {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	width: 100%;
	padding: 0.5rem 0.625rem;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	min-height: 42px;
	color: inherit;
	border-radius: 0.4rem;
	transition: background 0.15s ease;
}

.onboarding-step-group-header:hover {
	background: rgba(var(--bs-emphasis-color-rgb, 33 37 41), 0.04);
}

.onboarding-step-group.is-active .onboarding-step-group-header {
	cursor: default;
}

.onboarding-step-group.is-active .onboarding-step-group-header:hover {
	background: transparent;
}

.onboarding-step-group.is-open:not(.is-active) {
	background: rgba(var(--bs-emphasis-color-rgb, 33 37 41), 0.03);
}

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

.onboarding-step-group-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.35rem;
	background: rgba(var(--bs-emphasis-color-rgb, 33 37 41), 0.06);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.6875rem;
	flex-shrink: 0;
}

.onboarding-step-group-copy {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem;
	min-width: 0;
	flex: 1 1 auto;
}

.onboarding-step-group-label {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-step-group-progress {
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
	font-variant-numeric: tabular-nums;
}

.onboarding-step-group-chevron {
	font-size: 0.5625rem;
	color: var(--bs-secondary-color, #6c757d);
	transition: transform 0.2s ease;
	flex-shrink: 0;
	opacity: 0.65;
}

.onboarding-step-group.is-active .onboarding-step-group-label {
	font-weight: 600;
	color: var(--primary, #0077ff);
}

.onboarding-step-group.is-active .onboarding-step-group-icon {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
}

.onboarding-step-group.is-complete:not(.is-active) .onboarding-step-group-icon {
	background: rgba(63, 199, 125, 0.1);
	color: var(--success, #3fc77d);
}

.onboarding-step-group-panel-inner {
	padding: 0 0.75rem 0.45rem 0.25rem;
}

.onboarding-step-group.is-active .onboarding-step-group-panel-inner {
	padding-right: 0.75rem;
}

.onboarding-step-list--grouped {
	padding: 0;
	margin: 0;
}

.onboarding-step-list--grouped .onboarding-step-list-item {
	padding: 0.35rem 0.5rem 0.35rem 1.85rem;
	gap: 0.5rem;
	min-height: 34px;
	border-left: 0;
	border-radius: 0.3rem;
	margin-bottom: 0.05rem;
}

.onboarding-step-list--grouped .onboarding-step-list-item.is-active {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.onboarding-step-list--grouped .onboarding-step-list-item.is-complete .onboarding-step-label {
	color: var(--bs-body-color, #212529);
}

.onboarding-step-list--grouped .onboarding-step-indicator {
	width: 15px;
	height: 15px;
	font-size: 0.5625rem;
	border: 0;
	background: transparent;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-step-indicator-dot {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--primary, #0077ff);
}

.onboarding-step-indicator-ring {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1.5px solid var(--bs-border-color, #ced4da);
	background: transparent;
}

.onboarding-step-list--grouped .onboarding-step-list-item.is-complete .onboarding-step-indicator {
	background: transparent;
	color: var(--success, #3fc77d);
	border-radius: 0;
}

.onboarding-step-list--grouped .onboarding-step-label {
	font-size: 0.8125rem;
	line-height: 1.35;
	font-weight: 400;
	color: var(--bs-gray-700, #495057);
}

.onboarding-step-list--grouped .onboarding-step-list-item.is-active .onboarding-step-label {
	font-weight: 500;
	color: var(--bs-body-color, #212529);
}

.onboarding-step-list-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.85rem 1.25rem;
	cursor: pointer;
	transition: background 0.2s ease;
	min-height: 44px;
}

.onboarding-step-list-item:hover {
	background: rgba(var(--bs-primary-rgb, 0 119 255), 0.06);
}

.onboarding-step-list-item.is-active {
	background: rgba(var(--bs-primary-rgb, 0 119 255), 0.1);
}

.onboarding-step-list-item.is-locked {
	cursor: default;
}

.onboarding-step-list-item.is-locked:not(.is-complete) {
	opacity: 0.5;
}

.onboarding-step-list-item.is-locked:hover {
	background: transparent;
}

.onboarding-step-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.75rem;
	min-height: 44px;
}

.onboarding-step-toolbar-start {
	display: flex;
	align-items: center;
	min-width: 0;
	flex: 1;
}

.onboarding-step-toolbar-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	gap: 0.625rem;
}

.onboarding-step-toolbar-skip {
	min-height: 44px;
	padding: 0.45rem 1rem;
	font-weight: 500;
	white-space: nowrap;
	border-radius: 999px;
}

.onboarding-step-toolbar-continue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.45rem 1rem;
	font-weight: 500;
	white-space: nowrap;
	border-radius: 999px;
}

.onboarding-step-toolbar-hint {
	margin-top: -0.25rem;
	margin-bottom: 0.75rem;
}

.onboarding-step-toolbar .onboarding-step-badge {
	margin-bottom: 0;
	flex-shrink: 0;
}

.onboarding-wizard-back-btn {
	appearance: none;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 999px;
	padding: 0.45rem 0.95rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: var(--bs-gray-700, #495057);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	cursor: pointer;
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.onboarding-wizard-back-btn i {
	transition: transform 0.2s ease;
}

.onboarding-wizard-back-btn:hover {
	color: var(--primary, #0077ff);
	background: rgba(0, 119, 255, 0.08);
	border-color: rgba(0, 119, 255, 0.28);
	box-shadow: 0 0.35rem 0.85rem rgba(0, 119, 255, 0.12);
	transform: translateX(-2px);
}

.onboarding-wizard-back-btn:hover i {
	transform: translateX(-3px);
}

.onboarding-wizard-back-btn:focus {
	outline: none;
}

.onboarding-wizard-back-btn:focus-visible {
	color: var(--primary, #0077ff);
	background: rgba(0, 119, 255, 0.08);
	border-color: rgba(0, 119, 255, 0.35);
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.2);
}

.onboarding-wizard-back-btn:active {
	background: rgba(0, 119, 255, 0.14);
	transform: translateX(-1px);
}

body[data-theme=dark] .onboarding-wizard-back-btn {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-wizard-back-btn:hover,
body[data-theme=dark] .onboarding-wizard-back-btn:focus-visible {
	background: rgba(0, 119, 255, 0.16);
	border-color: rgba(0, 119, 255, 0.4);
	color: #fff;
}

.onboarding-step-list-item.is-complete .onboarding-step-indicator {
	background: var(--success, #3fc77d);
	color: #fff;
	border-color: var(--success, #3fc77d);
}

.onboarding-step-indicator {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid var(--bs-border-color, #dee2e6);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 500;
	flex-shrink: 0;
}

.onboarding-step-label {
	font-size: 0.875rem;
	line-height: 1.4;
}

.onboarding-wizard-content {
	flex: 1;
	padding: 2rem;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.onboarding-step-shell {
	position: relative;
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	min-height: 12rem;
}

.onboarding-content-card {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	box-shadow: 0 0 .875rem 0 rgba(0, 0, 0, 0.05);
	padding: 2rem;
	transition: opacity 0.22s ease;
}

.onboarding-content-card.is-step-loading {
	pointer-events: none;
	opacity: 0.55;
}

.onboarding-step-loading-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
	z-index: 30;
	background: rgba(var(--bs-card-bg-rgb, 255 255 255), 0.55);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}

.onboarding-step-loading-overlay.is-visible {
	opacity: 1;
	visibility: visible;
}

.onboarding-step-loading-panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.875rem;
	padding: 1.25rem 1.75rem;
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	border: 1px solid var(--bs-border-color, #dee2e6);
	box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.08);
	min-width: 11rem;
}

.onboarding-step-loading-panel .spinner-border {
	width: 2rem;
	height: 2rem;
	border-width: 0.2em;
}

.onboarding-step-loading-label {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	text-align: center;
}

body[data-theme=dark] .onboarding-step-loading-overlay {
	background: rgba(22, 24, 27, 0.65);
}

body[data-theme=dark] .onboarding-step-loading-panel {
	box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.35);
}

.onboarding-step-panel {
	max-width: none;
}

.onboarding-step-header {
	margin-bottom: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-step-badge {
	display: inline-block;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.75rem;
	font-weight: 500;
}

.onboarding-step-title {
	font-size: 1.75rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	color: var(--bs-gray-700, #495057);
}

.onboarding-step-description {
	margin-bottom: 0;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.95rem;
	line-height: 1.6;
}

.onboarding-substep-title {
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 1rem;
	color: var(--bs-gray-700, #495057);
}

.onboarding-intent-hint {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding: 0.75rem 0.875rem;
	border-radius: 0.35rem;
	background: rgba(0, 119, 255, 0.06);
	border: 1px solid rgba(0, 119, 255, 0.14);
	color: var(--bs-gray-700, #495057);
	font-size: 0.875rem;
	font-weight: 500;
}

.onboarding-intent-hint i {
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-intent-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	border: 2px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	padding: 0;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	min-height: 44px;
	cursor: pointer;
	overflow: hidden;
}

.onboarding-intent-card-body {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem 1.35rem 1rem;
}

.onboarding-intent-card:hover,
.onboarding-intent-card:focus-visible {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0.75rem 1.5rem rgba(0, 119, 255, 0.1);
	transform: translateY(-2px);
}

.onboarding-intent-card:focus {
	outline: none;
}

.onboarding-intent-card:focus-visible {
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.25), 0 0.75rem 1.5rem rgba(0, 119, 255, 0.1);
}

.onboarding-intent-card-radio {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	border: 2px solid var(--bs-border-color, #ced4da);
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 0.15rem;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-intent-card:hover .onboarding-intent-card-radio,
.onboarding-intent-card:focus-visible .onboarding-intent-card-radio {
	border-color: var(--primary, #0077ff);
	background: var(--primary, #0077ff);
	box-shadow: inset 0 0 0 3px rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-intent-card-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 1.35rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(0, 119, 255, 0.04);
	color: var(--primary, #0077ff);
	font-size: 0.875rem;
	font-weight: 500;
	transition: background 0.2s ease, color 0.2s ease;
}

.onboarding-intent-card--success .onboarding-intent-card-action {
	background: rgba(63, 199, 125, 0.08);
	color: var(--success, #3fc77d);
}

.onboarding-intent-card:hover .onboarding-intent-card-action,
.onboarding-intent-card:focus-visible .onboarding-intent-card-action {
	background: var(--primary, #0077ff);
	color: #fff;
}

.onboarding-intent-card--success:hover .onboarding-intent-card-action,
.onboarding-intent-card--success:focus-visible .onboarding-intent-card-action {
	background: var(--success, #3fc77d);
	color: #fff;
}

.onboarding-intent-card-action i {
	transition: transform 0.2s ease;
}

.onboarding-intent-card:hover .onboarding-intent-card-action i,
.onboarding-intent-card:focus-visible .onboarding-intent-card-action i {
	transform: translateX(4px);
}

.onboarding-intent-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 0.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	flex-shrink: 0;
}

.onboarding-intent-card-icon--primary {
	background: rgba(0, 119, 255, 0.12);
	color: var(--primary, #0077ff);
}

.onboarding-intent-card-icon--success {
	background: rgba(63, 199, 125, 0.14);
	color: var(--success, #3fc77d);
}

.onboarding-intent-card-content {
	flex: 1;
	min-width: 0;
}

.onboarding-intent-card-badge {
	display: inline-flex;
	align-items: center;
	margin-bottom: 0.45rem;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.01em;
}

.onboarding-intent-card-badge--primary {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
}

.onboarding-intent-card-badge--success {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	color: var(--success, #3fc77d);
}

.onboarding-intent-card--recommended {
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.35);
}

.onboarding-intent-card-title {
	display: block;
	font-size: 1.05rem;
	font-weight: 500;
	margin-bottom: 0.35rem;
	color: var(--bs-body-color);
}

.onboarding-intent-card-desc {
	display: block;
	font-size: 0.875rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.5;
}

.onboarding-intent-card-scope {
	display: block;
	margin-top: 0.45rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
	font-style: italic;
}

.onboarding-intent-card-included {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 0.85rem;
	padding: 0.65rem 0.75rem;
	border-radius: 0.375rem;
	background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
	border: 1px solid rgba(var(--success-rgb, 63, 199, 125), 0.18);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--bs-gray-700, #495057);
}

.onboarding-intent-card-included i {
	flex-shrink: 0;
	margin-top: 0.1rem;
	color: var(--success, #3fc77d);
	font-size: 0.75rem;
}

.onboarding-intent-card-features-label {
	display: block;
	margin-top: 0.75rem;
	margin-bottom: 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-intent-card-features {
	list-style: none;
	margin: 0.85rem 0 0;
	padding: 0;
}

.onboarding-intent-card-features li {
	position: relative;
	padding-left: 1.2rem;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	color: var(--bs-body-color);
}

.onboarding-intent-card-features li::before {
	content: '\f00c';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0.1rem;
	font-size: 0.7rem;
	color: var(--success, #3fc77d);
}

body[data-theme=dark] .onboarding-intent-hint {
	background: rgba(0, 119, 255, 0.1);
	border-color: rgba(0, 119, 255, 0.22);
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-intent-card-included {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.24);
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-intent-card-action {
	border-top-color: rgba(255, 255, 255, 0.1);
	background: rgba(0, 119, 255, 0.1);
}

body[data-theme=dark] .onboarding-intent-card--success .onboarding-intent-card-action {
	background: rgba(63, 199, 125, 0.12);
}

.onboarding-highlight-card {
	display: flex;
	gap: 1rem;
	padding: 1.25rem;
	border-radius: 0.35rem;
	border: 1px solid rgba(0, 119, 255, 0.15);
	background: rgba(0, 119, 255, 0.05);
}

.onboarding-highlight-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 0.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 119, 255, 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 1.25rem;
}

.onboarding-step-actions,
.onboarding-embed-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-step-requirement-hint {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 0.75rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-step-requirement-hint i {
	margin-top: 0.15rem;
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-form .form-control,
.onboarding-form .form-select {
	min-height: 44px;
	font-size: 16px;
}

.onboarding-form .form-label {
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	margin-bottom: 0.35rem;
}

.onboarding-form-section {
	padding: 1.25rem 1.5rem;
	margin-bottom: 0.75rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-settings-panel {
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	overflow: hidden;
	margin-bottom: 1.5rem;
}

/* Sales channels step — connected list + add flow */
.onboarding-sc-panel {
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.onboarding-sc-header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-sc-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.35;
}

.onboarding-sc-lead {
	margin-top: 0.35rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
	max-width: 36rem;
}

.onboarding-sc-add-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.5rem 1.125rem;
	font-weight: 500;
	white-space: nowrap;
	flex-shrink: 0;
}

.onboarding-sc-header-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	flex-shrink: 0;
}

.onboarding-sc-preset-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.5rem 1rem;
	font-weight: 500;
	white-space: nowrap;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-sc-preset-btn:hover,
.onboarding-sc-preset-btn:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.38);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	color: var(--primary-hover, #0061d0);
	box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-sc-preset-btn:active {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

.onboarding-sc-preset-btn.is-loading {
	pointer-events: none;
	opacity: 0.72;
}

.onboarding-sc-item-manage-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.4375rem 1rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-sc-item-manage-btn:hover,
.onboarding-sc-item-manage-btn:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.38);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	color: var(--primary-hover, #0061d0);
	box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-sc-item-manage-btn:active {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

.onboarding-sc-item-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 999px;
	background: transparent;
	color: var(--bs-secondary-color, #6c757d);
	cursor: pointer;
	box-shadow: none;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.onboarding-sc-item-icon-btn:hover,
.onboarding-sc-item-icon-btn:focus {
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.1);
	border-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.16);
}

.onboarding-sc-item-icon-btn--danger:hover,
.onboarding-sc-item-icon-btn--danger:focus {
	color: var(--bs-danger, #d9534f);
	background: rgba(217, 83, 79, 0.1);
	border-color: rgba(217, 83, 79, 0.18);
}

.onboarding-batch-templates-item-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
}

body[data-theme=dark] .onboarding-sc-item-manage-btn {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.32);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

body[data-theme=dark] .onboarding-sc-item-manage-btn:hover,
body[data-theme=dark] .onboarding-sc-item-manage-btn:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.48);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.2);
}

body[data-theme=dark] .onboarding-sc-item-icon-btn:hover,
body[data-theme=dark] .onboarding-sc-item-icon-btn:focus {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-sc-item-icon-btn--danger:hover,
body[data-theme=dark] .onboarding-sc-item-icon-btn--danger:focus {
	background: rgba(217, 83, 79, 0.16);
	border-color: rgba(217, 83, 79, 0.28);
}

.onboarding-batch-templates-empty {
	padding: 1.25rem 1.5rem 1.35rem;
}

.onboarding-batch-templates-empty-intro {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding: 0.9rem 1rem;
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-batch-templates-empty-intro-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.125rem;
	height: 2.125rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.875rem;
}

.onboarding-batch-templates-empty-intro-copy {
	min-width: 0;
}

.onboarding-batch-templates-empty-intro-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

.onboarding-batch-templates-empty-intro-text {
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-batch-templates-preset-list {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.onboarding-batch-templates-preset-item {
	margin: 0;
	padding: 0;
}

.onboarding-batch-templates-preset-option {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.875rem;
	width: 100%;
	min-height: 4.75rem;
	padding: 0.95rem 1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: inherit;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.onboarding-batch-templates-preset-option:hover,
.onboarding-batch-templates-preset-option:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.03);
	box-shadow: 0 0.35rem 0.9rem rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	outline: none;
}

.onboarding-batch-templates-preset-option.is-recommended {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.onboarding-batch-templates-preset-option.is-recommended:hover,
.onboarding-batch-templates-preset-option.is-recommended:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.38);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.07);
}

.onboarding-batch-templates-preset-option-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.9375rem;
}

.onboarding-batch-templates-preset-option-copy {
	min-width: 0;
}

.onboarding-batch-templates-preset-option-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

.onboarding-batch-templates-preset-option-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

.onboarding-batch-templates-preset-option-desc {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.75rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-batch-templates-preset-option-meta {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 0.45rem;
}

.onboarding-batch-templates-preset-option-count {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.55rem;
	border-radius: 999px;
	background: rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.05);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
}

.onboarding-batch-templates-preset-option-meta i {
	font-size: 0.75rem;
	color: var(--primary, #0077ff);
	opacity: 0.85;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.onboarding-batch-templates-preset-option:hover .onboarding-batch-templates-preset-option-meta i,
.onboarding-batch-templates-preset-option:focus .onboarding-batch-templates-preset-option-meta i {
	transform: translateX(2px);
	opacity: 1;
}

.onboarding-batch-templates-manual-fallback {
	margin-top: 1rem;
	padding-top: 0.875rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
	text-align: center;
}

.onboarding-batch-templates-manual-link {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--primary, #0077ff);
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease;
}

.onboarding-batch-templates-manual-link:hover,
.onboarding-batch-templates-manual-link:focus {
	color: var(--primary-hover, #0061d0);
	text-decoration: underline;
}

@media (max-width: 767px) {
	.onboarding-batch-templates-empty {
		padding: 0 1rem 1rem;
	}

	.onboarding-batch-templates-preset-option {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: flex-start;
		padding: 0.875rem 0.9rem;
	}

	.onboarding-batch-templates-preset-option-meta {
		grid-column: 2;
		justify-self: start;
		margin-top: 0.35rem;
	}

	.onboarding-batch-templates-preset-option-meta i {
		display: none;
	}
}

.onboarding-batch-templates-preset-picker {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.onboarding-batch-templates-preset-picker-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	width: 100%;
	padding: 0.8rem 0.875rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: #f4f7f9;
	color: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-batch-templates-preset-picker-item:hover,
.onboarding-batch-templates-preset-picker-item:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.32);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

.onboarding-batch-templates-preset-picker-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	font-size: 0.8125rem;
}

.onboarding-batch-templates-preset-picker-copy {
	min-width: 0;
	flex: 1 1 auto;
}

.onboarding-batch-templates-preset-picker-title {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-body-color, #495057);
}

.onboarding-batch-templates-preset-picker-desc {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-batch-templates-preset-picker-meta {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.6875rem;
	line-height: 1.4;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-batch-templates-preset-picker-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.1rem;
	color: var(--bs-secondary-color, #adb5bd);
	font-size: 0.75rem;
}

body[data-theme=dark] .onboarding-batch-templates-empty-intro {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.2);
}

body[data-theme=dark] .onboarding-batch-templates-empty-intro-title {
	color: rgba(254, 254, 254, 0.92);
}

body[data-theme=dark] .onboarding-batch-templates-preset-option {
	background: rgb(var(--bs-card-bg-rgb, 32 33 36));
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

body[data-theme=dark] .onboarding-batch-templates-preset-option.is-recommended {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
}

body[data-theme=dark] .onboarding-batch-templates-preset-option:hover,
body[data-theme=dark] .onboarding-batch-templates-preset-option:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
}

body[data-theme=dark] .onboarding-batch-templates-preset-option-count {
	background: rgba(255, 255, 255, 0.06);
	color: var(--bs-secondary-color, #adb5bd);
}

body[data-theme=dark] .onboarding-batch-templates-manual-fallback {
	border-top-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-batch-templates-preset-picker-item {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-batch-templates-preset-picker-item:hover,
body[data-theme=dark] .onboarding-batch-templates-preset-picker-item:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.36);
}

.onboarding-pick-pack-panel {
	margin-bottom: 0.75rem;
	overflow: hidden;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-pick-pack-list {
	display: flex;
	flex-direction: column;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.onboarding-pick-pack-list .onboarding-setting-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 12.5rem;
	align-items: start;
	gap: 0.75rem 1.5rem;
	padding: 1.125rem 1.5rem;
	margin: 0;
	cursor: default;
	transition: none;
}

.onboarding-pick-pack-list label.onboarding-setting-row {
	cursor: pointer;
}

.onboarding-pick-pack-list .onboarding-setting-row:hover,
.onboarding-pick-pack-list .onboarding-setting-row:focus-within {
	background: transparent;
	box-shadow: none;
}

.onboarding-pick-pack-list .onboarding-setting-row--section-start {
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-pick-pack-list .onboarding-setting-row-copy {
	min-width: 0;
}

.onboarding-pick-pack-list .onboarding-setting-row-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--bs-gray-700, #495057);
}

.onboarding-pick-pack-list .onboarding-setting-row-help {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-pick-pack-list .onboarding-setting-row-switch {
	justify-self: end;
	flex-shrink: 0;
	margin-top: 0.125rem;
}

.onboarding-pick-pack-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 1rem 1.5rem 1.125rem;
	background: transparent;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-pick-pack-preset-btn {
	min-height: 40px;
	padding: 0.45rem 0.95rem;
	font-size: 0.8125rem;
}

.onboarding-pick-pack-more-link {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: none;
}

.onboarding-pick-pack-more-link:hover,
.onboarding-pick-pack-more-link:focus {
	color: var(--primary, #0077ff);
	text-decoration: none;
}

.onboarding-pick-pack-list .onboarding-setting-row--select {
	cursor: default;
}

.onboarding-pick-pack-list .onboarding-setting-row-select {
	justify-self: end;
	width: 100%;
	min-width: 0;
	max-width: 12.5rem;
	min-height: 40px;
	margin-top: 0.125rem;
	font-size: 0.875rem;
	border-color: var(--bs-border-color, #dee2e6);
	background-color: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-setting-row-tag {
	display: inline-flex;
	align-items: center;
	margin-left: 0.375rem;
	padding: 0.1rem 0.45rem;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--primary, #0077ff);
	vertical-align: middle;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

body[data-theme=dark] .onboarding-pick-pack-panel {
	background: rgba(32, 33, 36, 0.95);
}

body[data-theme=dark] .onboarding-pick-pack-footer {
	background: transparent;
	border-top-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-pick-pack-list .onboarding-setting-row--section-start {
	border-top-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-pick-pack-list .onboarding-setting-row-select {
	background-color: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-setting-row-tag {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
	color: #8ec5ff;
}

@media (max-width: 767.98px) {
	.onboarding-pick-pack-list .onboarding-setting-row {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		padding: 1rem;
	}

	.onboarding-pick-pack-list .onboarding-setting-row-switch,
	.onboarding-pick-pack-list .onboarding-setting-row-select {
		justify-self: stretch;
		max-width: none;
	}

	.onboarding-pick-pack-footer {
		flex-direction: column;
		align-items: stretch;
		padding: 0.875rem 1rem 1rem;
	}

	.onboarding-pick-pack-preset-btn,
	.onboarding-pick-pack-more-link {
		justify-content: center;
		width: 100%;
	}
}

.onboarding-sc-preset-btn--secondary {
	border-color: var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: var(--bs-body-color, #495057);
}

.onboarding-sc-preset-btn--secondary:hover,
.onboarding-sc-preset-btn--secondary:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	color: var(--primary, #0077ff);
	box-shadow: none;
}

body[data-theme=dark] .onboarding-sc-preset-btn {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.32);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: #8ec5ff;
}

body[data-theme=dark] .onboarding-sc-preset-btn--secondary {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(32, 33, 36, 0.95);
	color: var(--bs-body-color, #fefefe);
}

.onboarding-sc-summary {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--success, #3fc77d);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
	border-bottom: 1px solid rgba(var(--success-rgb, 63, 199, 125), 0.15);
}

.onboarding-sc-summary-icon {
	display: inline-flex;
	font-size: 0.875rem;
	line-height: 1;
}

.onboarding-sc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: min(22rem, 50vh);
	overflow-y: auto;
}

.onboarding-sc-item {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 0.875rem 1.5rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-sc-item:first-child {
	border-top: 0;
}

.onboarding-sc-item-logo-wrap {
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.35rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.onboarding-sc-item-logo {
	max-width: 100%;
	max-height: 1.75rem;
	width: auto;
	height: auto;
	object-fit: contain;
}

.onboarding-sc-item-logo-fallback {
	font-size: 0.95rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-sc-item-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.onboarding-sc-item-name {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.onboarding-sc-item-subtitle {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--bs-secondary-color, #6c757d);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.onboarding-sc-item-status {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	min-height: 1.5rem;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.2;
	text-transform: capitalize;
}

.onboarding-sc-item-status--synced {
	color: var(--success, #3fc77d);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
}

.onboarding-sc-item-status--pending {
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.12);
}

.onboarding-sc-item-status--error {
	color: var(--bs-danger, #d9534f);
	background: rgba(217, 83, 79, 0.12);
}

.onboarding-sc-item-actions {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-left: auto;
}

.onboarding-sc-item-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0.25rem;
	border: 0;
	border-radius: 0.35rem;
	background: transparent;
	color: var(--bs-secondary-color, #adb5bd);
	line-height: 1;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.onboarding-sc-item-delete:hover,
.onboarding-sc-item-delete:focus {
	color: var(--bs-danger, #d9534f);
	background: rgba(217, 83, 79, 0.08);
}

.onboarding-sc-item-delete:focus-visible {
	outline: 2px solid rgba(217, 83, 79, 0.35);
	outline-offset: 2px;
}

.onboarding-sc-item-delete .fa-trash-alt {
	font-size: 0.8125rem;
}

.onboarding-sc-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.5rem;
	padding: 2rem 1.5rem;
}

.onboarding-sc-empty-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

.onboarding-sc-empty-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-sc-empty-lead {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
	max-width: 18rem;
}

/* Onboarding — sales channels import table */
.onboarding-sc-panel--channels-import .onboarding-sc-summary--channels {
	flex-wrap: wrap;
}

.onboarding-sc-summary-separator {
	margin: 0 0.35rem;
	opacity: 0.55;
}

.onboarding-sc-table-head {
	display: none;
	grid-template-columns: minmax(0, 1.35fr) minmax(4.5rem, auto) minmax(6.75rem, max-content) minmax(0, auto);
	gap: 0.75rem;
	align-items: center;
	padding: 0.55rem 1.5rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.04);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-sc-list--channels-import {
	max-height: none;
}

.onboarding-sc-item--channel-import {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 0;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 0.65rem 0.75rem;
	align-items: center;
	padding: 0.875rem 1.5rem;
}

.onboarding-sc-item-channel {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	min-width: 0;
}

.onboarding-sc-item-products {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	min-width: 3.5rem;
	text-align: right;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-products {
	flex-direction: row;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.3rem;
	min-width: 0;
	white-space: nowrap;
}

.onboarding-sc-item-products-value {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--bs-gray-700, #495057);
	font-variant-numeric: tabular-nums;
}

.onboarding-sc-item-products-label {
	margin-top: 0.1rem;
	font-size: 0.6875rem;
	line-height: 1.2;
	color: var(--bs-secondary-color, #6c757d);
	text-transform: lowercase;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-products-label {
	margin-top: 0;
	font-size: 0.75rem;
	line-height: 1.25;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-products-value.is-empty {
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-sc-item-status-col {
	display: flex;
	justify-content: flex-end;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-status {
	gap: 0.35rem;
	max-width: none;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-status-text {
	overflow: visible;
	text-overflow: unset;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-status--pending .onboarding-sc-item-status-dot {
	animation: onboarding-sc-status-pulse 1.6s ease-in-out infinite;
}

@keyframes onboarding-sc-status-pulse {
	0%,
	100% {
		opacity: 0.45;
		transform: scale(0.88);
	}

	50% {
		opacity: 1;
		transform: scale(1);
	}
}

.onboarding-sc-item-status-dot {
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	flex-shrink: 0;
	background: currentColor;
	opacity: 0.9;
}

.onboarding-sc-item-status-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-actions {
	flex-direction: column;
	align-items: flex-end;
	gap: 0.35rem;
	margin-left: 0;
}

.onboarding-sc-item-action-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.35rem;
}

.onboarding-sc-item--channel-import .onboarding-sc-item-action-btns {
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.125rem;
	padding: 0.15rem;
	border-radius: 0.5rem;
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.05);
	border: 1px solid rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.08);
}

.onboarding-sc-action-tooltip .tooltip-inner {
	max-width: 14rem;
	padding: 0.35rem 0.6rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	text-align: center;
}

.onboarding-sc-channel-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2rem;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-sc-fetch-products-btn {
	border: 1px solid transparent;
	color: var(--bs-secondary-color, #6c757d);
	background: transparent;
}

.onboarding-sc-fetch-products-btn .fa-rotate {
	font-size: 0.6875rem;
}

.onboarding-sc-fetch-products-btn:hover,
.onboarding-sc-fetch-products-btn:focus-visible {
	color: var(--primary, #0077ff);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	box-shadow: none;
}

.onboarding-sc-fetch-products-btn:disabled {
	opacity: 1;
	color: var(--bs-secondary-color, #6c757d);
	border-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.15);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.06);
	cursor: not-allowed;
	box-shadow: none;
}

.onboarding-sc-analyze-error-btn {
	border: 1px solid transparent;
	color: var(--bs-secondary-color, #6c757d);
	background: transparent;
	padding: 0.35rem 0.5rem;
}

.onboarding-sc-analyze-error-btn .fa-wand-magic-sparkles {
	font-size: 0.6875rem;
	opacity: 0.9;
}

.onboarding-sc-analyze-error-btn:hover,
.onboarding-sc-analyze-error-btn:focus-visible {
	color: var(--bs-body-color, #495057);
	border-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.14);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.08);
	box-shadow: none;
}

.onboarding-sc-analyze-error-btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
}

@media (min-width: 768px) {
	.onboarding-sc-fetch-products-btn span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.onboarding-sc-fetch-products-btn {
		min-width: 2rem;
		padding: 0.35rem 0.45rem;
	}

	.onboarding-sc-analyze-error-btn span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.onboarding-sc-analyze-error-btn {
		min-width: 2rem;
		padding: 0.35rem 0.45rem;
	}
}

.onboarding-sc-item-fetch-progress {
	padding: 0 1.5rem 0.875rem;
}

.onboarding-sc-item-fetch-progress-head {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.45rem;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-sc-item-fetch-progress-bar-track {
	height: 0.35rem;
	border-radius: 999px;
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.12);
}

.onboarding-sc-item--channel-import.has-fetch-progress .onboarding-sc-item-grid {
	padding-bottom: 0.5rem;
}

.onboarding-sc-item-fetch-progress.is-active .onboarding-sc-item-fetch-progress-label {
	color: var(--primary, #0077ff);
}

.onboarding-sc-item-fetch-progress.is-success .onboarding-sc-item-fetch-progress-label {
	color: var(--success, #3fc77d);
}

.onboarding-sc-item-fetch-progress.is-danger .onboarding-sc-item-fetch-progress-label {
	color: var(--bs-danger, #d9534f);
}

@media (min-width: 768px) {
	.onboarding-sc-table-head {
		display: grid;
	}

	.onboarding-sc-item--channel-import .onboarding-sc-item-grid {
		grid-template-columns: minmax(0, 1.35fr) minmax(4.5rem, auto) minmax(6.75rem, max-content) minmax(0, auto);
	}

	.onboarding-sc-item--channel-import .onboarding-sc-item-actions {
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}
}

@media (max-width: 767.98px) {
	.onboarding-sc-item--channel-import .onboarding-sc-item-grid {
		grid-template-areas:
			"channel channel"
			"products status"
			"actions actions";
	}

	.onboarding-sc-item-channel {
		grid-area: channel;
	}

	.onboarding-sc-item-products {
		grid-area: products;
		align-items: flex-start;
		text-align: left;
	}

	.onboarding-sc-item--channel-import .onboarding-sc-item-products {
		justify-content: flex-start;
	}

	.onboarding-sc-item-status-col {
		grid-area: status;
	}

	.onboarding-sc-item--channel-import .onboarding-sc-item-actions {
		grid-area: actions;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	.onboarding-sc-item-action-btns {
		flex: 1 1 auto;
		justify-content: flex-start;
	}

	.onboarding-sc-item--channel-import .onboarding-sc-item-action-btns {
		flex-wrap: wrap;
	}
}

body[data-theme=dark] .onboarding-sc-table-head {
	background: rgba(255, 255, 255, 0.03);
}

body[data-theme=dark] .onboarding-sc-item--channel-import .onboarding-sc-item-action-btns {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-sc-fetch-products-btn {
	color: rgba(255, 255, 255, 0.55);
	background: transparent;
}

body[data-theme=dark] .onboarding-sc-fetch-products-btn:hover,
body[data-theme=dark] .onboarding-sc-fetch-products-btn:focus-visible {
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.2);
}

body[data-theme=dark] .onboarding-sc-analyze-error-btn {
	color: rgba(255, 255, 255, 0.55);
	background: transparent;
	border-color: transparent;
}

body[data-theme=dark] .onboarding-sc-analyze-error-btn:hover,
body[data-theme=dark] .onboarding-sc-analyze-error-btn:focus-visible {
	color: rgba(255, 255, 255, 0.88);
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-sc-item-products-value {
	color: var(--bs-body-color, #fefefe);
}

.onboarding-mobile-app-panel {
	margin-bottom: 0.75rem;
	overflow: hidden;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-mobile-app-downloads {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	padding: 1.125rem 1.5rem 0;
}

@media (min-width: 576px) {
	.onboarding-mobile-app-downloads {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.onboarding-mobile-app-store-card {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	min-height: 44px;
	padding: 0.875rem 1rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.25rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: var(--bs-body-color, #495057);
	text-decoration: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.onboarding-mobile-app-store-card:hover,
.onboarding-mobile-app-store-card:focus {
	color: var(--bs-body-color, #495057);
	border-color: rgba(var(--primary-rgb, 0 119 255), 0.35);
	box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb, 0 119 255), 0.12);
	text-decoration: none;
}

.onboarding-mobile-app-store-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0 119 255), 0.08);
	color: var(--primary, #0077ff);
	font-size: 1.25rem;
	flex-shrink: 0;
}

.onboarding-mobile-app-store-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.onboarding-mobile-app-store-label {
	font-size: 0.75rem;
	line-height: 1.3;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-mobile-app-store-name {
	font-size: 0.95rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

.onboarding-mobile-app-store-external {
	margin-left: auto;
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
}

.onboarding-mobile-app-panel .onboarding-step-checklist {
	margin: 1.125rem 1.5rem 1.25rem;
}

.onboarding-mobile-app-devices {
	padding: 0 1.5rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-mobile-app-devices-head {
	padding-top: 1.125rem;
	margin-bottom: 0.75rem;
}

.onboarding-mobile-app-devices-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--bs-gray-700, #495057);
}

.onboarding-mobile-app-devices-lead {
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-mobile-app-device-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.onboarding-mobile-app-device-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem 0.875rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.25rem;
	background: rgba(var(--bs-card-bg-rgb, 255 255 255), 0.85);
}

.onboarding-mobile-app-device-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.35rem;
	background: rgba(var(--primary-rgb, 0 119 255), 0.08);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-mobile-app-device-name {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--bs-gray-700, #495057);
}

.onboarding-mobile-app-device-meta {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	line-height: 1.4;
	color: var(--bs-secondary-color, #6c757d);
}

body[data-theme=dark] .onboarding-mobile-app-store-card,
body[data-theme=dark] .onboarding-mobile-app-device-item {
	background: rgba(var(--bs-card-bg-rgb, 32 33 36), 0.95);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-mobile-app-store-card:hover,
body[data-theme=dark] .onboarding-mobile-app-store-card:focus {
	border-color: rgba(var(--primary-rgb, 0 119 255), 0.45);
}

.onboarding-printers-panel {
	margin-bottom: 0.75rem;
	overflow: hidden;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-printers-panel .onboarding-sc-header-actions {
	align-items: center;
}

.onboarding-printers-delete-btn {
	min-height: 44px;
	padding: 0.5rem 1rem;
	font-weight: 500;
	white-space: nowrap;
}

.onboarding-printers-intro {
	padding: 1.125rem 1.5rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-printers-connected .onboarding-printers-block:first-child {
	padding-top: 1.125rem;
}

.onboarding-printers-block {
	padding: 0 1.5rem 1.125rem;
}

.onboarding-printers-block--section {
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	padding-top: 1.125rem;
}

.onboarding-printers-block-head {
	margin-bottom: 0.75rem;
}

.onboarding-printers-block-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--bs-gray-700, #495057);
}

.onboarding-printers-block-lead {
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-printers-table {
	margin-bottom: 0;
}

.onboarding-printers-table th {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	white-space: nowrap;
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	background: transparent;
}

.onboarding-printers-table td {
	font-size: 0.8125rem;
	padding: 0.75rem;
	vertical-align: middle;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-printers-table thead th {
	border-top: 0;
}

.onboarding-printers-table tbody tr:first-child td {
	border-top: 0;
}

.onboarding-printers-table .form-select {
	min-height: 2.25rem;
	font-size: 0.8125rem;
}

.onboarding-printers-table-placeholder {
	text-align: center;
	color: var(--bs-secondary-color, #6c757d);
	padding: 1rem 0.75rem !important;
}

.onboarding-printers-footer {
	justify-content: flex-end;
}

body[data-theme=dark] .onboarding-printers-panel {
	background: rgba(255, 255, 255, 0.02);
}

body[data-theme=dark] .onboarding-printers-block-title {
	color: var(--bs-body-color);
}

body[data-theme=dark] .onboarding-printers-intro,
body[data-theme=dark] .onboarding-printers-block--section {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-printers-table th,
body[data-theme=dark] .onboarding-printers-table td {
	border-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 767.98px) {
	.onboarding-printers-intro,
	.onboarding-printers-block {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.onboarding-printers-delete-btn,
	.onboarding-printers-panel .onboarding-sc-add-btn {
		width: 100%;
	}

	.onboarding-printers-panel .onboarding-sc-header-actions {
		width: 100%;
		justify-content: flex-start;
	}
}

.onboarding-carriers-connect .carriers-connect .carrier-logo-wrapper {
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 0.25rem;
	padding: 0.5rem;
	width: 180px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body[data-theme=dark] .onboarding-carriers-connect .carriers-connect .carrier-logo-wrapper {
	background-color: rgba(255, 255, 255, 0.05);
}

.onboarding-carriers-connect .carriers-connect .carrier-card-item .card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-carriers-connect .carriers-connect .carrier-card-item .card:hover {
	transform: translateY(-2px);
}

@media (max-width: 768px) {
	.onboarding-carriers-connect .carriers-connect .carrier-logo-wrapper {
		width: 150px;
		height: 68px;
	}
}

.onboarding-carriers-connect .onboarding-carrier-methods-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	min-height: 2.25rem;
	padding: 0.25rem 0.35rem;
	border: 0;
	border-radius: 0.35rem;
	background: transparent;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.onboarding-carriers-connect .onboarding-carrier-methods-trigger:hover,
.onboarding-carriers-connect .onboarding-carrier-methods-trigger:focus {
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

.onboarding-carriers-connect .onboarding-carrier-methods-trigger:focus-visible {
	outline: 2px solid rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	outline-offset: 2px;
}

.onboarding-carriers-connect .onboarding-carrier-methods-trigger-icon {
	font-size: 0.625rem;
	opacity: 0.7;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.onboarding-carriers-connect .onboarding-carrier-methods-trigger:hover .onboarding-carrier-methods-trigger-icon,
.onboarding-carriers-connect .onboarding-carrier-methods-trigger:focus .onboarding-carrier-methods-trigger-icon {
	opacity: 1;
	transform: translateX(1px);
}

body[data-theme=dark] .onboarding-carriers-connect .onboarding-carrier-methods-trigger:hover,
body[data-theme=dark] .onboarding-carriers-connect .onboarding-carrier-methods-trigger:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-carrier-methods-modal-header {
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-carrier-methods-modal-hero {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	min-width: 0;
}

.onboarding-carrier-methods-modal-logo-wrap,
.onboarding-carrier-methods-modal-logo-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.65rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.onboarding-carrier-methods-modal-logo {
	width: 1.75rem;
	height: 1.75rem;
	object-fit: contain;
}

.onboarding-carrier-methods-modal-logo-fallback {
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.onboarding-carrier-methods-modal-copy {
	min-width: 0;
}

.onboarding-carrier-methods-modal-lead {
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-methods-modal-body {
	padding: 0.75rem 1.25rem 1.25rem;
}

.onboarding-carrier-methods-toolbar {
	margin-bottom: 0.625rem;
}

.onboarding-carrier-methods-search {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0.35rem 0.75rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-carrier-methods-search .fa-search {
	flex-shrink: 0;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-methods-search .form-control {
	min-height: 2rem;
	padding: 0.25rem 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 0.8125rem;
}

.onboarding-carrier-methods-search .form-control:focus {
	box-shadow: none;
}

.onboarding-carrier-methods-search-empty {
	padding: 1.25rem 0.75rem;
	text-align: center;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-methods-loading,
.onboarding-carrier-methods-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.75rem;
	padding: 2.5rem 1rem;
}

.onboarding-carrier-methods-empty-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

.onboarding-carrier-methods-empty-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-carrier-methods-empty-lead {
	max-width: 22rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-methods-list {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	overflow: hidden;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-carrier-method-card {
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
	background: transparent;
	overflow: hidden;
}

.onboarding-carrier-method-card:last-child {
	border-bottom: 0;
}

.onboarding-carrier-method-card-head {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.45rem 0.75rem;
}

.onboarding-carrier-method-switch {
	flex-shrink: 0;
	margin: 0;
}

.onboarding-carrier-methods-modal .switch {
	width: 44px;
	height: 22px;
}

.onboarding-carrier-methods-modal .slider:before {
	height: 16px;
	width: 20px;
	left: 3px;
	bottom: 3px;
}

.onboarding-carrier-methods-modal input:checked+.slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

.onboarding-carrier-method-expand {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	min-height: 2.25rem;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	color: inherit;
}

.onboarding-carrier-method-expand:focus-visible {
	outline: 2px solid rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	outline-offset: 2px;
	border-radius: 0.35rem;
}

.onboarding-carrier-method-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.onboarding-carrier-method-name {
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--bs-gray-700, #495057);
}

.onboarding-carrier-method-meta {
	font-size: 0.6875rem;
	line-height: 1.3;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-method-chevron {
	flex-shrink: 0;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
	transition: transform 0.2s ease;
}

.onboarding-carrier-method-expand.is-expanded .onboarding-carrier-method-chevron {
	transform: rotate(180deg);
}

.onboarding-carrier-method-countries {
	padding: 0 0.75rem 0.5rem 2.75rem;
	border-top: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.02);
}

.onboarding-carrier-method-countries-toolbar {
	padding-top: 0.45rem;
	margin-bottom: 0.35rem;
}

.onboarding-carrier-method-countries-search {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	padding: 0.25rem 0.6rem;
	border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.1));
	border-radius: 0.4rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-carrier-method-countries-search .fa-search {
	flex-shrink: 0;
	font-size: 0.6875rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-method-countries-search .form-control {
	min-height: 1.75rem;
	padding: 0.15rem 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 0.75rem;
}

.onboarding-carrier-method-countries-search .form-control:focus {
	box-shadow: none;
}

.onboarding-carrier-method-countries-search-empty {
	padding: 0.35rem 0 0.5rem;
	text-align: center;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-method-country {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.4rem 0;
	border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.05));
}

.onboarding-carrier-method-country-copy {
	flex: 1;
	min-width: 0;
	margin: 0;
}

.onboarding-carrier-method-country-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.onboarding-carrier-method-country-price-wrap {
	position: relative;
	min-width: 5.5rem;
}

.onboarding-carrier-method-country-price-btn {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
	min-height: 2rem;
	padding: 0.15rem 0.35rem;
	border: 0;
	border-radius: 0.35rem;
	background: transparent;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
	white-space: nowrap;
}

.onboarding-carrier-method-country-price-btn:hover,
.onboarding-carrier-method-country-price-btn:focus {
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

.onboarding-carrier-method-country-price-btn .fa-pencil-alt {
	font-size: 0.625rem;
	opacity: 0.75;
}

.onboarding-carrier-method-country-price-edit {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.onboarding-carrier-method-country-price-currency {
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-method-country-price-input {
	min-height: 2rem;
	width: 4.5rem;
	padding: 0.2rem 0.4rem;
	font-size: 0.8125rem;
	text-align: right;
}

.onboarding-carrier-method-country:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.onboarding-carrier-method-country-route {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex-wrap: wrap;
	font-size: 0.75rem;
	color: var(--bs-body-color, #495057);
}

.onboarding-carrier-method-country-route .fa-arrow-right {
	font-size: 0.65rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-carrier-method-country-switch {
	flex-shrink: 0;
	margin: 0;
}

.onboarding-carrier-method-countries-empty {
	padding: 0.75rem 0 0.25rem;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
}

body[data-theme=dark] .onboarding-carrier-methods-search {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-carrier-methods-list {
	background: rgba(255, 255, 255, 0.02);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-carrier-method-card {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-carrier-method-countries {
	background: rgba(255, 255, 255, 0.02);
	border-top-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-carrier-method-countries-search {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-carrier-method-name,
body[data-theme=dark] .onboarding-carrier-methods-empty-title {
	color: var(--bs-body-color);
}

@media (max-width: 767.98px) {
	.onboarding-carriers-connect .onboarding-sc-item-actions {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.onboarding-carrier-methods-modal-body {
		padding: 0.875rem 1rem 1.25rem;
	}
}

.onboarding-sender-addresses-guide {
	margin: 1rem 1.5rem 1.125rem;
	padding: 1rem 1.125rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.onboarding-sender-addresses-guide-head {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.875rem;
}

.onboarding-sender-addresses-guide-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.55rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	font-size: 0.9375rem;
}

.onboarding-sender-addresses-guide-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

.onboarding-sender-addresses-guide-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.onboarding-sender-addresses-guide-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	padding: 0.625rem 0.75rem;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-body-color, #495057);
}

.onboarding-sender-addresses-guide-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.375rem;
	height: 1.375rem;
	margin-top: 0.05rem;
	border-radius: 50%;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

@media (min-width: 768px) {
	.onboarding-sender-addresses-guide-list {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.625rem;
	}
}

@media (max-width: 575.98px) {
	.onboarding-sender-addresses-guide {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}

body[data-theme=dark] .onboarding-sender-addresses-guide {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

body[data-theme=dark] .onboarding-sender-addresses-guide-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-sender-addresses-guide-list li {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.08);
	color: var(--bs-body-color, #fefefe);
}

.onboarding-sender-addresses-icon-wrap {
	color: var(--primary, #0077ff);
}

.onboarding-sender-addresses-manage-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: 0.25rem 0.65rem;
	border: 0;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--primary, #0077ff);
	background: transparent;
	text-decoration: none;
	border-radius: 0.25rem;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.onboarding-sender-addresses-manage-link:hover,
.onboarding-sender-addresses-manage-link:focus {
	color: var(--primary-hover, #0061d0);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	text-decoration: none;
}

body[data-theme=dark] .onboarding-sender-addresses-manage-link:hover,
body[data-theme=dark] .onboarding-sender-addresses-manage-link:focus {
	color: var(--bs-body-color, #fefefe);
}

.onboarding-sender-address-header {
	align-items: flex-start;
	padding: 1.25rem 1.5rem 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-sender-address-hero {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	min-width: 0;
	padding-right: 0.5rem;
}

.onboarding-sender-address-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	font-size: 1rem;
}

.onboarding-sender-address-heading {
	min-width: 0;
}

.onboarding-sender-address-modal-subtitle {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color, #495057);
	line-height: 1.4;
}

.onboarding-sender-address-modal-lead {
	margin-top: 0.25rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-sender-address-body {
	padding: 1rem 1.5rem 0.5rem;
}

.onboarding-sender-address-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-height: 12rem;
	text-align: center;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.8125rem;
}

.onboarding-sender-address-form-card {
	margin-bottom: 0.875rem;
	padding: 1rem 1.125rem;
	border-radius: 0.65rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.03);
}

.onboarding-sender-address-form-card-head {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 0.875rem;
}

.onboarding-sender-address-form-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 0.45rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	font-size: 0.75rem;
}

.onboarding-sender-address-form-card-title {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.35;
}

.onboarding-sender-address-form-card .form-label {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-bottom: 0.35rem;
	color: var(--bs-gray-700, #495057);
}

.onboarding-sender-address-form-card .form-control,
.onboarding-sender-address-form-card .form-select {
	min-height: 44px;
	font-size: 16px;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-sender-address-modal-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.75rem;
	padding: 0.875rem 1.5rem 1.125rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-sender-address-modal-footer-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 0.625rem;
	margin-left: auto;
}

.onboarding-sender-address-modal-footer .btn,
.onboarding-sender-address-delete-btn {
	min-height: 44px;
}

.onboarding-sc-empty .onboarding-sc-add-btn {
	margin-top: 0.25rem;
}

body[data-theme=dark] .onboarding-sender-address-header,
body[data-theme=dark] .onboarding-sender-address-modal-footer {
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-sender-address-form-card {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-sender-address-form-card .form-control,
body[data-theme=dark] .onboarding-sender-address-form-card .form-select {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-sender-address-form-card-title,
body[data-theme=dark] .onboarding-sender-address-form-card .form-label,
body[data-theme=dark] .onboarding-sender-address-modal-subtitle {
	color: var(--bs-body-color, #fefefe);
}

@media (max-width: 575.98px) {
	.onboarding-sender-address-modal-footer-actions {
		width: 100%;
	}

	.onboarding-sender-address-modal-footer-actions .btn {
		flex: 1 1 auto;
	}
}

/* Onboarding — suppliers step */
.onboarding-suppliers-icon-wrap {
	background: rgba(0, 119, 255, 0.08);
}

.onboarding-suppliers-manage-link {
	border: 0;
	background: transparent;
	color: var(--primary);
	font-size: 0.825rem;
	font-weight: 500;
	padding: 0.35rem 0.5rem;
	min-height: 44px;
}

.onboarding-suppliers-manage-link:hover,
.onboarding-suppliers-manage-link:focus {
	color: var(--primary-hover);
	text-decoration: underline;
}

body[data-theme=dark] .onboarding-suppliers-manage-link:hover,
body[data-theme=dark] .onboarding-suppliers-manage-link:focus {
	color: #6eb3ff;
}

.onboarding-suppliers-empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.onboarding-supplier-modal-wrap .modal-md {
	max-width: 520px;
}

.onboarding-supplier-header,
.onboarding-supplier-modal-footer {
	border-color: var(--bs-border-color);
	padding: 0.875rem 1rem;
}

.onboarding-supplier-hero {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding-right: 0.5rem;
}

.onboarding-supplier-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.5rem;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary);
	flex-shrink: 0;
	font-size: 0.95rem;
}

.onboarding-supplier-heading {
	min-width: 0;
	flex: 1 1 auto;
}

.onboarding-supplier-modal-lead {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

.onboarding-supplier-body {
	padding: 0.75rem 1rem 0.875rem;
}

.onboarding-supplier-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 1.5rem 1rem;
	text-align: center;
	font-size: 0.8125rem;
}

.onboarding-supplier-essentials .form-label,
.onboarding-supplier-more-body .form-label {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-bottom: 0.25rem;
}

.onboarding-supplier-essentials .form-control,
.onboarding-supplier-more-body .form-control,
.onboarding-supplier-more-body .form-select,
.onboarding-supplier-input-group .input-group-text {
	min-height: 40px;
	font-size: 0.875rem;
}

.onboarding-supplier-company-input {
	font-weight: 500;
}

.onboarding-supplier-more-wrap {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid var(--bs-border-color-translucent);
}

.onboarding-supplier-more-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.35rem 0;
	border: 0;
	background: transparent;
	text-align: left;
	min-height: 36px;
	color: var(--bs-body-color);
}

.onboarding-supplier-more-toggle-label {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.8125rem;
	font-weight: 500;
}

.onboarding-supplier-more-toggle-label i {
	color: var(--primary);
	font-size: 0.8rem;
}

.onboarding-supplier-optional {
	font-size: 0.6875rem;
	font-weight: 400;
	color: var(--bs-secondary-color);
}

.onboarding-supplier-more-chevron {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	transition: transform 0.2s ease;
}

.onboarding-supplier-more-toggle:not(.collapsed) .onboarding-supplier-more-chevron {
	transform: rotate(180deg);
}

.onboarding-supplier-more-body {
	padding-top: 0.625rem;
}

.onboarding-supplier-more-divider {
	margin: 0.75rem 0 0.5rem;
	font-size: 0.6875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color);
}

.onboarding-supplier-modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

.onboarding-supplier-modal-footer-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-left: auto;
}

.onboarding-supplier-modal-footer .btn,
.onboarding-supplier-delete-btn {
	min-height: 40px;
}

body[data-theme=dark] .onboarding-supplier-header,
body[data-theme=dark] .onboarding-supplier-modal-footer {
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-supplier-more-wrap {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-supplier-more-body .form-control,
body[data-theme=dark] .onboarding-supplier-more-body .form-select,
body[data-theme=dark] .onboarding-supplier-input-group .input-group-text,
body[data-theme=dark] .onboarding-supplier-essentials .form-control {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--bs-body-color);
}

@media (max-width: 575.98px) {
	.onboarding-supplier-essentials .form-control,
	.onboarding-supplier-more-body .form-control,
	.onboarding-supplier-more-body .form-select {
		min-height: 44px;
		font-size: 16px;
	}

	.onboarding-supplier-modal-footer-actions {
		width: 100%;
	}

	.onboarding-supplier-modal-footer-actions .btn {
		flex: 1 1 auto;
	}
}

/* Onboarding — employees step */
.onboarding-employees-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 2.5rem 1.5rem;
	text-align: center;
}

.onboarding-employees-table-wrap {
	padding: 0 1rem 1rem;
}

.onboarding-employees-table th,
.onboarding-employees-table td {
	vertical-align: middle;
}

.onboarding-employees-rights {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem;
	max-width: 320px;
}

.onboarding-employees-edit-btn {
	min-height: 36px;
}

.onboarding-employee-modal-wrap .modal-md {
	max-width: 560px;
}

.onboarding-employee-modal-wrap .modal-dialog.modal-dialog-scrollable {
	margin: 1rem auto;
	max-height: calc(100% - 2rem);
	height: calc(100% - 2rem);
}

.onboarding-employee-modal-wrap .modal-dialog-scrollable .modal-content,
.onboarding-employee-modal-wrap .onboarding-employee-modal {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.onboarding-employee-modal-wrap .onboarding-employee-header {
	flex-shrink: 0;
}

.onboarding-employee-modal-wrap .onboarding-employee-form {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}

.onboarding-employee-modal-wrap .onboarding-employee-body {
	overflow-y: auto;
	flex: 1 1 auto;
	min-height: 0;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.onboarding-employee-modal-wrap .onboarding-employee-modal-footer {
	flex-shrink: 0;
}

.onboarding-employee-header,
.onboarding-employee-modal-footer {
	border-color: var(--bs-border-color);
	padding: 0.875rem 1rem;
}

.onboarding-employee-hero {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding-right: 0.5rem;
}

.onboarding-employee-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.5rem;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary);
	flex-shrink: 0;
	font-size: 0.95rem;
}

.onboarding-employee-heading {
	min-width: 0;
	flex: 1 1 auto;
}

.onboarding-employee-modal-lead {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

.onboarding-employee-body {
	padding: 0.75rem 1rem 0.875rem;
}

.onboarding-employee-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 1.5rem 1rem;
	text-align: center;
	font-size: 0.8125rem;
}

.onboarding-employee-section + .onboarding-employee-section {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--bs-border-color);
}

.onboarding-employee-section-title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #495057;
	margin-bottom: 0.75rem;
}

.onboarding-employee-permissions {
	display: flex;
	flex-direction: column;
	gap: 0;
	background: #f7f9fc;
	border: 1px solid var(--bs-border-color);
	border-radius: 0.375rem;
	padding: 0.125rem 0.875rem;
}

.onboarding-employee-permission-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.625rem 0;
	border-bottom: 1px solid var(--bs-border-color);
	background: transparent;
	border-radius: 0;
}

.onboarding-employee-permission-item:last-child {
	border-bottom: none;
}

.onboarding-employee-permission-label {
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	color: #495057;
	margin: 0;
}

.onboarding-employee-permission-label .text-muted {
	color: #6c757d !important;
}

.onboarding-employee-permission-item .form-check-input {
	cursor: pointer;
}

.onboarding-employee-modal-footer .btn {
	min-height: 40px;
}

body[data-theme=dark] .onboarding-employee-header,
body[data-theme=dark] .onboarding-employee-modal-footer {
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-employee-section + .onboarding-employee-section {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-employee-section-title {
	color: var(--bs-body-color);
}

body[data-theme=dark] .onboarding-employee-permissions {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-employee-permission-item {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-employee-permission-label {
	color: var(--bs-body-color);
}

body[data-theme=dark] .onboarding-employee-permission-label .text-muted {
	color: rgba(255, 255, 255, 0.55) !important;
}

@media (max-width: 767.98px) {
	.onboarding-employees-table-wrap {
		margin: 0 -0.25rem;
	}

	.onboarding-employees-rights {
		max-width: 220px;
	}
}

@media (max-width: 575.98px) {
	.onboarding-employee-modal-wrap .modal-dialog.modal-dialog-scrollable {
		margin: 0.5rem auto;
		max-height: calc(100% - 1rem);
		height: calc(100% - 1rem);
	}

	.onboarding-employee-body .form-control {
		min-height: 44px;
		font-size: 16px;
	}

	.onboarding-employee-modal-footer {
		flex-wrap: wrap;
	}

	.onboarding-employee-modal-footer .btn {
		min-height: 44px;
	}
}

/* Onboarding — packaging step */
.onboarding-packaging-panel {
	margin-bottom: 0;
	overflow: visible;
}

.onboarding-packaging-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2.5rem 1.5rem 2rem;
	text-align: center;
}

.onboarding-packaging-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: 0.875rem;
	border-radius: 0.75rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	font-size: 1.125rem;
}

.onboarding-packaging-empty-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-packaging-empty-text {
	max-width: 22rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-packaging-empty-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.onboarding-packaging-preset-summary {
	list-style: none;
	margin: 0.75rem 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: left;
}

.onboarding-packaging-preset-summary li {
	padding: 0.625rem 0.75rem;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-packaging-preset-summary-category {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-packaging-preset-summary-items {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-packaging-icon-wrap {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.onboarding-packaging-manage-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
	padding: 0.375rem 0.75rem;
	border: 0;
	border-radius: 0.35rem;
	background: transparent;
	color: var(--primary, #0077ff);
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.onboarding-packaging-manage-link:hover,
.onboarding-packaging-manage-link:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary-hover, #0061d0);
}

.onboarding-packaging-categories-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.625rem;
	padding: 0.875rem 1.25rem 1.125rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-packaging-categories-label {
	flex-shrink: 0;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-packaging-categories-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	min-width: 0;
}

.onboarding-packaging-category-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	min-height: 2rem;
	padding: 0.25rem 0.625rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 999px;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: var(--bs-body-color, #495057);
	font-size: 0.75rem;
	line-height: 1.3;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.onboarding-packaging-category-chip:hover,
.onboarding-packaging-category-chip:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	color: var(--primary, #0077ff);
}

.onboarding-packaging-category-chip--add {
	border-style: dashed;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-packaging-category-chip--add:hover,
.onboarding-packaging-category-chip--add:focus {
	color: var(--primary, #0077ff);
}

@media (max-width: 767.98px) {
	.onboarding-packaging-empty {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.onboarding-packaging-empty-actions,
	.onboarding-sc-header-actions {
		width: 100%;
	}

	.onboarding-packaging-empty-actions .btn,
	.onboarding-sc-header-actions .btn {
		flex: 1 1 auto;
	}

	.onboarding-packaging-categories-bar {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

body[data-theme=dark] .onboarding-packaging-empty-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-packaging-preset-summary li {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(32, 33, 36, 0.95);
}

body[data-theme=dark] .onboarding-packaging-preset-summary-category {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-packaging-manage-link:hover,
body[data-theme=dark] .onboarding-packaging-manage-link:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.15);
}

body[data-theme=dark] .onboarding-packaging-category-chip {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(32, 33, 36, 0.95);
}

body[data-theme=dark] .onboarding-packaging-categories-bar {
	border-color: rgba(255, 255, 255, 0.12);
}

.onboarding-packaging-modal-header {
	flex-direction: column;
	align-items: stretch;
	padding: 1.25rem 1.25rem 0.75rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-packaging-modal-hero {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	padding-right: 2rem;
}

.onboarding-packaging-modal-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	font-size: 1rem;
}

.onboarding-packaging-modal-subtitle {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-packaging-modal-lead {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-packaging-modal-body {
	padding: 1rem 1.25rem 1.25rem;
}

.onboarding-packaging-modal-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-height: 8rem;
	text-align: center;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-packaging-form-card {
	padding: 1rem 1.125rem;
	border-radius: 0.55rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-packaging-form-card + .onboarding-packaging-form-card {
	margin-top: 0.875rem;
}

.onboarding-packaging-form-card-head {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 0.875rem;
}

.onboarding-packaging-form-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 0.45rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	font-size: 0.8125rem;
}

.onboarding-packaging-form-card-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-packaging-form-card .form-label {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-packaging-form-card .form-control,
.onboarding-packaging-form-card .form-select {
	min-height: 2.75rem;
	font-size: 0.875rem;
}

.onboarding-packaging-modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.875rem 1.25rem 1.125rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-packaging-modal-footer-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-left: auto;
}

.onboarding-packaging-modal-footer .btn,
.onboarding-packaging-delete-btn {
	min-height: 2.75rem;
}

@media (max-width: 767.98px) {
	.onboarding-packaging-modal-footer-actions {
		width: 100%;
	}

	.onboarding-packaging-modal-footer-actions .btn {
		flex: 1 1 auto;
	}
}

body[data-theme=dark] .onboarding-packaging-form-card-title,
body[data-theme=dark] .onboarding-packaging-modal-subtitle {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-packaging-form-card {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(32, 33, 36, 0.95);
}

body[data-theme=dark] .onboarding-packaging-modal-header,
body[data-theme=dark] .onboarding-packaging-modal-footer {
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-packaging-form-card .form-control,
body[data-theme=dark] .onboarding-packaging-form-card .form-select {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(26, 30, 35, 0.95);
	color: var(--bs-body-color, #fefefe);
}

/* Onboarding — products import / stock source step */
.onboarding-products-panel {
	margin-bottom: 0;
	overflow: visible;
}

.onboarding-products-method-picker {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	padding: 1rem 1.25rem 0.25rem;
}

@media (min-width: 768px) {
	.onboarding-products-method-picker {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.onboarding-products-method-option {
	margin: 0;
	cursor: pointer;
}

.onboarding-products-method-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.onboarding-products-method-option-inner {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: var(--bs-body-bg, #fff);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	min-height: 44px;
}

.onboarding-products-method-option.is-selected .onboarding-products-method-option-inner {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
	box-shadow: 0 0 0 1px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-products-method-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.4rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-products-method-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.onboarding-products-method-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-products-method-desc {
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-section-head--manual {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.onboarding-products-manual-head-actions {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.onboarding-products-manual-export-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 36px;
	padding: 0.4rem 0.75rem;
	border-radius: 999px;
	font-weight: 500;
}

.onboarding-products-manual-guide {
	font-size: 0.8125rem;
	white-space: nowrap;
}

.onboarding-products-manual-panel .onboarding-products-section--manual {
	position: relative;
}

.onboarding-products-manual-lead {
	padding: 0 1.25rem 0.75rem;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-manual-upload-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.onboarding-products-manual-upload {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	margin: 0 1.25rem 1rem;
	padding: 1rem 1.125rem;
	border: 1px dashed rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.03);
	cursor: pointer;
	min-height: 44px;
	transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.onboarding-products-manual-upload:hover,
.onboarding-products-manual-upload:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.55);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	outline: none;
}

.onboarding-products-manual-upload.is-dragover {
	border-color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	transform: scale(1.01);
}

.onboarding-products-manual-upload.is-complete {
	border-style: solid;
	border-color: rgba(63, 199, 125, 0.35);
	background: rgba(63, 199, 125, 0.05);
	cursor: default;
	pointer-events: none;
}

.onboarding-products-manual-upload.is-complete:hover,
.onboarding-products-manual-upload.is-complete:focus {
	transform: none;
}

.onboarding-products-manual-upload-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-products-manual-upload-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.onboarding-products-manual-upload-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-products-manual-upload-hint {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-products-manual-upload-subtitle {
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-manual-progress,
.onboarding-products-manual-done {
	margin: 0 1.25rem 1rem;
}

.onboarding-products-manual-progress-head {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.8125rem;
	color: var(--bs-gray-700, #495057);
}

.onboarding-products-manual-done {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 0.875rem;
	border-radius: 0.4rem;
	background: rgba(63, 199, 125, 0.08);
	color: var(--bs-gray-700, #495057);
	font-size: 0.8125rem;
	font-weight: 500;
}

.onboarding-products-manual-done i {
	color: var(--success, #3fc77d);
}

/* Onboarding — manual stock import mapping modal */
.onboarding-products-manual-mapping-modal__header,
.onboarding-products-manual-mapping-modal__footer {
	border-color: var(--bs-border-color, #dee6ed);
}

.onboarding-products-manual-mapping-modal__body {
	padding: 1.25rem 1.5rem 1.5rem;
}

.onboarding-products-manual-mapping-lead {
	margin-top: 0.35rem;
	font-size: 0.78rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-manual-mapping-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	min-height: 10rem;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.875rem;
}

.onboarding-products-manual-mapping-guide {
	display: flex;
	gap: 0.85rem;
	padding: 1rem;
	margin-bottom: 1rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	border-radius: 0.25rem;
	background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.08), rgba(var(--success-rgb, 63, 199, 125), 0.05));
}

.onboarding-products-manual-mapping-guide__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.65rem;
	height: 2.65rem;
	border-radius: 0.75rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-products-manual-mapping-guide__title {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-products-manual-mapping-guide__text {
	font-size: 0.78rem;
	line-height: 1.55;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-manual-mapping-requirements {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.85rem 0 0;
}

.onboarding-products-manual-mapping-requirement {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.48rem 0.65rem;
	border: 1px solid rgba(217, 83, 79, 0.22);
	border-radius: 999px;
	background: rgba(217, 83, 79, 0.06);
	color: #b6423f;
	font-size: 0.76rem;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.onboarding-products-manual-mapping-requirement.is-valid {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
}

.onboarding-products-manual-mapping-note {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	margin-top: 0.85rem;
	font-size: 0.76rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-manual-mapping-note i {
	color: var(--primary, #0077ff);
	margin-top: 0.12rem;
}

.onboarding-products-manual-mapping-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding: 0.6rem 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.04);
	border-radius: 0.45rem;
	background: rgba(255, 255, 255, 0.72);
}

.onboarding-products-manual-mapping-controls__actions {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.onboarding-products-manual-mapping-clear-all {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 38px;
	padding: 0.48rem 0.8rem;
	border: 1px solid rgba(217, 83, 79, 0.22);
	border-radius: 999px;
	background: rgba(217, 83, 79, 0.07);
	color: #b6423f;
	font-weight: 500;
}

.onboarding-products-manual-mapping-clear-ai {
	display: none;
	align-items: center;
	gap: 0.4rem;
	min-height: 36px;
	border-radius: 999px;
	padding: 0.48rem 0.8rem;
}

.onboarding-products-manual-import-ai-status {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.16);
	border-radius: 0.3rem;
	background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.08), rgba(var(--success-rgb, 63, 199, 125), 0.08));
	overflow: hidden;
	position: relative;
}

.onboarding-products-manual-import-ai-status::after {
	content: "";
	position: absolute;
	inset: 0;
	transform: translateX(-100%);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
	animation: onboardingBundleImportAiSweep 1.7s ease-in-out infinite;
	pointer-events: none;
}

.onboarding-products-manual-import-ai-status .ai-status-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-products-manual-import-ai-status .ai-status-title {
	font-weight: 500;
}

.onboarding-products-manual-import-ai-status .ai-status-text {
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.78rem;
}

.onboarding-products-manual-import-ai-status.is-done {
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.28);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.1);
}

.onboarding-products-manual-import-ai-status.is-error {
	border-color: rgba(217, 83, 79, 0.28);
	background: rgba(217, 83, 79, 0.1);
}

.onboarding-products-manual-mapping-table-card {
	max-height: 42vh;
	overflow: auto;
	margin-bottom: 1rem;
	padding: 0.75rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.25rem;
	background: var(--bs-body-bg, #fff);
	transition: opacity 0.2s ease;
}

.onboarding-products-manual-mapping-table-card.ai-detecting {
	opacity: 0.72;
	pointer-events: none;
}

.onboarding-products-manual-mapping-table-card .table {
	margin-bottom: 0;
	font-size: 0.8125rem;
}

.onboarding-products-manual-mapping-table-card .table thead th {
	position: sticky;
	top: 0;
	z-index: 4;
	background: var(--bs-body-bg, #fff);
	vertical-align: top;
	box-shadow: 0 1px 0 var(--bs-border-color, #dee6ed);
}

.onboarding-products-manual-mapping-table-card .onboarding-products-manual-import-select.ai-detecting {
	background-image: linear-gradient(90deg, rgba(var(--primary-rgb, 0, 119, 255), 0.06), rgba(var(--success-rgb, 63, 199, 125), 0.12), rgba(var(--primary-rgb, 0, 119, 255), 0.06));
	background-size: 200% 100%;
	animation: onboardingBundleImportSelectShimmer 1.25s linear infinite;
}

.onboarding-products-manual-mapping-table-card .onboarding-products-manual-import-select.ai-mapped {
	border-color: var(--primary, #0077ff) !important;
	box-shadow: 0 0 0 0.18rem rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-products-manual-start-import-btn {
	min-height: 48px;
	font-weight: 500;
}

body[data-theme=dark] .onboarding-products-manual-mapping-guide {
	background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.12), rgba(var(--success-rgb, 63, 199, 125), 0.08));
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-products-manual-mapping-controls {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-products-manual-mapping-table-card {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-products-manual-mapping-table-card .table thead th {
	background: rgb(var(--bs-body-bg-rgb, 22, 24, 27));
}

body[data-theme=dark] .onboarding-products-manual-import-ai-status {
	background: linear-gradient(135deg, rgba(var(--primary-rgb, 0, 119, 255), 0.14), rgba(var(--success-rgb, 63, 199, 125), 0.1));
}

@media (max-width: 767px) {
	.onboarding-products-manual-mapping-controls {
		flex-direction: column;
		align-items: stretch;
	}

	.onboarding-products-manual-mapping-controls__actions {
		width: 100%;
	}

	.onboarding-products-manual-mapping-clear-all,
	.onboarding-products-manual-mapping-clear-ai {
		flex: 1 1 auto;
		justify-content: center;
	}
}

body[data-theme=dark] .onboarding-products-method-option-inner {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-products-method-title,
body[data-theme=dark] .onboarding-products-manual-upload-title,
body[data-theme=dark] .onboarding-products-manual-upload-hint,
body[data-theme=dark] .onboarding-products-manual-progress-head,
body[data-theme=dark] .onboarding-products-manual-done {
	color: rgba(255, 255, 255, 0.88);
}

body[data-theme=dark] .onboarding-products-manual-upload {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
}

body[data-theme=dark] .onboarding-products-manual-upload:hover,
body[data-theme=dark] .onboarding-products-manual-upload:focus,
body[data-theme=dark] .onboarding-products-manual-upload.is-dragover {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
}

@media (max-width: 767px) {
	.onboarding-products-section-head--manual {
		flex-direction: column;
		align-items: flex-start;
	}

	.onboarding-products-manual-head-actions {
		width: 100%;
	}

	.onboarding-products-manual-export-btn {
		flex: 1 1 auto;
		justify-content: center;
	}
}

.onboarding-products-section {
	padding: 0;
}

.onboarding-products-section--channels {
	padding-bottom: 0.25rem;
}

.onboarding-products-section--preview {
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-products-section-head {
	padding: 1rem 1.25rem 0.75rem;
}

.onboarding-products-section-title {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-secondary-color, #6c757d);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

body[data-theme=dark] .onboarding-products-section-title {
	color: var(--bs-secondary-color, #adb5bd);
}

.onboarding-products-channel-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1rem;
	padding: 0 1.25rem 1.25rem;
}

@media (min-width: 576px) {
	.onboarding-products-channel-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.onboarding-products-channel-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.125rem;
	}
}

@media (max-width: 575.98px) {
	.onboarding-products-channel-grid {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.onboarding-products-channel-card {
	display: block;
	margin: 0;
	cursor: pointer;
	min-height: 100%;
}

.onboarding-products-channel-card--disabled {
	cursor: not-allowed;
	opacity: 0.68;
}

.onboarding-products-source-input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.onboarding-products-channel-card-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
	height: 100%;
	min-height: 8.5rem;
	padding: 1.125rem 1.125rem 1rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 0.875rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.onboarding-products-channel-card-head {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

.onboarding-products-channel-card-logo {
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 0.625rem;
	border: 1px solid rgba(15, 23, 42, 0.06);
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 0.4375rem;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.onboarding-products-channel-card-logo-img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	background: transparent;
	border-radius: 0;
}

.onboarding-products-channel-card-logo-fallback {
	font-size: 1rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-channel-card-copy {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding-right: 1.75rem;
}

.onboarding-products-channel-card-title {
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.onboarding-products-channel-card-subtitle {
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--bs-secondary-color, #6c757d);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.onboarding-products-channel-card-footer {
	margin-top: auto;
	padding-top: 0.75rem;
	border-top: 1px solid #e2e8ee;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
}

.onboarding-products-channel-card-footer-status {
	display: flex;
	align-items: center;
	min-width: 0;
}

.onboarding-products-channel-card-footer-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.onboarding-products-channel-card-footer-actions .onboarding-products-channel-action-btn {
	flex: 1 1 calc(50% - 0.25rem);
	min-width: 0;
}

.onboarding-products-channel-card-status {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	max-width: 100%;
	min-height: 1.75rem;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.25;
}

.onboarding-products-channel-card-status-dot {
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	flex-shrink: 0;
	background: currentColor;
	opacity: 0.9;
}

.onboarding-products-channel-card-status-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.onboarding-products-channel-card-status.onboarding-sc-item-status--synced {
	color: #2a9d63;
	background: rgba(var(--success-rgb, 63, 199, 125), 0.1);
	border: 1px solid rgba(var(--success-rgb, 63, 199, 125), 0.2);
}

.onboarding-products-channel-card-status.onboarding-sc-item-status--pending {
	color: #6c757d;
	background: #f4f7f9;
	border: 1px solid #e2e8ee;
}

.onboarding-products-channel-card-status.onboarding-sc-item-status--error {
	color: #b33;
	background: rgba(217, 83, 79, 0.08);
	border: 1px solid rgba(217, 83, 79, 0.18);
}

.onboarding-products-channel-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2rem;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-products-fetch-stock-btn {
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	color: var(--primary, #0077ff);
	background: #fff;
}

.onboarding-products-fetch-stock-btn:hover,
.onboarding-products-fetch-stock-btn:focus-visible {
	color: var(--primary-darker, var(--primary-hover, #0061d0));
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
	box-shadow: 0 1px 3px rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.onboarding-products-fetch-stock-btn .fa-spin {
	font-size: 0.8125rem;
}

.onboarding-products-fetch-stock-btn:disabled {
	opacity: 1;
	color: var(--bs-secondary-color, #6c757d);
	border-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.15);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.06);
	cursor: not-allowed;
	box-shadow: none;
}

.onboarding-products-analyze-error-btn {
	border: 1px solid transparent;
	color: var(--bs-secondary-color, #6c757d);
	background: transparent;
	padding: 0.35rem 0.5rem;
}

.onboarding-products-analyze-error-btn:hover,
.onboarding-products-analyze-error-btn:focus-visible {
	color: var(--bs-body-color, #495057);
	border-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.14);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.08);
	box-shadow: none;
}

.onboarding-products-analyze-error-btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
}

.onboarding-products-analyze-error-btn .fa-wand-magic-sparkles {
	font-size: 0.6875rem;
	opacity: 0.9;
}

@media (min-width: 768px) {
	.onboarding-products-analyze-error-btn span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.onboarding-products-analyze-error-btn {
		flex: 0 0 auto !important;
		min-width: 2rem;
		padding: 0.35rem 0.45rem;
	}
}

.onboarding-products-channel-card-footer-actions:has(.onboarding-products-analyze-error-btn:only-child) .onboarding-products-analyze-error-btn,
.onboarding-products-channel-card-footer-actions:has(.onboarding-products-fetch-stock-btn:only-child) .onboarding-products-fetch-stock-btn {
	flex: 1 1 100%;
}

.onboarding-products-error-analysis-modal .modal-header {
	align-items: flex-start;
	padding: 1.25rem 1.5rem 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-products-error-analysis-hero {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	min-width: 0;
	padding-right: 0.5rem;
}

.onboarding-products-error-analysis-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	font-size: 1rem;
}

.onboarding-products-error-analysis-heading {
	min-width: 0;
}

.onboarding-products-error-analysis-channel {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color, #495057);
	line-height: 1.4;
}

.onboarding-products-error-analysis-lead {
	margin-top: 0.25rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-products-error-analysis-body {
	padding: 1rem 1.5rem 1.25rem;
}

.onboarding-products-error-analysis-loading {
	display: block;
}

.onboarding-products-error-analysis-loading-card {
	padding: 1rem 1.125rem;
	border-radius: 0.65rem;
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.04);
	border: 1px solid rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.08);
}

.onboarding-products-error-analysis-loading-row {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin-bottom: 0.875rem;
}

.onboarding-products-error-analysis-loading-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	font-size: 0.75rem;
}

.onboarding-products-error-analysis-loading-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-height: 2.375rem;
	padding: 0.5rem 0.85rem;
	border-radius: 999px;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color, #495057);
	line-height: 1.2;
}

.onboarding-products-error-analysis-loading-dots {
	display: inline-flex;
	align-items: center;
	gap: 0.22rem;
}

.onboarding-products-error-analysis-loading-dots span {
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: var(--primary, #0077ff);
	opacity: 0.35;
	animation: onboarding-error-analysis-dot 1.2s ease-in-out infinite;
}

.onboarding-products-error-analysis-loading-dots span:nth-child(2) {
	animation-delay: 0.2s;
}

.onboarding-products-error-analysis-loading-dots span:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes onboarding-error-analysis-dot {
	0%, 80%, 100% {
		opacity: 0.35;
		transform: translateY(0);
	}
	40% {
		opacity: 1;
		transform: translateY(-2px);
	}
}

.onboarding-products-error-analysis-loading-hint {
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
	margin-bottom: 1rem;
}

.onboarding-products-error-analysis-skeleton {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.onboarding-products-error-analysis-skeleton-line {
	display: block;
	height: 0.55rem;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.1) 0%,
		rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.18) 50%,
		rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.1) 100%
	);
	background-size: 200% 100%;
	animation: onboarding-error-analysis-shimmer 1.6s ease-in-out infinite;
}

@keyframes onboarding-error-analysis-shimmer {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

.onboarding-products-error-analysis-content {
	padding: 0.125rem 0 0;
}

.onboarding-products-error-analysis-content .ai-chat-rich > *:last-child {
	margin-bottom: 0;
}

.onboarding-products-error-analysis-content .ai-chat-lead {
	margin: 0 0 1rem;
	padding: 0.875rem 1rem;
	border-radius: 0.65rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--bs-body-color);
	font-size: 0.8125rem;
	line-height: 1.6;
}

.onboarding-products-error-analysis-content .ai-chat-lead .ai-chat-p {
	margin: 0;
}

.onboarding-products-error-analysis-content .ai-chat-section {
	margin: 0 0 0.875rem;
	padding: 0.75rem 0.875rem 0.8rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-left: 3px solid rgba(var(--primary-rgb, 0, 119, 255), 0.4);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-products-error-analysis-content .ai-chat-section:last-of-type {
	margin-bottom: 0;
}

.onboarding-products-error-analysis-content .ai-chat-h3 {
	margin: 0 0 0.55rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.4;
	letter-spacing: 0.01em;
}

.onboarding-products-error-analysis-content .ai-chat-p {
	margin: 0 0 0.65rem;
	color: var(--bs-body-color);
	line-height: 1.55;
}

.onboarding-products-error-analysis-content .ai-chat-p:last-child {
	margin-bottom: 0;
}

.onboarding-products-error-analysis-content .ai-chat-list {
	margin: 0.15rem 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.onboarding-products-error-analysis-content .ai-chat-list li {
	position: relative;
	margin: 0;
	padding: 0 0 0 1rem;
	color: var(--bs-body-color);
	line-height: 1.5;
	font-size: 0.8125rem;
}

.onboarding-products-error-analysis-content .ai-chat-list li:has(.ai-chat-item-inner) {
	padding-left: 0;
}

.onboarding-products-error-analysis-content ul.ai-chat-list > li::before {
	content: '';
	position: absolute;
	left: 0.15rem;
	top: 0.62em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--primary, #0077ff);
	opacity: 0.5;
	transform: translateY(-50%);
}

.onboarding-products-error-analysis-content ul.ai-chat-list > li:has(.ai-chat-item-inner)::before {
	display: none;
}

.onboarding-products-error-analysis-content .ai-chat-item-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.2rem 0.45rem;
}

.onboarding-products-error-analysis-content .ai-chat-term {
	display: inline;
	font-weight: 500;
	font-size: 0.8125rem;
	color: var(--primary, #0077ff);
	margin: 0;
	line-height: 1.4;
	flex-shrink: 0;
}

.onboarding-products-error-analysis-content .ai-chat-desc {
	display: inline;
	font-weight: 400;
	color: var(--bs-body-color);
	line-height: 1.5;
	min-width: 0;
	flex: 1 1 8rem;
}

.onboarding-products-error-analysis-content .ai-chat-desc strong {
	font-weight: 500;
	color: var(--bs-body-color);
}

.onboarding-products-error-analysis-content .ai-chat-code {
	display: inline;
	padding: 0.1rem 0.35rem;
	border-radius: 0.25rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.78em;
	line-height: 1.45;
	color: #9a3412;
	background: rgba(234, 88, 12, 0.08);
	border: 1px solid rgba(234, 88, 12, 0.14);
	word-break: break-word;
}

.onboarding-products-error-analysis-content .ai-chat-stat {
	margin: 0.45rem 0 0.75rem;
	padding: 0.65rem 0.9rem;
	border-radius: 0.25rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	border: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-products-error-analysis-content a.ai-chat-link {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	max-width: 100%;
	vertical-align: baseline;
	color: var(--primary, #0077ff);
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.35);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.onboarding-products-error-analysis-content a.ai-chat-link:hover {
	color: var(--primary-hover, #0061d0);
	border-bottom-color: var(--primary-hover, #0061d0);
}

.onboarding-products-error-analysis-content a.ai-chat-link .ai-chat-link-icon {
	flex-shrink: 0;
	font-size: 0.625rem;
	line-height: 1;
	opacity: 0.92;
}

.onboarding-products-error-analysis-content .ai-chat-foot {
	margin: 0.75rem 0 0;
	padding-top: 0.75rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.8rem;
	line-height: 1.55;
}

body[data-theme=dark] .onboarding-products-error-analysis-content .ai-chat-lead {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

body[data-theme=dark] .onboarding-products-error-analysis-content .ai-chat-section {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-products-error-analysis-content .ai-chat-h3 {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-products-error-analysis-content .ai-chat-stat {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-products-error-analysis-content .ai-chat-foot {
	border-top-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-products-error-analysis-content .ai-chat-code {
	color: #fdba74;
	background: rgba(234, 88, 12, 0.14);
	border-color: rgba(251, 146, 60, 0.22);
}

.onboarding-products-error-analysis-footer {
	justify-content: flex-end;
	gap: 0.75rem;
	padding: 0.875rem 1.5rem 1.125rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-products-error-analysis-modal-wrap.is-loaded .onboarding-products-error-analysis-lead {
	display: none;
}

body[data-theme=dark] .onboarding-products-error-analysis-loading-card {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-products-error-analysis-loading-pill {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

body[data-theme=dark] .onboarding-products-error-analysis-channel {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-products-error-analysis-skeleton-line {
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.06) 0%,
		rgba(255, 255, 255, 0.12) 50%,
		rgba(255, 255, 255, 0.06) 100%
	);
	background-size: 200% 100%;
}

body[data-theme=dark] .onboarding-products-error-analysis-modal .modal-header,
body[data-theme=dark] .onboarding-products-error-analysis-footer {
	border-color: rgba(255, 255, 255, 0.08);
}

.onboarding-products-channel-card.has-fetch-progress .onboarding-products-channel-card-footer {
	display: none;
}

.onboarding-products-channel-card.has-fetch-progress .onboarding-products-fetch-progress {
	margin-top: auto;
}

.onboarding-products-fetch-progress {
	padding: 0.75rem 0.875rem;
	border-radius: 0.625rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #eef2f6;
}

.onboarding-products-fetch-progress.is-active,
.onboarding-products-fetch-progress.is-info,
.onboarding-products-fetch-progress.is-warning,
.onboarding-products-fetch-progress.is-primary {
	border-color: rgba(15, 23, 42, 0.08);
	background: #eef2f6;
}

.onboarding-products-fetch-progress.is-success {
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.22);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.1);
}

.onboarding-products-fetch-progress.is-danger {
	border-color: rgba(217, 83, 79, 0.22);
	background: rgba(217, 83, 79, 0.08);
}

.onboarding-products-fetch-progress-head {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	margin-bottom: 0.625rem;
	min-height: 1.25rem;
}

.onboarding-products-fetch-progress-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	flex-shrink: 0;
	margin-top: 0.05rem;
	color: var(--primary, #0077ff);
	font-size: 0.875rem;
}

.onboarding-products-fetch-progress.is-success .onboarding-products-fetch-progress-icon {
	color: var(--success, #3fc77d);
}

.onboarding-products-fetch-progress.is-danger .onboarding-products-fetch-progress-icon {
	color: var(--bs-danger, #d9534f);
}

.onboarding-products-fetch-progress.is-warning .onboarding-products-fetch-progress-icon {
	color: var(--bs-warning, #e5a54b);
}

.onboarding-products-fetch-progress-label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	font-weight: 500;
	color: #334155;
}

.onboarding-products-fetch-progress-bar-track {
	height: 0.375rem;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.12);
	overflow: hidden;
}

.onboarding-products-fetch-progress-bar-track .progress-bar {
	font-size: 0;
	border-radius: 999px;
	transition: width 0.35s ease;
	background-color: var(--primary, #0077ff) !important;
}

.onboarding-products-fetch-progress.is-success .onboarding-products-fetch-progress-bar-track .progress-bar {
	background-color: var(--success, #3fc77d) !important;
}

.onboarding-products-fetch-progress.is-danger .onboarding-products-fetch-progress-bar-track .progress-bar {
	background-color: var(--bs-danger, #d9534f) !important;
}

.onboarding-products-fetch-progress.is-warning .onboarding-products-fetch-progress-bar-track .progress-bar {
	background-color: var(--bs-warning, #e5a54b) !important;
}

body[data-theme=dark] .onboarding-products-fetch-progress,
body[data-theme=dark] .onboarding-products-fetch-progress.is-active,
body[data-theme=dark] .onboarding-products-fetch-progress.is-info,
body[data-theme=dark] .onboarding-products-fetch-progress.is-warning,
body[data-theme=dark] .onboarding-products-fetch-progress.is-primary {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.16);
}

body[data-theme=dark] .onboarding-products-fetch-progress.is-success {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.16);
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.28);
}

body[data-theme=dark] .onboarding-products-fetch-progress-label {
	color: #f1f3f5;
}

body[data-theme=dark] .onboarding-products-fetch-progress-bar-track {
	background: rgba(255, 255, 255, 0.2);
}

body[data-theme=dark] .onboarding-products-fetch-stock-btn:disabled {
	color: var(--bs-secondary-color, #adb5bd);
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.04);
}

.onboarding-products-channel-card-check {
	position: absolute;
	top: 0.875rem;
	right: 0.875rem;
	width: 1.25rem;
	height: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1.5px solid rgba(15, 23, 42, 0.1);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	color: transparent;
	font-size: 0.5625rem;
	opacity: 0;
	transform: scale(0.85);
	transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-products-channel-card:hover .onboarding-products-channel-card-inner,
.onboarding-products-channel-card:focus-within .onboarding-products-channel-card-inner {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
	transform: translateY(-1px);
}

.onboarding-products-channel-card.is-selected .onboarding-products-channel-card-inner {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.55);
	background: linear-gradient(180deg, rgba(var(--primary-rgb, 0, 119, 255), 0.045) 0%, rgb(var(--bs-card-bg-rgb, 255 255 255)) 38%);
	box-shadow: 0 0 0 1px rgba(var(--primary-rgb, 0, 119, 255), 0.12), 0 8px 20px rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.onboarding-products-channel-card--disabled .onboarding-products-channel-card-inner {
	border-style: dashed;
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.03);
}

.onboarding-products-channel-card--disabled:hover .onboarding-products-channel-card-inner,
.onboarding-products-channel-card--disabled:focus-within .onboarding-products-channel-card-inner {
	border-color: var(--bs-border-color, #dee6ed);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	transform: none;
}

body[data-theme=dark] .onboarding-products-channel-card-inner {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-products-channel-card-logo {
	background: rgba(255, 255, 255, 0.97);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

body[data-theme=dark] .onboarding-products-channel-card-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-products-channel-card-footer {
	border-top-color: rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .onboarding-products-analyze-error-btn {
	color: rgba(255, 255, 255, 0.55);
	background: transparent;
	border-color: transparent;
}

body[data-theme=dark] .onboarding-products-analyze-error-btn:hover,
body[data-theme=dark] .onboarding-products-analyze-error-btn:focus-visible {
	color: rgba(255, 255, 255, 0.88);
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-products-channel-card-status.onboarding-sc-item-status--pending {
	color: rgba(254, 254, 254, 0.72);
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-products-channel-card-status.onboarding-sc-item-status--error {
	color: #f0a0a0;
	background: rgba(217, 83, 79, 0.12);
	border-color: rgba(217, 83, 79, 0.28);
}

body[data-theme=dark] .onboarding-products-channel-card.is-selected .onboarding-products-channel-card-inner {
	background: linear-gradient(180deg, rgba(var(--primary-rgb, 0, 119, 255), 0.1) 0%, rgba(32, 33, 36, 0.95) 38%);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
}

body[data-theme=dark] .onboarding-products-channel-card-check {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.15);
}

body[data-theme=dark] .onboarding-products-fetch-stock-btn {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
}

body[data-theme=dark] .onboarding-products-fetch-stock-btn:hover,
body[data-theme=dark] .onboarding-products-fetch-stock-btn:focus-visible {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

.onboarding-products-channel-card.is-selected .onboarding-products-channel-card-check {
	opacity: 1;
	transform: scale(1);
	border-color: var(--primary, #0077ff);
	background: var(--primary, #0077ff);
	color: var(--primary-btn-color, #fff);
}

.onboarding-products-count {
	font-size: 0.75rem;
	font-weight: 500;
	min-width: 1.75rem;
	text-align: center;
}

body[data-theme=dark] .onboarding-products-count {
	background: rgba(255, 255, 255, 0.08) !important;
	color: var(--bs-body-color, #fefefe) !important;
}

.onboarding-products-no-source {
	padding: 0 1.25rem 1rem;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.8125rem;
}

.onboarding-products-preview {
	padding: 0 1.25rem 1.25rem;
}

.onboarding-products-preview-table-wrap {
	width: 100%;
}

.onboarding-products-preview-table-wrap .dataTables_wrapper {
	width: 100%;
}

.onboarding-products-preview-table-wrap .dataTables_length,
.onboarding-products-preview-table-wrap .dataTables_filter {
	margin-bottom: 0.75rem;
}

.onboarding-products-preview-table-wrap .dataTables_info,
.onboarding-products-preview-table-wrap .dataTables_paginate {
	margin-top: 0.75rem;
}

@media (max-width: 575.98px) {
	.onboarding-products-preview {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.onboarding-products-preview-table-wrap .dataTables_length,
	.onboarding-products-preview-table-wrap .dataTables_filter {
		text-align: left;
	}

	.onboarding-products-preview-table-wrap .dataTables_filter input {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-top: 0.35rem;
	}
}

.onboarding-products-preview-table th {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	border-bottom-width: 1px;
}

.onboarding-products-preview-product {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	max-width: 100%;
}

.onboarding-products-preview-img {
	width: 2.25rem;
	height: 2.25rem;
	object-fit: contain;
	border-radius: 0.25rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	padding: 2px;
	flex-shrink: 0;
}

body[data-theme=dark] .onboarding-products-preview-img {
	background: #fff;
	border-color: rgba(255, 255, 255, 0.12);
}

.onboarding-products-preview-arrow-col {
	width: 2rem;
}

.onboarding-products-preview-cards {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.onboarding-products-preview-card {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	padding: 0.875rem;
	background: var(--bs-body-bg, #fff);
}

body[data-theme=dark] .onboarding-products-preview-card {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.12);
}

.onboarding-products-preview-card-head {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.onboarding-products-preview-card-title {
	font-weight: 500;
	line-height: 1.35;
	word-break: break-word;
}

.onboarding-products-preview-card-stocks {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.8125rem;
}

.onboarding-products-preview-empty,
.onboarding-products-preview-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-height: 8.5rem;
	padding: 2rem 1.25rem;
	text-align: center;
	color: var(--bs-secondary-color, #6c757d);
	border: 1px dashed rgba(var(--primary-rgb, 0, 119, 255), 0.2);
	border-radius: 0.625rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.03);
}

.onboarding-products-preview-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.onboarding-products-preview-empty p {
	max-width: 16rem;
	font-size: 0.8125rem;
	line-height: 1.45;
}

body[data-theme=dark] .onboarding-products-preview-empty,
body[data-theme=dark] .onboarding-products-preview-loading {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.25);
}

body[data-theme=dark] .onboarding-products-preview-empty-icon {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.15);
}

/* Onboarding — stock sync step */
.onboarding-stock-sync-progress {
	margin: 0 0 1.25rem;
	padding: 0.875rem 1rem;
	border-radius: 0.625rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.15);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
}

.onboarding-stock-sync-progress.is-success {
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.25);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
}

.onboarding-stock-sync-progress.is-danger {
	border-color: rgba(217, 83, 79, 0.25);
	background: rgba(217, 83, 79, 0.08);
}

.onboarding-stock-sync-progress-head {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 0.625rem;
	min-height: 1.25rem;
}

.onboarding-stock-sync-progress-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.375rem;
	height: 1.375rem;
	flex-shrink: 0;
	color: var(--primary, #0077ff);
	font-size: 0.9375rem;
}

.onboarding-stock-sync-progress.is-success .onboarding-stock-sync-progress-icon {
	color: var(--success, #3fc77d);
}

.onboarding-stock-sync-progress.is-danger .onboarding-stock-sync-progress-icon {
	color: var(--bs-danger, #d9534f);
}

.onboarding-stock-sync-progress-label {
	font-size: 0.8125rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-stock-sync-progress-bar-track {
	height: 0.4rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	overflow: hidden;
}

.onboarding-stock-sync-progress-bar-track .progress-bar {
	font-size: 0;
	border-radius: 999px;
	transition: width 0.35s ease;
}

body[data-theme=dark] .onboarding-stock-sync-progress {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
}

body[data-theme=dark] .onboarding-stock-sync-progress.is-success {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.28);
}

body[data-theme=dark] .onboarding-stock-sync-progress-label {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-stock-sync-progress-bar-track {
	background: rgba(255, 255, 255, 0.08);
}

/* Onboarding — warehouse setup step */
.onboarding-warehouse-setup-panel {
	margin-bottom: 0;
	padding: 1.25rem 1.5rem 1.35rem;
}

.onboarding-whs-flow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 1rem;
	margin: 0;
	padding: 0 0 1.125rem;
	list-style: none;
	border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
}

.onboarding-whs-flow-item {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
}

.onboarding-whs-flow-item + .onboarding-whs-flow-item::before {
	content: '';
	display: inline-block;
	width: 1.25rem;
	height: 1px;
	margin-right: 0.65rem;
	background: var(--bs-border-color, #dee6ed);
	flex-shrink: 0;
}

.onboarding-whs-flow-item--muted .onboarding-whs-flow-text {
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-whs-flow-item.is-active .onboarding-whs-flow-badge {
	background: var(--primary, #0077ff);
	color: #fff;
}

.onboarding-whs-flow-item.is-active .onboarding-whs-flow-text {
	color: var(--primary, #0077ff);
	font-weight: 500;
}

.onboarding-whs-flow-item.is-complete .onboarding-whs-flow-badge {
	background: rgba(63, 199, 125, 0.14);
	color: var(--success, #3fc77d);
}

.onboarding-whs-flow-item.is-complete .onboarding-whs-flow-text {
	color: var(--bs-gray-700, #495057);
}

.onboarding-whs-flow-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.1);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1;
	flex-shrink: 0;
}

.onboarding-whs-flow-text {
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
	white-space: nowrap;
}

.onboarding-whs-import-progress {
	margin: 1rem 0 0;
	padding: 0.75rem 0;
}

.onboarding-whs-import-progress-head {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 0.625rem;
}

.onboarding-whs-import-progress-icon {
	color: var(--primary, #0077ff);
	font-size: 0.9375rem;
}

.onboarding-whs-import-progress-label {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-whs-import-progress-bar-track {
	height: 0.4rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	overflow: hidden;
}

.onboarding-whs-import-progress-bar-track .progress-bar {
	font-size: 0;
	border-radius: 999px;
	transition: width 0.35s ease;
}

.onboarding-whs-tracks {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 0;
	padding-top: 1rem;
}

.onboarding-whs-track {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem 1.25rem;
	padding: 1rem 1.125rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.03);
}

.onboarding-whs-track.is-complete {
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.18);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.04);
}

.onboarding-whs-track-body {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
}

.onboarding-whs-track-head {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

.onboarding-whs-track-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.45rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.9375rem;
	flex-shrink: 0;
}

.onboarding-whs-own-stock-scope-note {
	display: flex;
	align-items: flex-start;
	gap: 0.35rem;
	margin: 0.5rem 0 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-whs-own-stock-scope-note i {
	margin-top: 0.1rem;
	flex-shrink: 0;
	color: var(--primary, #0077ff);
}

.onboarding-whs-own-stock-hint {
	display: flex;
	align-items: flex-start;
	gap: 0.35rem;
	margin: 0;
	padding-left: 3rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #9a6b00;
}

.onboarding-whs-own-stock-hint i {
	margin-top: 0.1rem;
	flex-shrink: 0;
}

.onboarding-whs-track-stat--muted {
	background: transparent;
	border: 0;
	padding: 0;
}

.onboarding-swal-popup--own-stock-confirm {
	max-width: 28rem !important;
	padding: 1.35rem 1.35rem 1.2rem !important;
}

.onboarding-swal-popup--own-stock-confirm .onboarding-swal-title {
	text-align: left !important;
	padding: 0 0 0.65rem !important;
	line-height: 1.35 !important;
}

.onboarding-swal-popup--own-stock-confirm .onboarding-swal-actions {
	margin-top: 1rem !important;
}

.onboarding-swal-content--own-stock {
	align-items: stretch;
	gap: 0.75rem;
}

.onboarding-swal-content--own-stock .onboarding-swal-lead {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	text-align: left;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-swal-own-stock-warning {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #9a6b00;
}

.onboarding-swal-own-stock-warning i {
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.onboarding-whs-track-copy {
	flex: 1;
	min-width: 0;
}

.onboarding-whs-track-title {
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-emphasis-color, var(--bs-gray-700, #495057));
}

.onboarding-whs-track-lead {
	margin-top: 0.35rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-whs-track-meta {
	padding-left: 3rem;
}

.onboarding-whs-track-stat {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.08);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.75rem;
	line-height: 1.2;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.onboarding-whs-track-stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0;
	opacity: 0;
	overflow: hidden;
	font-size: 0.875rem;
	transition: width 0.2s ease, opacity 0.2s ease;
}

.onboarding-whs-track-stat-copy {
	display: inline-flex;
	align-items: baseline;
	gap: 0.3rem;
}

.onboarding-whs-track-stat-value {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--bs-emphasis-color, var(--bs-gray-700, #495057));
}

.onboarding-whs-track-stat-label {
	font-size: 0.75rem;
}

.onboarding-whs-track-stat.is-done,
.onboarding-whs-track.is-complete .onboarding-whs-track-stat {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	color: var(--success, #3fc77d);
}

.onboarding-whs-track-stat.is-done .onboarding-whs-track-stat-value,
.onboarding-whs-track.is-complete .onboarding-whs-track-stat-value,
.onboarding-whs-track-stat.is-done .onboarding-whs-track-stat-label,
.onboarding-whs-track.is-complete .onboarding-whs-track-stat-label {
	color: var(--success, #3fc77d);
}

.onboarding-whs-track-stat.is-done .onboarding-whs-track-stat-icon,
.onboarding-whs-track.is-complete .onboarding-whs-track-stat-icon {
	width: 0.875rem;
	opacity: 1;
	color: var(--success, #3fc77d);
}

.onboarding-whs-track-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	flex-shrink: 0;
}

.onboarding-whs-track-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 40px;
	padding: 0.4rem 0.875rem;
	font-size: 0.8125rem;
	font-weight: 500;
	border-radius: 0.375rem;
	white-space: nowrap;
}

.onboarding-whs-track-btn--secondary {
	min-height: 40px;
}

.onboarding-whs-help {
	margin-top: 0.875rem;
	padding-top: 0;
	border-top: 0;
	text-align: left;
	font-size: 0.8125rem;
}

.onboarding-whs-help a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: none;
}

.onboarding-whs-help a:hover {
	color: var(--primary, #0077ff);
	text-decoration: underline;
}

@media (max-width: 991.98px) {
	.onboarding-whs-track {
		grid-template-columns: 1fr;
		gap: 0.875rem;
	}

	.onboarding-whs-track-actions {
		justify-content: flex-start;
	}
}

@media (max-width: 767.98px) {
	.onboarding-warehouse-setup-panel {
		padding: 1rem;
	}

	.onboarding-whs-flow {
		gap: 0.5rem 0.75rem;
	}

	.onboarding-whs-flow-item + .onboarding-whs-flow-item::before {
		display: none;
	}

	.onboarding-whs-track-meta {
		padding-left: 0;
	}

	.onboarding-whs-track-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.onboarding-whs-track-btn {
		width: 100%;
		min-height: 44px;
	}

	.onboarding-whs-own-stock-hint {
		padding-left: 0;
	}

	.onboarding-whs-own-stock-scope-note {
		margin-top: 0.4rem;
	}
}

body[data-theme=dark] .onboarding-whs-flow,
body[data-theme=dark] .onboarding-whs-track {
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-whs-track {
	background: rgba(255, 255, 255, 0.03);
}

body[data-theme=dark] .onboarding-whs-track.is-complete {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.2);
}

body[data-theme=dark] .onboarding-whs-flow-text,
body[data-theme=dark] .onboarding-whs-track-title,
body[data-theme=dark] .onboarding-whs-import-progress-label,
body[data-theme=dark] .onboarding-whs-track-stat-value {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-whs-import-progress-bar-track {
	background: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-whs-own-stock-hint {
	color: #efb540;
}

.onboarding-swal-popup {
	border-radius: 0.75rem !important;
	box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.14) !important;
}

.onboarding-swal-title {
	font-size: 1.125rem !important;
	font-weight: 500 !important;
	color: #495057 !important;
	padding: 0 0 0.35rem !important;
}

.onboarding-swal-html {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.onboarding-swal-actions {
	gap: 0.625rem !important;
	margin-top: 1.35rem !important;
	padding: 0 !important;
	width: 100%;
	flex-wrap: nowrap !important;
}

.onboarding-swal-btn {
	min-height: 44px;
	min-width: 0;
	flex: 1 1 0;
	margin: 0 !important;
	padding: 0.5rem 1rem !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	border-radius: 0.35rem !important;
	box-shadow: none !important;
}

.onboarding-swal-btn--cancel {
	border: 1px solid var(--bs-border-color, #dee2e6) !important;
	background: var(--bs-body-bg, #fff) !important;
	color: var(--bs-body-color, #495057) !important;
}

.onboarding-swal-content {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.875rem;
}

.onboarding-swal-icon {
	width: 3rem;
	height: 3rem;
	margin: 0 auto 0.15rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
}

.onboarding-swal-icon--primary {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
}

.onboarding-swal-icon--success {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	color: var(--success, #3fc77d);
}

.onboarding-swal-icon--warning {
	background: rgba(239, 181, 64, 0.16);
	color: #c9922e;
}

.onboarding-swal-popup--notice .onboarding-swal-actions {
	justify-content: center;
}

.onboarding-swal-popup--notice .onboarding-swal-btn {
	flex: 0 1 auto;
	min-width: 8.5rem;
}

.onboarding-swal-popup--result .swal2-icon {
	display: none !important;
}

.onboarding-swal-popup--confirm .onboarding-swal-title,
.onboarding-swal-popup--result .onboarding-swal-title {
	text-align: center !important;
	padding-bottom: 0.15rem !important;
}

.onboarding-swal-content--confirm {
	align-items: center;
}

.onboarding-swal-content--stock-sync {
	align-items: stretch;
	gap: 0.75rem;
}

.onboarding-swal-popup--stock-sync-confirm {
	max-width: 28rem !important;
	padding: 1.35rem 1.35rem 1.2rem !important;
}

.onboarding-swal-popup--stock-sync-confirm .onboarding-swal-title {
	text-align: left !important;
	padding: 0 0 0.65rem !important;
	line-height: 1.35 !important;
}

.onboarding-swal-popup--stock-sync-confirm .onboarding-swal-actions {
	margin-top: 1rem !important;
}

.onboarding-swal-content--stock-sync .onboarding-swal-lead {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	text-align: left;
}

.onboarding-swal-stock-sync-checklist {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.onboarding-swal-stock-sync-checklist li {
	position: relative;
	margin: 0;
	padding: 0 0 0 1.15rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-gray-700, #495057);
}

.onboarding-swal-stock-sync-checklist li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 999px;
	background: var(--primary, #0077ff);
	transform: translateY(-50%);
}

.onboarding-swal-stock-sync-footnote {
	margin: 0;
	padding-top: 0.15rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-swal-option-grid {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.onboarding-swal-option {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 0.7rem 0.8rem;
	border-radius: 0.5rem;
	background: #f4f7f9;
	border: 1px solid #e2e8ee;
	text-align: left;
}

.onboarding-swal-option-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.75rem;
}

.onboarding-swal-option-copy {
	min-width: 0;
}

.onboarding-swal-option-title {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	color: #495057;
}

.onboarding-swal-option-desc {
	display: block;
	margin-top: 0.12rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #6c757d;
}

.onboarding-swal-popup--result .onboarding-swal-actions {
	flex-direction: column;
}

.onboarding-swal-popup--result .onboarding-swal-btn {
	flex: none;
	width: 100%;
}

.onboarding-swal-content--success {
	align-items: center;
}

.onboarding-swal-popup--finish {
	max-width: 26rem !important;
	padding: 1.75rem 1.5rem 1.5rem !important;
}

.onboarding-swal-content--finish {
	align-items: center;
	text-align: center;
}

.onboarding-swal-icon--finish {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 1.2rem;
}

.onboarding-swal-lead--center {
	text-align: center;
	margin: 0;
	max-width: 20rem;
}

.onboarding-swal-checklist--finish {
	width: 100%;
	margin-top: 0.15rem;
	padding: 0.85rem 0.95rem;
	border-radius: 0.5rem;
	background: #f4f7f9;
	border: 1px solid #e2e8ee;
}

.onboarding-swal-popup--finish .onboarding-swal-btn {
	flex: none;
	width: 100%;
}

/* Onboarding finish launch — full-screen transition into the platform */
body.onboarding-finish-launch-active {
	overflow: hidden;
}

body.onboarding-finish-launch-active .onboarding-wizard-shell {
	filter: blur(8px) brightness(0.96);
	transform: scale(0.99);
	transition: filter 0.6s ease, transform 0.6s ease;
}

.onboarding-finish-launch {
	position: fixed;
	inset: 0;
	z-index: 20000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.45s ease, visibility 0.45s ease;
	cursor: pointer;
}

.onboarding-finish-launch.is-active {
	opacity: 1;
	visibility: visible;
}

.onboarding-finish-launch.is-exiting {
	pointer-events: none;
}

.onboarding-finish-launch__backdrop {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 80% 60% at 50% 40%, rgba(var(--primary-rgb, 0, 119, 255), 0.09), transparent 70%),
		rgba(247, 249, 252, 0.78);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

body[data-theme=dark] .onboarding-finish-launch__backdrop {
	background:
		radial-gradient(ellipse 80% 60% at 50% 40%, rgba(var(--primary-rgb, 0, 119, 255), 0.12), transparent 70%),
		rgba(14, 16, 19, 0.8);
}

.onboarding-finish-launch__flash {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: var(--bs-body-bg, #f7f9fc);
	opacity: 0;
	z-index: 3;
}

.onboarding-finish-launch.is-exiting .onboarding-finish-launch__flash {
	animation: onboarding-finish-flash 0.45s ease forwards;
}

.onboarding-finish-launch.is-exiting .onboarding-finish-launch__card {
	animation: onboarding-finish-card-out 0.45s ease forwards;
}

@keyframes onboarding-finish-flash {
	0% { opacity: 0; }
	40% { opacity: 0.85; }
	100% { opacity: 1; }
}

@keyframes onboarding-finish-card-out {
	to { opacity: 0; transform: translateY(-8px) scale(0.98); }
}

.onboarding-finish-launch__content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 26rem;
	cursor: default;
}

.onboarding-finish-launch__card {
	padding: 2rem 1.75rem 1.65rem;
	border-radius: 1rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e8eef4;
	box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.08);
	transform: translateY(16px);
	opacity: 0;
}

body[data-theme=dark] .onboarding-finish-launch__card {
	background: rgba(32, 33, 36, 0.98);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.35);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__card {
	animation: onboarding-finish-card-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}

@keyframes onboarding-finish-card-in {
	to { opacity: 1; transform: translateY(0); }
}

.onboarding-finish-launch__brand {
	position: relative;
	width: 4.5rem;
	height: 4.5rem;
	margin: 0 auto 1.25rem;
	border-radius: 50%;
	background: #f4f7f9;
	border: 1px solid #e8eef4;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: scale(0.92);
}

body[data-theme=dark] .onboarding-finish-launch__brand {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__brand {
	animation: onboarding-finish-fade-in 0.5s ease 0.15s forwards;
}

.onboarding-finish-launch__logo {
	max-width: 2.5rem;
	max-height: 2.5rem;
	object-fit: contain;
}

.onboarding-finish-launch__logo--branded {
	max-width: 3rem;
	max-height: 3rem;
}

.onboarding-finish-launch__check {
	position: absolute;
	right: -0.1rem;
	bottom: -0.1rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background: var(--success, #3fc77d);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.65rem;
	border: 2px solid #fff;
	box-shadow: 0 0.15rem 0.4rem rgba(63, 199, 125, 0.35);
	transform: scale(0);
}

body[data-theme=dark] .onboarding-finish-launch__check {
	border-color: rgba(32, 33, 36, 0.98);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__check {
	animation: onboarding-finish-check-in 0.35s cubic-bezier(0.34, 1.4, 0.64, 1) 0.45s forwards;
}

@keyframes onboarding-finish-check-in {
	to { transform: scale(1); }
}

.onboarding-finish-launch__title {
	margin: 0 0 0.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	color: #495057;
	line-height: 1.3;
	opacity: 0;
	transform: translateY(8px);
}

body[data-theme=dark] .onboarding-finish-launch__title {
	color: var(--bs-body-color, #fefefe);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__title {
	animation: onboarding-finish-fade-up 0.5s ease 0.3s forwards;
}

.onboarding-finish-launch__lead {
	margin: 0 auto 1.35rem;
	max-width: 20rem;
	font-size: 0.9rem;
	color: #6c757d;
	line-height: 1.55;
	opacity: 0;
	transform: translateY(8px);
}

body[data-theme=dark] .onboarding-finish-launch__lead {
	color: rgba(254, 254, 254, 0.65);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__lead {
	animation: onboarding-finish-fade-up 0.5s ease 0.4s forwards;
}

@keyframes onboarding-finish-fade-up {
	to { opacity: 1; transform: translateY(0); }
}

@keyframes onboarding-finish-fade-in {
	to { opacity: 1; transform: scale(1); }
}

.onboarding-finish-launch__highlights {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0.85rem 1rem;
	text-align: left;
	border-radius: 0.65rem;
	background: #f8fafc;
	border: 1px solid #edf2f7;
}

body[data-theme=dark] .onboarding-finish-launch__highlights {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.08);
}

.onboarding-finish-launch__highlight {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	font-size: 0.85rem;
	color: #495057;
	line-height: 1.5;
	opacity: 0;
	transform: translateY(6px);
}

body[data-theme=dark] .onboarding-finish-launch__highlight {
	color: var(--bs-body-color, #fefefe);
}

.onboarding-finish-launch__highlight + .onboarding-finish-launch__highlight {
	margin-top: 0.6rem;
	padding-top: 0.6rem;
	border-top: 1px solid #edf2f7;
}

body[data-theme=dark] .onboarding-finish-launch__highlight + .onboarding-finish-launch__highlight {
	border-top-color: rgba(255, 255, 255, 0.08);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__highlight {
	animation: onboarding-finish-fade-up 0.45s ease var(--highlight-delay, 0.55s) forwards;
}

.onboarding-finish-launch__highlight-icon {
	flex-shrink: 0;
	width: 1.1rem;
	height: 1.1rem;
	margin-top: 0.15rem;
	border-radius: 50%;
	background: rgba(63, 199, 125, 0.12);
	color: var(--success, #3fc77d);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.5rem;
}

.onboarding-finish-launch__highlight-text {
	flex: 1;
}

.onboarding-finish-launch__launchbar {
	max-width: 14rem;
	margin: 0 auto;
	opacity: 0;
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__launchbar {
	animation: onboarding-finish-fade-up 0.45s ease 0.95s forwards;
}

.onboarding-finish-launch__launchbar-track {
	height: 3px;
	border-radius: 2px;
	background: #e8eef4;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

body[data-theme=dark] .onboarding-finish-launch__launchbar-track {
	background: rgba(255, 255, 255, 0.1);
}

.onboarding-finish-launch__launchbar-fill {
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: var(--primary, #0077ff);
}

.onboarding-finish-launch.is-active .onboarding-finish-launch__launchbar-fill {
	animation: onboarding-finish-progress 3s ease 1s forwards;
}

.onboarding-finish-launch.is-ready .onboarding-finish-launch__launchbar-fill {
	width: 100% !important;
	animation: none;
	background: var(--success, #3fc77d);
}

@keyframes onboarding-finish-progress {
	to { width: 100%; }
}

.onboarding-finish-launch__launchbar-label {
	display: block;
	font-size: 0.75rem;
	color: #adb5bd;
	letter-spacing: 0.01em;
	transition: color 0.25s ease;
}

.onboarding-finish-launch.is-ready .onboarding-finish-launch__launchbar-label {
	color: #6c757d;
}

body[data-theme=dark] .onboarding-finish-launch__launchbar-label {
	color: rgba(254, 254, 254, 0.45);
}

body[data-theme=dark] .onboarding-finish-launch.is-ready .onboarding-finish-launch__launchbar-label {
	color: rgba(254, 254, 254, 0.65);
}

@media (max-width: 576px) {
	.onboarding-finish-launch {
		padding: 1rem;
	}

	.onboarding-finish-launch__card {
		padding: 1.65rem 1.25rem 1.35rem;
	}

	.onboarding-finish-launch__title {
		font-size: 1.35rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.onboarding-finish-launch__card,
	.onboarding-finish-launch__brand,
	.onboarding-finish-launch__check,
	.onboarding-finish-launch__title,
	.onboarding-finish-launch__lead,
	.onboarding-finish-launch__highlight,
	.onboarding-finish-launch__launchbar,
	.onboarding-finish-launch__launchbar-fill,
	.onboarding-finish-launch__flash {
		animation: none !important;
		transition: none !important;
	}

	.onboarding-finish-launch.is-active .onboarding-finish-launch__card,
	.onboarding-finish-launch.is-active .onboarding-finish-launch__brand,
	.onboarding-finish-launch.is-active .onboarding-finish-launch__check,
	.onboarding-finish-launch.is-active .onboarding-finish-launch__title,
	.onboarding-finish-launch.is-active .onboarding-finish-launch__lead,
	.onboarding-finish-launch.is-active .onboarding-finish-launch__highlight,
	.onboarding-finish-launch.is-active .onboarding-finish-launch__launchbar {
		opacity: 1;
		transform: none;
	}

	.onboarding-finish-launch.is-active .onboarding-finish-launch__launchbar-fill {
		width: 100%;
	}

	body.onboarding-finish-launch-active .onboarding-wizard-shell {
		filter: none;
		transform: none;
	}
}

.onboarding-swal-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.625rem;
	width: 100%;
}

.onboarding-swal-stat-grid:has(.onboarding-swal-stat:only-child),
.onboarding-swal-stat-grid--single {
	grid-template-columns: minmax(0, 1fr);
	max-width: 11rem;
	margin: 0 auto;
}

.onboarding-swal-stat {
	padding: 0.8rem 0.65rem;
	border-radius: 0.5rem;
	background: #f4f7f9;
	border: 1px solid #e2e8ee;
	text-align: center;
}

.onboarding-swal-stat-value {
	display: block;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.15;
	color: #495057;
}

.onboarding-swal-stat--highlight .onboarding-swal-stat-value {
	color: var(--success, #3fc77d);
}

.onboarding-swal-stat-label {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.6875rem;
	line-height: 1.35;
	color: #6c757d;
}

.onboarding-swal-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	align-self: center;
	max-width: 100%;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.16);
	color: #495057;
	font-size: 0.8125rem;
	font-weight: 500;
}

.onboarding-swal-badge i {
	color: var(--primary, #0077ff);
	font-size: 0.75rem;
}

.onboarding-swal-lead,
.onboarding-swal-text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: #6c757d;
	text-align: center;
}

.onboarding-swal-checklist {
	list-style: none;
	margin: 0;
	padding: 0.75rem 0.875rem;
	border-radius: 0.5rem;
	background: #f4f7f9;
	border: 1px solid #e2e8ee;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.onboarding-swal-checklist li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #495057;
}

.onboarding-swal-checklist li i {
	margin-top: 0.15rem;
	color: var(--success, #3fc77d);
	font-size: 0.6875rem;
	flex-shrink: 0;
}

.onboarding-swal-popup--preset-confirm {
	width: 34rem !important;
	max-width: calc(100vw - 1.5rem) !important;
}

.onboarding-swal-content--preset-confirm {
	align-items: stretch;
	gap: 1rem;
}

.onboarding-swal-preset-hero {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 0.9rem 1rem;
	border-radius: 0.65rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.14);
}

.onboarding-swal-preset-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.65rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.onboarding-swal-preset-hero-copy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
}

.onboarding-swal-preset-hero-title {
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

.onboarding-swal-preset-hero-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.2;
}

.onboarding-swal-lead--preset {
	text-align: left;
}

.onboarding-swal-preset-templates-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.onboarding-swal-preset-templates-label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem 0.75rem;
	margin: 0;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-secondary-color, #6c757d);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.onboarding-swal-preset-templates-count {
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
	background: rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.05);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
}

.onboarding-swal-preset-templates {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.onboarding-swal-preset-template-item {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 0.75rem 0.85rem;
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.onboarding-swal-preset-template-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1;
}

.onboarding-swal-preset-template-copy {
	min-width: 0;
}

.onboarding-swal-preset-template-title {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
}

.onboarding-swal-preset-template-desc {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-swal-stats {
	list-style: none;
	margin: 0;
	padding: 0.65rem 0.875rem;
	border-radius: 0.5rem;
	background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
	border: 1px solid rgba(var(--success-rgb, 63, 199, 125), 0.18);
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.onboarding-swal-stats li {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #495057;
}

.onboarding-swal-popup .swal2-icon.swal2-success {
	margin: 0.25rem auto 0.75rem !important;
	transform: scale(0.9);
}

body[data-theme=dark] .onboarding-swal-popup.swal2-popup,
body[data-theme=dark] .swal2-popup.onboarding-swal-popup {
	background: rgb(var(--bs-modal-bg-rgb, 36, 37, 40)) !important;
	color: var(--bs-body-color, #fefefe) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.45) !important;
}

body[data-theme=dark] .onboarding-swal-title {
	color: var(--bs-body-color, #fefefe) !important;
}

body[data-theme=dark] .onboarding-swal-btn--cancel {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: var(--bs-body-color, #fefefe) !important;
}

body[data-theme=dark] .onboarding-swal-badge {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.24);
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-swal-checklist {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-swal-popup--stock-sync-confirm .onboarding-swal-title {
	color: rgba(255, 255, 255, 0.92) !important;
}

body[data-theme=dark] .onboarding-swal-stock-sync-checklist li {
	color: rgba(255, 255, 255, 0.88);
}

body[data-theme=dark] .onboarding-swal-popup--own-stock-confirm .onboarding-swal-title {
	color: rgba(255, 255, 255, 0.92) !important;
}

body[data-theme=dark] .onboarding-swal-own-stock-warning {
	color: #efb540;
}

body[data-theme=dark] .onboarding-swal-option {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-swal-option-title {
	color: rgba(254, 254, 254, 0.92);
}

body[data-theme=dark] .onboarding-swal-option-desc {
	color: rgba(254, 254, 254, 0.62);
}

body[data-theme=dark] .onboarding-swal-checklist li {
	color: rgba(254, 254, 254, 0.92);
}

body[data-theme=dark] .onboarding-swal-checklist--finish {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-swal-preset-hero {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
}

body[data-theme=dark] .onboarding-swal-preset-hero-title,
body[data-theme=dark] .onboarding-swal-preset-template-title {
	color: rgba(254, 254, 254, 0.92);
}

body[data-theme=dark] .onboarding-swal-preset-template-item {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

body[data-theme=dark] .onboarding-swal-preset-templates-count {
	background: rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .onboarding-swal-icon--warning {
	background: rgba(239, 181, 64, 0.18);
	color: #efb540;
}

body[data-theme=dark] .onboarding-swal-stat {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-swal-stat-value {
	color: rgba(254, 254, 254, 0.95);
}

body[data-theme=dark] .onboarding-swal-stat--highlight .onboarding-swal-stat-value {
	color: var(--success, #3fc77d);
}

body[data-theme=dark] .onboarding-swal-stat-label {
	color: rgba(254, 254, 254, 0.62);
}

body[data-theme=dark] .onboarding-swal-lead,
body[data-theme=dark] .onboarding-swal-text {
	color: rgba(254, 254, 254, 0.72);
}

body[data-theme=dark] .onboarding-swal-stats li {
	color: rgba(254, 254, 254, 0.92);
}

body[data-theme=dark] .onboarding-swal-stats {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.22);
}

@media (max-width: 575.98px) {
	.onboarding-swal-popup {
		width: calc(100vw - 1.5rem) !important;
		margin: 0 0.75rem !important;
	}

	.onboarding-swal-actions {
		flex-direction: column-reverse;
	}

	.onboarding-swal-btn {
		width: 100%;
		flex: none;
	}
}

/* Connect modal — info callout + feature list (OTTO and similar) */
.sales-channels-connect-info {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	padding: 1rem 1.125rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.15);
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

.sales-channels-connect-info-icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	font-size: 0.95rem;
}

.sales-channels-connect-info-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.sales-channels-connect-info-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-700, #495057);
	margin: 0;
}

.sales-channels-connect-info-text {
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--bs-secondary-color, #6c757d);
}

.sales-channels-connect-info-list {
	margin: 0;
	padding-left: 1.125rem;
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--bs-secondary-color, #6c757d);
}

.sales-channels-connect-info-list li + li {
	margin-top: 0.5rem;
}

.sales-channels-connect-ebay-step {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	padding: 1rem 1.125rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
}

.sales-channels-connect-ebay-step-icon {
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--primary, #0077ff);
	color: #fff;
	font-size: 0.95rem;
}

.sales-channels-connect-ebay-step-title {
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-800, #212529);
	margin: 0;
}

.sales-channels-connect-ebay-step-text {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-gray-700, #495057);
}

.sales-channels-connect-ebay-regions {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.sales-channels-connect-ebay-region {
	padding: 0.875rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: var(--bs-gray-100, #f4f7f9);
}

.sales-channels-connect-ebay-region-title {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	margin: 0 0 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.sales-channels-connect-ebay-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.625rem;
}

@media (min-width: 576px) {
	.sales-channels-connect-ebay-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.sales-channels-connect-ebay-site {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	min-height: 3rem;
	padding: 0.625rem 0.875rem;
	border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.12));
	border-radius: 0.4rem;
	background: var(--bs-card-bg, #fff);
	color: var(--bs-gray-800, #212529);
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.sales-channels-connect-ebay-site:hover,
.sales-channels-connect-ebay-site:focus {
	border-color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
	color: var(--bs-gray-800, #212529);
	text-decoration: none;
	box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb, 0, 119, 255), 0.15);
	transform: translateY(-1px);
}

.sales-channels-connect-ebay-site-content {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	min-width: 0;
	flex: 1 1 auto;
}

.sales-channels-connect-ebay-site-label {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--bs-gray-800, #212529);
	min-width: 0;
}

.sales-channels-connect-ebay-site-badge {
	flex-shrink: 0;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1;
	padding: 0.25rem 0.45rem;
	border-radius: 0.25rem;
	background: var(--bs-gray-200, #e2e8ee);
	color: var(--bs-gray-700, #495057);
	letter-spacing: 0.02em;
}

.sales-channels-connect-ebay-site-badge-icon {
	width: 1.625rem;
	height: 1.625rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	font-size: 0.75rem;
}

.sales-channels-connect-ebay-site-action {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	white-space: nowrap;
}

.sales-channels-connect-ebay-site-action i {
	font-size: 0.6875rem;
	transition: transform 0.15s ease;
}

.sales-channels-connect-ebay-site:hover .sales-channels-connect-ebay-site-action i,
.sales-channels-connect-ebay-site:focus .sales-channels-connect-ebay-site-action i {
	transform: translateX(2px);
}

.sales-channels-connect-ebay-modal .modal-body {
	max-height: min(72vh, 680px);
	overflow-y: auto;
}

.sales-channels-connect-features-title {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	margin: 0;
}

.sales-channels-connect-features-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.sales-channels-connect-features-list li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--bs-body-color, #495057);
}

.sales-channels-connect-features-icon {
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--bs-gray-100, #f4f7f9);
	color: var(--primary, #0077ff);
	font-size: 0.75rem;
}

.sales-channels-connect-action-btn {
	min-height: 2.75rem;
	border-radius: 0.35rem;
}

body[data-theme=dark] .sales-channels-connect-info {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
}

body[data-theme=dark] .sales-channels-connect-info-title,
body[data-theme=dark] .sales-channels-connect-features-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .sales-channels-connect-features-list li {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .sales-channels-connect-features-icon {
	background: rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .sales-channels-connect-ebay-step {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
}

body[data-theme=dark] .sales-channels-connect-ebay-step-title,
body[data-theme=dark] .sales-channels-connect-ebay-step-text {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .sales-channels-connect-ebay-region {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .sales-channels-connect-ebay-region-title {
	color: var(--bs-body-color, #fefefe);
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .sales-channels-connect-ebay-site {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: none;
}

body[data-theme=dark] .sales-channels-connect-ebay-site-label {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .sales-channels-connect-ebay-site:hover,
body[data-theme=dark] .sales-channels-connect-ebay-site:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.14);
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .sales-channels-connect-ebay-site-badge {
	background: rgba(255, 255, 255, 0.1);
	color: var(--bs-body-color, #fefefe);
}

.onboarding-sales-channels-connect .sales-channels-connect .modal-dialog {
	margin-left: auto;
	margin-right: auto;
}

.onboarding-sales-channels-connect .channel-card.hidden {
	display: none !important;
}

body[data-theme=dark] .onboarding-sales-channels-connect .sales-channels-connect .nav-pills .nav-link {
	background: rgba(255, 255, 255, 0.04);
}

.onboarding-settings-group {
	padding: 1.25rem 1.5rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-settings-group:first-child {
	border-top: 0;
}

.onboarding-settings-group-header {
	margin-bottom: 0.75rem;
}

.onboarding-settings-group-title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.35;
}

.onboarding-settings-group-lead {
	margin: 0.25rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-settings-group--fields .onboarding-settings-group-header {
	margin-bottom: 1rem;
}

.onboarding-form-section:last-of-type {
	margin-bottom: 0;
}

.onboarding-form-section-title {
	margin: 0 0 0.875rem;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-form-section-lead {
	margin: -0.35rem 0 1rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-form-section-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 0.875rem;
}

.onboarding-form-section-help {
	margin: 0.75rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.onboarding-setting-list {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.375rem;
	overflow: hidden;
	background: rgba(0, 119, 255, 0.015);
}

.onboarding-setting-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.875rem 1rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	margin: 0;
	cursor: pointer;
	transition: background 0.15s ease;
}

.onboarding-setting-row:first-child {
	border-top: 0;
}

.onboarding-setting-row:hover {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.onboarding-setting-row:focus-within {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
	box-shadow: inset 0 0 0 2px rgba(var(--primary-rgb, 0, 119, 255), 0.15);
}

.onboarding-setting-row-copy {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: 0.15rem;
}

.onboarding-setting-row-title {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.4;
}

.onboarding-setting-row-tag {
	margin-left: 0.375rem;
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
}

.onboarding-setting-row-help {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-branding-section .form-control-color {
	width: 100%;
	min-height: 44px;
	padding: 0.25rem;
	cursor: pointer;
}

.onboarding-branding-preview-note {
	margin-top: 0.875rem;
	font-size: 0.8125rem;
}

.onboarding-branding-logos-panel {
	padding: 1.25rem 1.25rem 1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: var(--bs-card-bg, #fff);
}

.onboarding-branding-logos-panel-meta {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 1.125rem;
	padding-bottom: 0.875rem;
	border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
}

.onboarding-branding-logos-progress {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-branding-logos-progress #onboarding-branding-logos-progress-count {
	font-weight: 600;
	color: var(--bs-gray-700, #495057);
}

.onboarding-branding-logos-progress.is-complete,
.onboarding-branding-logos-progress.is-complete #onboarding-branding-logos-progress-count {
	color: var(--success, #3fc77d);
}

.onboarding-branding-logo-slot {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	height: 100%;
}

.onboarding-branding-logo-slot-head {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.onboarding-branding-logo-slot-title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-branding-logo-slot-status {
	display: none;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 999px;
	background: rgba(63, 199, 125, 0.14);
	color: var(--success, #3fc77d);
	font-size: 0.625rem;
}

.onboarding-branding-logo-slot-status.is-done {
	display: inline-flex;
}

.onboarding-branding-logo-slot-help {
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-branding-logo-dropzone {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 10.5rem;
	margin: 0;
	padding: 1.5rem 1.25rem;
	border-radius: 0.375rem;
	border: 1px dashed var(--bs-border-color, #ced4da);
	background: var(--bs-gray-100, #f4f7f9);
	cursor: pointer;
	overflow: hidden;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.onboarding-branding-logo-dropzone:hover,
.onboarding-branding-logo-dropzone:focus-within {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
	outline: none;
}

.onboarding-branding-logo-dropzone.is-dragover {
	border-color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.06);
}

.onboarding-branding-logo-dropzone--light.has-logo {
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.08);
	background: #ffffff;
}

.onboarding-branding-logo-dropzone--dark.has-logo {
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.1);
	background: #171a1f;
}

.onboarding-branding-logo-dropzone--light.is-empty {
	background: #fafbfc;
}

.onboarding-branding-logo-dropzone--dark.is-empty {
	border-color: rgba(255, 255, 255, 0.14);
	background: #1c1f24;
}

.onboarding-branding-logo-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.onboarding-branding-logo-dropzone-empty,
.onboarding-branding-logo-dropzone-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.onboarding-branding-logo-dropzone-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 0.65rem;
	border-radius: 999px;
	background: var(--bs-card-bg, #fff);
	border: 1px solid var(--bs-border-color, #dee6ed);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.95rem;
}

.onboarding-branding-logo-dropzone-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-branding-logo-dropzone-hint {
	margin-top: 0.25rem;
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-branding-logo-dropzone-preview {
	position: relative;
	min-height: 6.5rem;
}

.onboarding-branding-logo-preview-img {
	display: block;
	max-width: min(100%, 220px);
	max-height: 80px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.onboarding-branding-logo-dropzone-overlay {
	position: absolute;
	inset: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 1rem;
	border-radius: inherit;
	background: rgba(15, 23, 42, 0.48);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 500;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.onboarding-branding-logo-dropzone.has-logo:hover .onboarding-branding-logo-dropzone-overlay,
.onboarding-branding-logo-dropzone.has-logo:focus-within .onboarding-branding-logo-dropzone-overlay {
	opacity: 1;
}

.onboarding-branding-logo-dropzone-spinner {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.9);
}

.onboarding-branding-logo-dropzone--dark .onboarding-branding-logo-dropzone-spinner {
	background: rgba(23, 26, 31, 0.92);
}

.onboarding-branding-logo-dropzone.is-uploading .onboarding-branding-logo-dropzone-spinner {
	display: inline-flex !important;
}

.onboarding-branding-logos-footnote {
	margin-top: 1rem;
	padding-top: 0.875rem;
	border-top: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
	text-align: center;
}

body[data-theme=dark] .onboarding-branding-logos-panel {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-branding-logos-panel-meta,
body[data-theme=dark] .onboarding-branding-logos-footnote {
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-branding-logo-slot-title,
body[data-theme=dark] .onboarding-branding-logo-dropzone-title,
body[data-theme=dark] .onboarding-branding-logos-progress #onboarding-branding-logos-progress-count {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-branding-logo-dropzone--light.is-empty,
body[data-theme=dark] .onboarding-branding-logo-dropzone--light.has-logo {
	background: #ffffff;
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-branding-logo-dropzone-icon {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
}

.onboarding-menu-contrast-feedback {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 0.75rem;
	padding: 0.75rem 0.875rem;
	border-radius: 0.375rem;
	border: 1px solid rgba(217, 83, 79, 0.22);
	background: rgba(217, 83, 79, 0.08);
	color: #b94440;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.onboarding-menu-contrast-feedback i {
	flex-shrink: 0;
	margin-top: 0.15rem;
}

.onboarding-branding-section .onboarding-menu-contrast-color.is-invalid {
	border-color: #d9534f;
	box-shadow: 0 0 0 0.15rem rgba(217, 83, 79, 0.15);
}

body[data-theme=dark] .onboarding-menu-contrast-feedback {
	border-color: rgba(217, 83, 79, 0.35);
	background: rgba(217, 83, 79, 0.14);
	color: #f3a8a5;
}

.onboarding-step-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	font-weight: 500;
}

.onboarding-step-submit i {
	transition: transform 0.2s ease;
}

.onboarding-step-submit:hover i,
.onboarding-step-submit:focus-visible i {
	transform: translateX(3px);
}

.onboarding-step-submit:hover i,
.onboarding-step-submit:focus-visible i {
	transform: translateX(3px);
}

.onboarding-step-submit--finish i {
	font-size: 0.95rem;
}

.onboarding-step-submit--finish:hover i,
.onboarding-step-submit--finish:focus-visible i {
	transform: none;
}

.onboarding-form-check-card {
	padding: 1rem;
	border-radius: 0.35rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-form-check-card .form-check {
	margin-bottom: 0.5rem;
	min-height: 44px;
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
}

.onboarding-form-section .onboarding-form-check-card:last-child {
	margin-bottom: 0;
}

.onboarding-form-check-card .form-check-input {
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.onboarding-form-check-card .form-check-label {
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.45;
}

.onboarding-step-footnote {
	margin: 0.75rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.onboarding-step-skip,
.onboarding-step-confirm,
.onboarding-step-open {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.onboarding-fc-card {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 0.75rem;
}

.onboarding-fc-logo {
	width: 56px;
	height: 56px;
	object-fit: contain;
	border-radius: 0.35rem;
	flex-shrink: 0;
}

.onboarding-fc-products-context,
.onboarding-fc-inventory-context {
	margin-bottom: 1rem;
	align-items: center;
}

.onboarding-fc-inventory-layout {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
}

.onboarding-fc-inventory-card {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: var(--bs-body-bg, #fff);
	box-shadow: 0 0.05rem 0.35rem rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

.onboarding-fc-inventory-card--overview {
	padding: 1rem 1.1rem 1.05rem;
}

.onboarding-fc-inventory-partner-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.45rem;
	margin-bottom: 1rem;
	padding-bottom: 0.95rem;
	border-bottom: 1px solid var(--bs-border-color, #e2e8ee);
}

.onboarding-fc-inventory-partner-label {
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-fc-inventory-partner {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	min-height: 2.75rem;
	padding: 0.35rem 0.85rem 0.35rem 0.35rem;
	border-radius: 0.4rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

.onboarding-fc-inventory-partner-logo {
	width: 2.25rem;
	height: 2.25rem;
	object-fit: contain;
	border-radius: 0.3rem;
	flex-shrink: 0;
	background: #fff;
	padding: 0.15rem;
}

.onboarding-fc-inventory-partner-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.3rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 0.95rem;
}

.onboarding-fc-inventory-partner-name {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	line-height: 1.3;
}

.onboarding-fc-inventory-overview-title {
	margin: 0 0 0.75rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-fc-inventory-flow {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.onboarding-fc-inventory-flow-item {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: start;
	padding: 0.15rem 0;
}

.onboarding-fc-inventory-flow-item + .onboarding-fc-inventory-flow-item {
	padding-top: 0.65rem;
}

.onboarding-fc-inventory-flow-marker {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100%;
}

.onboarding-fc-inventory-flow-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.8rem;
	flex-shrink: 0;
}

.onboarding-fc-inventory-flow-line {
	flex: 1 1 auto;
	width: 2px;
	min-height: 0.85rem;
	margin-top: 0.35rem;
	border-radius: 1px;
	background: linear-gradient(
		to bottom,
		rgba(var(--primary-rgb, 0, 119, 255), 0.35),
		rgba(var(--primary-rgb, 0, 119, 255), 0.08)
	);
}

.onboarding-fc-inventory-flow-text {
	padding-top: 0.3rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-body-color, #6c757d);
}

.onboarding-fc-inventory-card--setting {
	padding: 0;
}

.onboarding-fc-inventory-setting .onboarding-setting-row {
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 1rem 1.1rem;
	min-height: 44px;
}

.onboarding-fc-inventory-setting .onboarding-setting-row:hover,
.onboarding-fc-inventory-setting .onboarding-setting-row:focus-within {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.03);
	box-shadow: none;
}

.onboarding-fc-inventory-setting .onboarding-setting-row-title {
	font-size: 0.875rem;
}

.onboarding-fc-inventory-setting .onboarding-setting-row-tag {
	display: inline-flex;
	align-items: center;
	padding: 0.12rem 0.45rem;
	margin-left: 0.45rem;
	border-radius: 999px;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	vertical-align: middle;
}

body[data-theme=dark] .onboarding-fc-inventory-card {
	background: rgba(32, 33, 36, 0.95);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

body[data-theme=dark] .onboarding-fc-inventory-partner-head {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-fc-inventory-partner {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .onboarding-fc-inventory-partner-logo {
	background: rgba(255, 255, 255, 0.95);
}

body[data-theme=dark] .onboarding-fc-inventory-partner-name,
body[data-theme=dark] .onboarding-fc-inventory-overview-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-fc-inventory-flow-icon {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

@media (max-width: 575.98px) {
	.onboarding-fc-inventory-card--overview,
	.onboarding-fc-inventory-setting .onboarding-setting-row {
		padding-left: 0.9rem;
		padding-right: 0.9rem;
	}

	.onboarding-fc-inventory-setting .onboarding-setting-row {
		flex-wrap: wrap;
	}

	.onboarding-fc-inventory-setting .onboarding-setting-row-switch {
		margin-left: auto;
	}
}

.onboarding-fc-products-context-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.onboarding-fc-products-context-summary {
	flex-shrink: 0;
	margin-left: auto;
}

.onboarding-fc-products-summary-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 2rem;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--success, #3fc77d);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
}

.onboarding-fc-products-panel.is-loading {
	opacity: 0.72;
	pointer-events: none;
}

.onboarding-fc-products-panel-header {
	align-items: flex-start;
}

.onboarding-fc-products-toolbar {
	padding: 0.875rem 1.5rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.05);
}

.onboarding-fc-products-toolbar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
}

.onboarding-fc-products-search-wrap {
	flex: 1 1 280px;
	min-width: 0;
	max-width: 420px;
}

.onboarding-fc-products-search-field {
	position: relative;
}

.onboarding-fc-products-search-field .fa-search {
	position: absolute;
	left: 0.9rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.8125rem;
	pointer-events: none;
}

.onboarding-fc-products-search {
	min-height: 40px;
	font-size: 0.875rem;
	padding: 0.45rem 0.85rem 0.45rem 2.25rem;
	border-radius: 999px;
	border: 1px solid rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.18);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	box-shadow: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.onboarding-fc-products-search:focus {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.45);
	box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-fc-products-bulk-group {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	padding: 0.3rem;
	border-radius: 999px;
	border: 1px solid rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.14);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-fc-products-select-chip {
	cursor: pointer;
	margin: 0;
}

.onboarding-fc-products-select-chip-input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.onboarding-fc-products-select-chip-face {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 36px;
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.onboarding-fc-products-select-chip:hover .onboarding-fc-products-select-chip-face,
.onboarding-fc-products-select-chip-input:focus-visible + .onboarding-fc-products-select-chip-face {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
}

.onboarding-fc-products-select-chip-input:checked + .onboarding-fc-products-select-chip-face {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
}

.onboarding-fc-products-select-chip-icon {
	font-size: 0.95rem;
	line-height: 1;
}

.onboarding-fc-products-connect-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 36px;
	padding: 0.35rem 0.95rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 500;
	white-space: nowrap;
}

.onboarding-fc-products-connect-btn:disabled {
	opacity: 0.45;
}

.onboarding-fc-products-table-head {
	display: grid;
	grid-template-columns: 2.75rem 2.5rem minmax(0, 1fr) 7.5rem;
	gap: 0.875rem;
	align-items: center;
	padding: 0.55rem 1.5rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bs-secondary-color, #6c757d);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.onboarding-fc-products-table-head-sort {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.25rem;
	width: 100%;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit;
	cursor: pointer;
	transition: color 0.2s ease;
}

.onboarding-fc-products-table-head-sort:hover,
.onboarding-fc-products-table-head-sort:focus-visible {
	color: var(--bs-body-color, #495057);
}

.onboarding-fc-products-table-head-sort:focus {
	box-shadow: none;
	outline: none;
}

.onboarding-fc-products-table-head-sort:focus-visible {
	outline: 2px solid var(--primary, #0077ff);
	outline-offset: 2px;
}

.onboarding-fc-products-table-head-sort--active {
	color: var(--bs-body-color, #495057);
}

.onboarding-fc-products-sort-icon {
	font-size: 0.75rem;
	opacity: 0.45;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.onboarding-fc-products-table-head-sort--active .onboarding-fc-products-sort-icon {
	opacity: 1;
	color: var(--primary, #0077ff);
}

.onboarding-fc-products-catalog .onboarding-sc-item {
	display: grid;
	grid-template-columns: 2.75rem 2.5rem minmax(0, 1fr) 7.5rem;
	gap: 0.875rem;
	align-items: center;
	padding: 0.75rem 1.5rem;
}

.onboarding-fc-products-catalog .onboarding-sc-item.is-linked {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.04);
}

.onboarding-fc-products-checkbox-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 44px;
	flex-shrink: 0;
}

.onboarding-fc-products-item.is-disabled {
	opacity: 0.78;
}

.onboarding-sc-item-status--unlinked {
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.12);
}

.onboarding-fc-products-empty-search {
	padding: 1rem 1.5rem 1.25rem;
	font-size: 0.8125rem;
}

body[data-theme=dark] .onboarding-fc-products-toolbar {
	background: rgba(255, 255, 255, 0.03);
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-fc-products-search {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-fc-products-bulk-group {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-fc-products-table-head {
	border-bottom-color: rgba(255, 255, 255, 0.15);
}

body[data-theme=dark] .onboarding-fc-products-catalog .onboarding-sc-item.is-linked {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.08);
}

@media (max-width: 767.98px) {
	.onboarding-fc-products-context {
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	.onboarding-fc-products-context-summary {
		width: 100%;
		margin-left: 0;
	}

	.onboarding-fc-products-toolbar {
		padding: 0.75rem 1rem;
	}

	.onboarding-fc-products-toolbar-inner {
		flex-direction: column;
		align-items: stretch;
	}

	.onboarding-fc-products-search-wrap {
		max-width: none;
	}

	.onboarding-fc-products-bulk-group {
		width: 100%;
		justify-content: space-between;
		border-radius: 0.75rem;
		padding: 0.4rem;
	}

	.onboarding-fc-products-connect-btn {
		margin-left: auto;
	}

	.onboarding-fc-products-table-head {
		display: none;
	}

	.onboarding-fc-products-catalog .onboarding-sc-item {
		grid-template-columns: 2.5rem 2.5rem minmax(0, 1fr);
		grid-template-areas:
			"check image copy"
			". . status";
		padding: 0.85rem 1rem;
	}

	.onboarding-fc-products-catalog .onboarding-fc-products-checkbox-wrap {
		grid-area: check;
	}

	.onboarding-fc-products-catalog .onboarding-sc-item-logo-wrap {
		grid-area: image;
	}

	.onboarding-fc-products-catalog .onboarding-sc-item-copy {
		grid-area: copy;
	}

	.onboarding-fc-products-catalog .onboarding-sc-item-status {
		grid-area: status;
		justify-self: start;
		margin-top: 0.15rem;
	}
}

.onboarding-finish-summary {
	margin-bottom: 0;
}

.onboarding-finish-tasks {
	margin-bottom: 1.25rem;
	padding: 1rem 1.125rem;
	border-radius: 0.4rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-finish-tasks-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.875rem;
}

.onboarding-finish-tasks-title {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
	margin: 0 0 0.25rem;
}

.onboarding-finish-tasks-lead {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-finish-tasks-actions {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
}

.onboarding-finish-tasks-toggle {
	padding: 0.25rem 0.35rem;
	min-height: 44px;
	font-size: 0.8125rem;
	text-decoration: none;
}

.onboarding-finish-tasks-divider {
	color: var(--bs-secondary-color, #6c757d);
	opacity: 0.6;
}

.onboarding-finish-tasks-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	max-height: 420px;
	overflow-y: auto;
}

.onboarding-finish-task-card {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	width: 100%;
	margin: 0;
	padding: 0.75rem 0.875rem;
	border-radius: 0.35rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(var(--bs-emphasis-color-rgb, 33 37 41), 0.02);
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
	min-height: 44px;
}

.onboarding-finish-task-card:has(.onboarding-finish-task-checkbox:checked) {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.onboarding-finish-task-card.is-skipped-source:has(.onboarding-finish-task-checkbox:checked) {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
}

.onboarding-finish-task-checkbox {
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.onboarding-finish-task-copy {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.onboarding-finish-task-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color, #212529);
	line-height: 1.4;
}

.onboarding-finish-task-summary {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.onboarding-finish-task-tag {
	display: inline-block;
	align-self: flex-start;
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	border-radius: 999px;
	padding: 0.15rem 0.5rem;
	margin-top: 0.15rem;
}

.onboarding-finish-tasks-empty {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	padding: 0.75rem 0.875rem;
	border-radius: 0.35rem;
	background: rgba(63, 199, 125, 0.08);
	color: var(--bs-body-color, #212529);
	font-size: 0.875rem;
}

.onboarding-finish-tasks-empty i {
	color: var(--success, #3fc77d);
	margin-top: 0.15rem;
}

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

	.onboarding-finish-tasks-actions {
		justify-content: flex-start;
	}
}

body[data-theme=dark] .onboarding-finish-tasks {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-finish-task-card {
	background: rgba(255, 255, 255, 0.02);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-finish-task-card:has(.onboarding-finish-task-checkbox:checked) {
	background: rgba(0, 119, 255, 0.1);
	border-color: rgba(0, 119, 255, 0.28);
}

body[data-theme=dark] .onboarding-finish-tasks-empty {
	background: rgba(63, 199, 125, 0.1);
}

body[data-theme=dark] .onboarding-form-check-card {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-form-section,
body[data-theme=dark] .onboarding-settings-panel,
body[data-theme=dark] .onboarding-sc-panel {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-sc-header,
body[data-theme=dark] .onboarding-sc-item {
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-sc-title,
body[data-theme=dark] .onboarding-sc-item-name,
body[data-theme=dark] .onboarding-sc-empty-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-sc-summary {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.12);
	border-bottom-color: rgba(var(--success-rgb, 63, 199, 125), 0.2);
}

body[data-theme=dark] .onboarding-sc-item-logo-wrap {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-sc-item-delete {
	color: rgba(255, 255, 255, 0.45);
}

body[data-theme=dark] .onboarding-sc-item-delete:hover,
body[data-theme=dark] .onboarding-sc-item-delete:focus {
	color: #ff9b98;
	background: rgba(217, 83, 79, 0.15);
}

body[data-theme=dark] .onboarding-sc-empty-icon {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.15);
}

body[data-theme=dark] .onboarding-settings-group {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-setting-list {
	background: rgba(255, 255, 255, 0.02);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-setting-row {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-setting-row:hover,
body[data-theme=dark] .onboarding-setting-row:focus-within {
	background: rgba(0, 119, 255, 0.08);
}

body[data-theme=dark] .onboarding-setting-row-title,
body[data-theme=dark] .onboarding-settings-group-title,
body[data-theme=dark] .onboarding-form-check-card .form-check-label {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-form .form-label,
body[data-theme=dark] .onboarding-form-section-title {
	color: var(--bs-body-color, #fefefe);
}

.onboarding-checklist {
	padding-left: 1.25rem;
	margin-bottom: 1rem;
}

.onboarding-checklist li {
	margin-bottom: 0.5rem;
}

.onboarding-step-checklist {
	padding: 1.25rem 1.5rem;
	margin-bottom: 0.75rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255 255 255));
}

.onboarding-step-checklist-header {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	margin-bottom: 1.125rem;
}

.onboarding-step-checklist-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.625rem;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 1rem;
}

.onboarding-step-checklist-heading {
	flex: 1;
	min-width: 0;
}

.onboarding-step-checklist-title {
	margin: 0 0 0.35rem;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-step-checklist-lead {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-step-checklist-progress {
	flex-shrink: 0;
	align-self: flex-start;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	background: rgba(0, 119, 255, 0.08);
	border: 1px solid rgba(0, 119, 255, 0.14);
	white-space: nowrap;
}

.onboarding-step-checklist-items {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.onboarding-step-checklist-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	width: 100%;
	margin: 0;
	padding: 0.875rem 1rem;
	border-radius: 0.4rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: rgba(var(--bs-emphasis-color-rgb, 33 37 41), 0.02);
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
	min-height: 44px;
}

.onboarding-step-checklist-item:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.2);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.03);
}

.onboarding-step-checklist-item:has(.onboarding-step-checklist-checkbox:checked) {
	border-color: rgba(var(--success-rgb, 63, 199, 125), 0.35);
	background: rgba(var(--success-rgb, 63, 199, 125), 0.06);
}

.onboarding-step-checklist-checkbox {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.onboarding-step-checklist-item-marker {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
}

.onboarding-step-checklist-item-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	background: rgba(0, 119, 255, 0.1);
}

.onboarding-step-checklist-item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.45rem;
	background: rgba(0, 119, 255, 0.08);
	color: var(--primary, #0077ff);
	font-size: 0.875rem;
}

.onboarding-step-checklist-item-copy {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
	flex: 1;
}

.onboarding-step-checklist-item-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color, #212529);
	line-height: 1.45;
}

.onboarding-step-checklist-item-hint {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-step-checklist-item-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	border: 1px solid var(--bs-border-color, #dee2e6);
	color: transparent;
	flex-shrink: 0;
	font-size: 0.7rem;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.onboarding-step-checklist-item:has(.onboarding-step-checklist-checkbox:checked) .onboarding-step-checklist-item-check {
	border-color: transparent;
	background: var(--success, #3fc77d);
	color: #fff;
}

.onboarding-step-checklist-item:has(.onboarding-step-checklist-checkbox:checked) .onboarding-step-checklist-item-num {
	background: rgba(var(--success-rgb, 63, 199, 125), 0.15);
	color: var(--success, #3fc77d);
}

.onboarding-step-checklist-item:has(.onboarding-step-checklist-checkbox:checked) .onboarding-step-checklist-item-title {
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: line-through;
	text-decoration-color: rgba(var(--bs-secondary-color-rgb, 108 117 125), 0.45);
}

.onboarding-step-checklist-tip {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	margin-top: 1rem;
	padding: 0.8rem 0.95rem;
	border-radius: 0.4rem;
	background: rgba(0, 119, 255, 0.06);
	border: 1px solid rgba(0, 119, 255, 0.14);
	color: var(--bs-gray-700, #495057);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.onboarding-step-checklist-tip i {
	color: var(--primary, #0077ff);
	margin-top: 0.1rem;
	flex-shrink: 0;
}

body[data-theme=dark] .onboarding-step-checklist {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-step-checklist-title {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-step-checklist-item {
	background: rgba(255, 255, 255, 0.02);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .onboarding-step-checklist-item:hover {
	background: rgba(0, 119, 255, 0.08);
	border-color: rgba(0, 119, 255, 0.24);
}

body[data-theme=dark] .onboarding-step-checklist-item:has(.onboarding-step-checklist-checkbox:checked) {
	background: rgba(63, 199, 125, 0.1);
	border-color: rgba(63, 199, 125, 0.28);
}

body[data-theme=dark] .onboarding-step-checklist-tip {
	background: rgba(0, 119, 255, 0.1);
	border-color: rgba(0, 119, 255, 0.22);
	color: var(--bs-body-color, #fefefe);
}

@media (max-width: 767px) {
	.onboarding-step-checklist {
		padding: 1rem;
	}

	.onboarding-step-checklist-header {
		flex-wrap: wrap;
	}

	.onboarding-step-checklist-progress {
		margin-left: 3.375rem;
	}
}

body[data-theme=dark] .onboarding-wizard-page {
	background:
		radial-gradient(circle at top right, rgba(0, 119, 255, 0.12), transparent 28%),
		radial-gradient(circle at bottom left, rgba(63, 199, 125, 0.08), transparent 24%),
		var(--bs-body-bg, #16181B);
}

body[data-theme=dark] .onboarding-wizard-header,
body[data-theme=dark] .onboarding-wizard-sidebar {
	background: rgba(32, 33, 36, 0.92);
}

body[data-theme=dark] .onboarding-step-group-label {
	color: rgba(255, 255, 255, 0.78);
}

body[data-theme=dark] .onboarding-step-group.is-active {
	background: rgba(0, 119, 255, 0.08);
}

body[data-theme=dark] .onboarding-step-group.is-complete:not(.is-active) {
	background: transparent;
}

body[data-theme=dark] .onboarding-step-group-progress {
	color: rgba(255, 255, 255, 0.45);
}

body[data-theme=dark] .onboarding-step-group.is-active .onboarding-step-group-label {
	color: var(--primary, #4da3ff);
}

body[data-theme=dark] .onboarding-step-group.is-open:not(.is-active) {
	background: rgba(255, 255, 255, 0.03);
}

body[data-theme=dark] .onboarding-step-group-header:hover {
	background: rgba(255, 255, 255, 0.04);
}

body[data-theme=dark] .onboarding-step-group-icon {
	background: rgba(255, 255, 255, 0.06);
}

body[data-theme=dark] .onboarding-step-group.is-active .onboarding-step-group-icon {
	background: rgba(0, 119, 255, 0.18);
	color: var(--primary, #4da3ff);
}

body[data-theme=dark] .onboarding-step-group.is-complete:not(.is-active) .onboarding-step-group-icon {
	background: rgba(63, 199, 125, 0.12);
	color: var(--success, #4bbf73);
}

body[data-theme=dark] .onboarding-step-list--grouped .onboarding-step-list-item.is-active {
	background: rgba(0, 119, 255, 0.12);
}

body[data-theme=dark] .onboarding-step-indicator-dot {
	background: var(--primary, #4da3ff);
}

body[data-theme=dark] .onboarding-step-list--grouped .onboarding-step-list-item.is-complete .onboarding-step-indicator {
	color: var(--success, #4bbf73);
}

body[data-theme=dark] .onboarding-content-card,
body[data-theme=dark] .onboarding-intent-card {
	background: rgb(var(--bs-card-bg-rgb, 32 33 36));
}

body[data-theme=dark] .onboarding-theme-toggle,
body[data-theme=dark] .onboarding-sign-out-btn,
body[data-theme=dark] .onboarding-language-toggle-btn {
	background: rgb(var(--bs-card-bg-rgb, 32 33 36));
	border-color: rgba(255, 255, 255, 0.15);
}

body[data-theme=dark] .onboarding-language-menu .dropdown-item.active,
body[data-theme=dark] .onboarding-language-menu .dropdown-item:active {
	background-color: rgba(0, 119, 255, 0.18);
	color: #fff;
}

body[data-theme=dark] .onboarding-sidebar-tip {
	background: rgba(0, 119, 255, 0.1);
	border-color: rgba(0, 119, 255, 0.18);
}

body[data-theme=dark] .onboarding-journey-card {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body[data-theme=dark] .onboarding-journey-preview li:not(.is-current) .onboarding-journey-preview-number {
	background: rgba(255, 255, 255, 0.14);
	color: #f1f3f5;
	border: 2px solid rgba(255, 255, 255, 0.24);
}

body[data-theme=dark] .onboarding-journey-preview li.is-current .onboarding-journey-preview-number {
	background: var(--primary, #0077ff);
	color: #fff;
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 4px rgba(0, 119, 255, 0.22);
}

body[data-theme=dark] .onboarding-journey-preview li:not(.is-current) .onboarding-journey-preview-title {
	color: rgba(255, 255, 255, 0.82);
}

body[data-theme=dark] .onboarding-journey-preview li:not(.is-current) .onboarding-journey-preview-desc {
	color: rgba(255, 255, 255, 0.58);
}

body[data-theme=dark] .onboarding-journey-preview li.is-current .onboarding-journey-preview-title {
	color: #fff;
}

@media (max-width: 767.98px) {
	.onboarding-wizard-header {
		position: relative;
		flex-direction: column;
		align-items: stretch;
		gap: 0.75rem;
		padding: 1rem;
	}

	.onboarding-wizard-brand {
		align-items: flex-start;
		gap: 0.75rem;
		padding-right: 9rem;
		min-width: 0;
	}

	.onboarding-wizard-logo {
		width: 40px;
		height: 40px;
		flex-shrink: 0;
	}

	.onboarding-wizard-logo--branded {
		max-width: 140px;
		height: 40px;
		max-height: 40px;
	}

	.onboarding-wizard-brand > div {
		min-width: 0;
		flex: 1;
	}

	.onboarding-wizard-title {
		font-size: 1.05rem;
		line-height: 1.3;
	}

	.onboarding-wizard-subtitle {
		font-size: 0.8125rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.onboarding-wizard-header-end {
		display: contents;
	}

	.onboarding-wizard-header-tools {
		position: absolute;
		top: 1rem;
		right: 1rem;
		z-index: 2;
	}

	.onboarding-theme-toggle,
	.onboarding-sign-out-btn,
	.onboarding-language-toggle-btn {
		width: 40px;
		height: 40px;
	}

	.onboarding-wizard-progress-wrap {
		order: 3;
		width: 100%;
		min-width: 0;
		max-width: none;
		padding: 0.75rem 0.875rem;
		background: rgba(0, 119, 255, 0.05);
		border: 1px solid rgba(0, 119, 255, 0.12);
		border-radius: 0.5rem;
	}

	.onboarding-wizard-progress-meta {
		align-items: flex-start;
		gap: 0.5rem;
		margin-bottom: 0.625rem;
	}

	.onboarding-wizard-progress-label-wrap {
		flex: 1;
		min-width: 0;
	}

	.onboarding-wizard-progress-label {
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
		line-height: 1.35;
	}

	.onboarding-wizard-progress-percent {
		font-size: 0.9375rem;
		line-height: 1.35;
		white-space: nowrap;
		padding-left: 0.25rem;
	}

	.onboarding-wizard-progress-track {
		height: 8px;
	}

	.onboarding-wizard-body,
	.onboarding-wizard-body--intro .onboarding-wizard-content {
		flex-direction: column;
		padding: 0;
	}

	.onboarding-wizard-sidebar {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid var(--bs-border-color, #dee2e6);
		padding: 1rem;
		max-height: none;
	}

	.onboarding-wizard-content {
		padding: 0;
		align-items: stretch;
	}

	.onboarding-content-card {
		max-width: none;
		margin: 0;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		box-shadow: none;
		padding: 1.25rem 1rem;
	}

	.onboarding-step-header {
		margin-bottom: 1.25rem;
		padding-bottom: 1rem;
	}

	.onboarding-step-title {
		font-size: 1.35rem;
		line-height: 1.3;
	}

	.onboarding-step-description {
		font-size: 0.875rem;
	}

	.onboarding-sidebar-intro {
		display: flex;
		flex-direction: column;
		gap: 0.875rem;
	}

	.onboarding-sidebar-kicker {
		margin-bottom: 0.2rem;
	}

	.onboarding-sidebar-title {
		font-size: 1rem;
	}

	.onboarding-sidebar-lead {
		display: none;
	}

	.onboarding-journey-card {
		margin-bottom: 0;
		padding: 0.75rem 0.625rem 0.625rem;
		background: rgb(var(--bs-card-bg-rgb, 255 255 255));
	}

	.onboarding-journey-card-title {
		margin-bottom: 0.625rem;
		font-size: 0.6875rem;
		text-align: center;
	}

	.onboarding-journey-preview {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.25rem;
		position: relative;
		padding: 0 0.125rem;
		overflow: visible;
	}

	.onboarding-journey-preview::before {
		content: '';
		position: absolute;
		top: 0.875rem;
		left: 10%;
		right: 10%;
		height: 2px;
		background: linear-gradient(to right, rgba(0, 119, 255, 0.28), rgba(108, 117, 125, 0.18));
		border-radius: 999px;
		z-index: 0;
	}

	.onboarding-journey-preview li {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1 1 0;
		min-width: 0;
		max-width: none;
		padding-bottom: 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}

	.onboarding-journey-preview-marker {
		min-height: auto;
		width: 100%;
	}

	.onboarding-journey-preview li:not(:last-child) .onboarding-journey-preview-marker::after {
		display: none;
	}

	.onboarding-journey-preview-number {
		width: 1.75rem;
		height: 1.75rem;
		font-size: 0.6875rem;
	}

	.onboarding-journey-preview-copy {
		width: 100%;
		margin-top: 0.3rem;
	}

	.onboarding-journey-preview-title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-clamp: 2;
        -webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 0.625rem;
		line-height: 1.25;
	}

	.onboarding-journey-preview-desc {
		display: none;
	}

	.onboarding-sidebar-tip {
		flex-direction: row;
		align-items: flex-start;
		gap: 0.75rem;
		padding: 0.75rem;
	}

	.onboarding-sidebar-tip-icon {
		width: 2rem;
		height: 2rem;
		font-size: 0.875rem;
	}

	.onboarding-sidebar-tip-title {
		font-size: 0.875rem;
		margin-bottom: 0.15rem;
	}

	.onboarding-sidebar-tip-text {
		font-size: 0.8125rem;
		line-height: 1.45;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-clamp: 3;
        -webkit-line-clamp: 3;
		overflow: hidden;
	}

	.onboarding-intent-hint {
		margin-bottom: 0.875rem;
		font-size: 0.8125rem;
	}

	.onboarding-intent-card-body {
		padding: 1rem 1rem 0.875rem;
		gap: 0.875rem;
	}

	.onboarding-intent-card-icon {
		width: 2.75rem;
		height: 2.75rem;
		border-radius: 0.625rem;
		font-size: 1rem;
		flex-shrink: 0;
	}

	.onboarding-intent-card-content {
		min-width: 0;
		flex: 1;
	}

	.onboarding-intent-card-radio {
		width: 1.125rem;
		height: 1.125rem;
	}

	.onboarding-intent-card-title {
		font-size: 0.95rem;
	}

	.onboarding-intent-card-desc {
		font-size: 0.8125rem;
		line-height: 1.45;
	}

	.onboarding-intent-card-features {
		margin-top: 0.5rem;
	}

	.onboarding-intent-card-features li {
		font-size: 0.75rem;
		padding-left: 1rem;
	}

	.onboarding-intent-card-action {
		padding: 0.7rem 1rem;
		font-size: 0.8125rem;
	}

	.onboarding-step-actions .btn,
	.onboarding-embed-actions .btn,
	.onboarding-step-skip,
	.onboarding-step-confirm,
	.onboarding-step-open,
	.onboarding-step-submit {
		width: 100%;
	}

	.onboarding-settings-group,
	.onboarding-form-section {
		padding: 1rem;
	}

	.onboarding-sc-header {
		flex-direction: column;
		align-items: stretch;
		padding: 1rem;
	}

	.onboarding-sc-add-btn {
		width: 100%;
	}

	.onboarding-sc-summary {
		padding: 0.65rem 1rem;
	}

	.onboarding-sc-item {
		padding: 0.75rem 1rem;
		gap: 0.75rem;
	}

	.onboarding-sc-item-status {
		display: none;
	}

	.onboarding-products-channel-card-footer {
		gap: 0.625rem;
	}

	.onboarding-products-channel-card-status {
		min-height: 44px;
		width: 100%;
		justify-content: center;
	}

	.onboarding-products-channel-card-footer-actions {
		flex-direction: column;
		width: 100%;
	}

	.onboarding-products-channel-card-footer-actions .onboarding-products-channel-action-btn {
		flex: 1 1 100%;
		width: 100%;
		min-height: 44px;
	}

	.onboarding-products-channel-card-copy {
		padding-right: 1.5rem;
	}

	.onboarding-sales-channels-connect .sales-channels-connect .modal-dialog {
		max-width: calc(100vw - 1rem);
		margin: 0.5rem auto;
	}

	.onboarding-setting-row {
		align-items: flex-start;
		padding: 0.875rem 0.75rem;
	}

	.onboarding-step-header {
		margin-bottom: 1.25rem;
		padding-bottom: 1rem;
	}
}

@media (max-width: 767.98px) {
	body[data-theme=dark] .onboarding-wizard-progress-wrap {
		background: rgba(255, 255, 255, 0.04);
		border-color: rgba(255, 255, 255, 0.1);
	}

	body[data-theme=dark] .onboarding-journey-preview::before {
		background: linear-gradient(to right, rgba(0, 119, 255, 0.35), rgba(255, 255, 255, 0.12));
	}
}

.onboarding-invite-sellers-card {
	margin-bottom: 0;
}

.onboarding-invite-sellers-card.is-list-empty .onboarding-sc-header {
	border-bottom: 0;
}

.onboarding-invite-sellers-card.is-list-empty .onboarding-sc-header-actions {
	display: none;
}

.onboarding-invite-sellers-row-connected {
	background: rgba(63, 199, 125, 0.04);
}

.onboarding-invite-sellers-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
}

.onboarding-invite-sellers-status-badge.is-connected {
	color: var(--success, #3fc77d);
	background: rgba(63, 199, 125, 0.12);
	border: 1px solid rgba(63, 199, 125, 0.22);
}

.onboarding-invite-sellers-status-badge.is-pending {
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.16);
}

body[data-theme=dark] .onboarding-invite-sellers-row-connected {
	background: rgba(63, 199, 125, 0.08);
}

.onboarding-invite-sellers-connected {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid rgba(63, 199, 125, 0.22);
	background: rgba(63, 199, 125, 0.08);
	color: var(--bs-gray-700, #495057);
}

.onboarding-invite-sellers-connected-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	font-size: 0.875rem;
	color: var(--success, #3fc77d);
	background: rgba(63, 199, 125, 0.14);
}

.onboarding-invite-sellers-connected-text {
	font-size: 0.8125rem;
	line-height: 1.45;
	font-weight: 500;
}

body[data-theme=dark] .onboarding-invite-sellers-connected {
	border-color: rgba(63, 199, 125, 0.28);
	background: rgba(63, 199, 125, 0.1);
	color: var(--bs-body-color, #fefefe);
}

.onboarding-invite-sellers-queue-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.16);
}

.onboarding-invite-sellers-queue-body {
	min-height: 12rem;
}

.onboarding-invite-sellers-empty {
	padding: 2.5rem 1.5rem 2rem;
}

.onboarding-invite-sellers-empty-icon {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 1.25rem;
}

.onboarding-invite-sellers-empty-note {
	margin-top: 0.35rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
	max-width: 22rem;
}

.onboarding-invite-sellers-empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin-top: 1.25rem;
}

.onboarding-invite-sellers-empty-actions .btn {
	min-width: 10.5rem;
}

.onboarding-invite-sellers-queue-table-wrap .table thead th {
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	color: var(--bs-secondary-color, #6c757d);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.04);
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	padding: 0.65rem 1.25rem;
	white-space: nowrap;
}

.onboarding-invite-sellers-queue-table-wrap .table tbody td {
	padding: 0.75rem 1.25rem;
	vertical-align: middle;
	font-size: 0.8125rem;
}

.onboarding-invite-sellers-queue-table-wrap .table tbody tr:last-child td {
	border-bottom: 0;
}

.onboarding-invite-sellers-panel-footer {
	padding: 1rem 1.5rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.03);
}

.onboarding-invite-sellers-footer-state {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
}

.onboarding-invite-sellers-panel-footer--review {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.onboarding-invite-sellers-panel-footer-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-left: auto;
}

.onboarding-invite-sellers-footer-hint {
	flex: 1 1 12rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-invite-sellers-footer-note {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid rgba(63, 199, 125, 0.22);
	background: rgba(63, 199, 125, 0.08);
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-gray-700, #495057);
}

.onboarding-invite-sellers-footer-note i {
	color: var(--success, #3fc77d);
	margin-top: 0.1rem;
	flex-shrink: 0;
}

.onboarding-invite-sellers-next-cta {
	width: 100%;
	align-items: center;
	padding: 1rem 1.125rem;
	border-radius: 0.5rem;
	border: 1px solid rgba(var(--primary-rgb, 0, 119, 255), 0.22);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.07);
	gap: 1rem 1.25rem;
}

.onboarding-invite-sellers-next-cta-copy {
	flex: 1 1 14rem;
	min-width: 0;
}

.onboarding-invite-sellers-next-cta-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	margin-bottom: 0.45rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--primary, #0077ff);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-invite-sellers-next-cta-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-invite-sellers-next-cta-lead {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-invite-sellers-send-cta {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	flex: 1 1 16rem;
	min-width: 0;
}

.onboarding-invite-sellers-send-cta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.onboarding-invite-sellers-send-cta-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-gray-700, #495057);
}

.onboarding-invite-sellers-send-cta-lead {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-invite-sellers-continue-btn,
.onboarding-invite-sellers-send-btn,
.onboarding-invite-sellers-back-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.5rem 1.25rem;
	font-weight: 500;
	white-space: nowrap;
}

.onboarding-invite-sellers-queue-table .btn {
	min-width: 44px;
	min-height: 44px;
	padding: 0.35rem 0.55rem;
}

.onboarding-invite-sellers-card .onboarding-invite-sellers-compose {
	padding: 1.25rem 1.5rem 0.5rem;
}

.onboarding-invite-sellers-compose {
	max-width: 42rem;
	margin: 0 auto;
}

.onboarding-invite-sellers-compose-hint {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-invite-sellers-compose-hint i {
	color: var(--primary, #0077ff);
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.onboarding-invite-sellers-email-card {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.65rem;
	overflow: hidden;
	background: var(--bs-gray-100, #f4f7f9);
	box-shadow: 0 0.35rem 1.25rem rgba(15, 23, 42, 0.06);
}

.onboarding-invite-sellers-email-meta {
	padding: 0.875rem 1rem 0.75rem;
	background: var(--bs-card-bg, #fff);
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.onboarding-invite-sellers-email-meta-row {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.8125rem;
	line-height: 1.45;
}

.onboarding-invite-sellers-email-meta-row + .onboarding-invite-sellers-email-meta-row {
	margin-top: 0.55rem;
}

.onboarding-invite-sellers-email-meta-label {
	flex: 0 0 3.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	padding-top: 0.2rem;
}

.onboarding-invite-sellers-email-meta-value {
	color: var(--bs-body-color, #495057);
}

.onboarding-invite-sellers-email-body {
	padding: 1.25rem 1rem 1.5rem;
}

.onboarding-invite-sellers-email-body-inner {
	max-width: 36rem;
	margin: 0 auto;
	padding: 1.25rem 1.25rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: var(--bs-card-bg, #fff);
}

.onboarding-invite-sellers-editable {
	flex: 1 1 auto;
	min-width: 0;
	outline: none;
	border-radius: 0.35rem;
	border: 1px dashed transparent;
	padding: 0.2rem 0.45rem;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	cursor: text;
}

.onboarding-invite-sellers-editable:hover {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.28);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
}

.onboarding-invite-sellers-editable:focus {
	border-color: var(--primary, #0077ff);
	border-style: solid;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.05);
	box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 119, 255), 0.14);
}

.onboarding-invite-sellers-editable:empty::before {
	content: attr(data-placeholder);
	color: var(--bs-secondary-color, #6c757d);
	opacity: 0.75;
	pointer-events: none;
}

.onboarding-invite-sellers-editable-subject {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.45;
	color: var(--bs-body-color, #212529);
	white-space: nowrap;
	overflow-x: auto;
}

.onboarding-invite-sellers-editable-message {
	min-height: 11rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
	line-height: 1.65;
	color: var(--bs-body-color, #212529);
	white-space: pre-wrap;
	word-break: break-word;
}

.onboarding-invite-sellers-email-cta-wrap {
	margin-top: 1rem;
}

.onboarding-invite-sellers-email-cta {
	pointer-events: none;
	opacity: 0.92;
}

.onboarding-invite-sellers-email-footer {
	line-height: 1.55;
}

.onboarding-invite-sellers-preview-logo {
	max-height: 3.5rem;
	max-width: 15rem;
	width: auto;
	height: auto;
}

body[data-theme=dark] .onboarding-invite-sellers-email-card {
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.22);
}

body[data-theme=dark] .onboarding-invite-sellers-email-meta,
body[data-theme=dark] .onboarding-invite-sellers-email-body-inner {
	background: rgba(32, 33, 36, 0.95);
}

body[data-theme=dark] .onboarding-invite-sellers-editable:hover {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
}

body[data-theme=dark] .onboarding-invite-sellers-editable:focus {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

.onboarding-invite-sellers-single-form .form-control {
	min-height: 44px;
	font-size: 16px;
}

.onboarding-invite-seller-modal-wrap .modal-md {
	max-width: 520px;
}

.onboarding-invite-seller-header,
.onboarding-invite-seller-modal-footer {
	border-color: var(--bs-border-color);
	padding: 0.875rem 1rem;
}

.onboarding-invite-seller-hero {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding-right: 0.5rem;
}

.onboarding-invite-seller-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.5rem;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 0.95rem;
}

.onboarding-invite-seller-heading {
	min-width: 0;
	flex: 1 1 auto;
}

.onboarding-invite-seller-modal-lead {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color, #6c757d);
	line-height: 1.45;
}

.onboarding-invite-seller-body {
	padding: 0.75rem 1rem 0.875rem;
}

.onboarding-invite-seller-essentials .form-label,
.onboarding-invite-seller-optional-wrap .form-label {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-bottom: 0.25rem;
}

.onboarding-invite-seller-essentials .form-control,
.onboarding-invite-seller-optional-wrap .form-control {
	min-height: 44px;
	font-size: 16px;
}

.onboarding-invite-seller-email-input {
	font-weight: 500;
}

.onboarding-invite-seller-optional-wrap {
	margin-top: 0.875rem;
	padding-top: 0.875rem;
	border-top: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
}

.onboarding-invite-seller-optional {
	margin-left: 0.35rem;
	font-size: 0.6875rem;
	font-weight: 400;
	color: var(--bs-secondary-color, #6c757d);
}

.onboarding-invite-seller-modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.onboarding-invite-seller-modal-footer-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	width: 100%;
}

.onboarding-invite-seller-modal-footer-actions .btn {
	min-height: 44px;
	padding: 0.5rem 1rem;
	font-weight: 500;
}

.onboarding-invite-seller-save-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

body[data-theme=dark] .onboarding-invite-seller-hero-icon {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

body[data-theme=dark] .onboarding-invite-seller-optional-wrap {
	border-top-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 575.98px) {
	.onboarding-invite-seller-modal-footer-actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	.onboarding-invite-seller-modal-footer-actions .btn {
		width: 100%;
	}
}

.onboarding-invite-sellers-table th {
	font-weight: 500;
	white-space: nowrap;
}

body[data-theme=dark] .onboarding-invite-sellers-panel-footer {
	background: rgba(255, 255, 255, 0.03);
}

body[data-theme=dark] .onboarding-invite-sellers-next-cta {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.12);
}

body[data-theme=dark] .onboarding-invite-sellers-footer-note {
	color: var(--bs-body-color, #fefefe);
}

body[data-theme=dark] .onboarding-invite-sellers-queue-table-wrap .table thead th {
	background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 767.98px) {
	.onboarding-invite-sellers-footer-state,
	.onboarding-invite-sellers-panel-footer--review {
		flex-direction: column;
		align-items: stretch;
	}

	.onboarding-invite-sellers-next-cta {
		flex-direction: column;
		align-items: stretch;
	}

	.onboarding-invite-sellers-continue-btn,
	.onboarding-invite-sellers-send-btn {
		width: 100%;
	}

	.onboarding-invite-sellers-panel-footer-actions {
		width: 100%;
		flex-direction: column-reverse;
		margin-left: 0;
	}

	.onboarding-invite-sellers-back-btn,
	.onboarding-invite-sellers-send-btn {
		width: 100%;
	}

	.onboarding-invite-sellers-empty-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.onboarding-invite-sellers-empty-actions .btn {
		width: 100%;
		min-width: 0;
	}
}

/* Inline setup notice — informational banners with optional CTA */
.setup-notice {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: var(--bs-card-bg, #fff);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.setup-notice-icon {
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.setup-notice-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.setup-notice-title {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--bs-gray-700, #495057);
	margin: 0 0 0.2rem;
}

.setup-notice-text {
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--bs-secondary-color, #6c757d);
}

.setup-notice-action {
	flex-shrink: 0;
}

.setup-notice-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 2.25rem;
	padding: 0.4rem 1rem;
	font-size: 0.8125rem;
	font-weight: 500;
	border-radius: 0.35rem;
	white-space: nowrap;
}

body[data-theme=dark] .setup-notice {
	background: rgba(var(--bs-card-bg-rgb, 32, 33, 36), 0.95);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

body[data-theme=dark] .setup-notice-icon {
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.18);
}

body[data-theme=dark] .setup-notice-title {
	color: var(--bs-body-color, #fefefe);
}

@media (max-width: 767.98px) {
	.setup-notice {
		flex-wrap: wrap;
		align-items: flex-start;
		padding: 1rem;
		gap: 0.75rem;
	}

	.setup-notice-action {
		width: 100%;
		padding-left: 3.5rem;
	}

	.setup-notice-btn {
		width: 100%;
		min-height: 2.75rem;
	}
}

/* Integration tile — channel/integration picker buttons */
.integration-tile {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 0.5rem;
}

.integration-tile img {
	max-width: 100%;
	height: auto;
}

.integration-tile__beta {
	position: absolute;
	top: 0.35rem;
	right: 0.35rem;
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1;
	padding: 0.2rem 0.4rem;
	border-radius: 2rem;
	pointer-events: none;
}

/* Open order modal — B2B panel */
.open-order-b2b-panel {
	border: 1px solid var(--bs-border-color, #dee6ed);
}

.open-order-b2b-panel-title,
.open-order-b2b-subtitle {
	color: var(--bs-body-color);
	font-weight: 500;
}

.open-order-b2b-field-label {
	display: block;
	color: var(--bs-secondary-color);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 0.15rem;
}

.open-order-b2b-field-value {
	color: var(--bs-body-color);
	font-weight: 500;
	word-break: break-word;
}

.open-order-b2b-pallets-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.open-order-b2b-pallet-card {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.375rem;
	padding: 0.75rem 1rem;
}

.open-order-b2b-pallet-card-title {
	color: var(--bs-body-color);
	font-weight: 500;
	margin-bottom: 0.35rem;
}

.open-order-b2b-pallet-card-meta {
	color: var(--bs-secondary-color);
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}

.open-order-b2b-pallet-item {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.35rem 0;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.open-order-b2b-pallet-item:first-child {
	border-top: 0;
	padding-top: 0;
}

.open-order-b2b-pallet-item-title {
	color: var(--bs-body-color);
	font-size: 0.85rem;
}

.open-order-b2b-pallet-item-qty {
	color: var(--bs-body-color);
	font-weight: 500;
	white-space: nowrap;
}

.open-order-b2b-documents-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.75rem;
}

.open-order-b2b-doc-link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.375rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	color: var(--bs-body-color);
	text-decoration: none;
	min-height: 44px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.open-order-b2b-doc-link:hover,
.open-order-b2b-doc-link:focus-visible {
	color: var(--bs-body-color);
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 0.15rem rgba(0, 119, 255, 0.12);
}

.open-order-b2b-doc-icon {
	width: 36px;
	height: 36px;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 119, 255, 0.08);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.open-order-b2b-doc-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
}

.open-order-b2b-doc-title {
	color: var(--bs-body-color);
	font-weight: 500;
}

.open-order-b2b-doc-hint {
	color: var(--bs-secondary-color);
	font-size: 0.75rem;
}

.open-order-b2b-doc-arrow {
	color: var(--bs-secondary-color);
	font-size: 0.75rem;
	flex-shrink: 0;
}

/* B2B pick & pack pages — shared surfaces (list + order flow) */
#b2bPickPackLanding .b2b-pp-panel,
#b2bPickPackLanding .b2b-pp-order-card,
#b2bPickPackLanding .b2b-pp-quick-controls,
#b2bPickPackPage .b2b-section,
#b2bPickPackPage .b2b-wizard-steps,
#b2bPickPackPage .bulk-pick-toolbar,
#b2bPickPackPage .bulk-pick-card {
	box-shadow: 0 0 0.875rem 0 rgba(0, 0, 0, 0.05);
}

#b2bPickPackPage .b2b-section,
#b2bPickPackPage .b2b-wizard-steps {
	margin-bottom: 1.25rem;
}

#b2bPickPackPage .b2b-config-subsection,
#b2bPickPackPage .b2b-config-cta,
#b2bPickPackPage .b2b-parcel-empty-state,
#b2bPickPackLanding .b2b-pp-toolbar,
#b2bPickPackPage .b2b-shipment-options-panel:not(:has(.shipment-option-detail)) {
	background: var(--bs-body-bg);
}

#b2bPickPackPage .b2b-item-assign-summary,
#b2bPickPackPage .b2b-pallet-row,
#b2bPickPackPage .b2b-type-card,
#b2bPickPackPage .b2b-config-totals,
#b2bPickPackPage .b2b-pallet-pack-block,
#b2bPickPackPage .b2b-documents-panel {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

#b2bPickPackPage .b2b-item-assign-row,
#b2bPickPackPage .b2b-pallet-assigned-row,
#b2bPickPackPage .b2b-pallet-item-row,
#b2bPickPackPage .b2b-pack-product-row {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color, #dee6ed);
}

#b2bPickPackPage .b2b-panel-head,
#b2bPickPackPage .b2b-order-summary .b2b-order-summary-head,
#b2bPickPackPage .b2b-shipment-type-block {
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

#b2bPickPackLanding .b2b-pp-panel {
	margin-bottom: 1.25rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

#b2bPickPackLanding .b2b-pp-panel-divider {
	margin: 1rem 0;
	border-color: var(--bs-border-color, #dee6ed);
	opacity: 1;
}

#b2bPickPackLanding .b2b-pp-toolbar {
	padding: 0.85rem 1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.375rem;
}

#b2bPickPackLanding .b2b-pp-quick-controls {
	padding: 0.75rem;
	margin-top: 0.75rem;
	margin-bottom: 1.25rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

#b2bPickPackLanding .b2b-pp-list {
	gap: 0.75rem;
}

#b2bPickPackLanding .b2b-pp-empty {
	padding: 0.25rem 0 0.5rem;
}

#b2bPickPackLanding .b2b-pp-empty__inner {
	min-height: 260px;
	padding: 2.5rem 1.5rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

#b2bPickPackLanding .b2b-pp-empty__icon {
	width: 4.5rem;
	height: 4.5rem;
	margin-bottom: 1.25rem;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
}

#b2bPickPackLanding .b2b-pp-empty__icon i {
	font-size: 1.65rem;
}

#b2bPickPackLanding .b2b-pp-empty .empty-state-title {
	font-size: 1.1rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 0.5rem;
}

#b2bPickPackLanding .b2b-pp-empty .empty-state-message {
	font-size: 0.875rem;
	color: var(--bs-secondary-color);
	max-width: 28rem;
	line-height: 1.6;
}

#b2bPickPackLanding .b2b-pp-empty--filters .b2b-pp-empty__icon {
	background: color-mix(in srgb, var(--bs-secondary-color) 10%, transparent);
	color: var(--bs-secondary-color);
}

body[data-theme=dark] #b2bPickPackLanding .b2b-pp-panel,
body[data-theme=dark] #b2bPickPackLanding .b2b-pp-order-card,
body[data-theme=dark] #b2bPickPackLanding .b2b-pp-quick-controls,
body[data-theme=dark] #b2bPickPackPage .b2b-section,
body[data-theme=dark] #b2bPickPackPage .b2b-wizard-steps,
body[data-theme=dark] #b2bPickPackPage .bulk-pick-toolbar,
body[data-theme=dark] #b2bPickPackPage .bulk-pick-card {
	box-shadow: 0 0 0.875rem 0 rgba(0, 0, 0, 0.28);
}

body[data-theme=dark] #b2bPickPackPage .b2b-config-subsection,
body[data-theme=dark] #b2bPickPackPage .b2b-config-cta,
body[data-theme=dark] #b2bPickPackPage .b2b-parcel-empty-state,
body[data-theme=dark] #b2bPickPackLanding .b2b-pp-toolbar,
body[data-theme=dark] #b2bPickPackPage .b2b-shipment-options-panel:not(:has(.shipment-option-detail)) {
	background: rgba(255, 255, 255, 0.04);
}

body[data-theme=dark] #b2bPickPackPage .b2b-item-assign-row,
body[data-theme=dark] #b2bPickPackPage .b2b-pallet-assigned-row,
body[data-theme=dark] #b2bPickPackPage .b2b-pallet-item-row,
body[data-theme=dark] #b2bPickPackPage .b2b-pack-product-row {
	background: rgba(255, 255, 255, 0.04);
}

/* B2B portal — price list cards */
.b2b-price-list-card {
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.b2b-price-list-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.08);
}

.b2b-price-list-card.is-selected {
	border-color: var(--primary, #0077ff);
	box-shadow: 0 0 0 1px var(--primary, #0077ff), 0 0.35rem 1rem rgba(0, 119, 255, 0.12);
}

.b2b-price-list-card .card-body {
	padding: 1.25rem;
	gap: 1rem;
}

.b2b-price-list-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
}

.b2b-price-list-card__head-main {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	min-width: 0;
	flex: 1;
}

.b2b-price-list-card__head-actions {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
	margin-top: -0.15rem;
	margin-right: -0.15rem;
}

.b2b-price-list-card__icon-btn {
	width: 2.75rem;
	height: 2.75rem;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.35rem;
	border-color: var(--bs-border-color, #dee6ed);
	color: var(--bs-secondary-color);
	font-size: 0.875rem;
	box-shadow: none;
}

.b2b-price-list-card__icon-btn:hover,
.b2b-price-list-card__icon-btn:focus {
	color: var(--bs-body-color);
	background: color-mix(in srgb, var(--bs-secondary-color) 8%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	border-color: var(--bs-border-color, #dee6ed);
	box-shadow: none;
}

.b2b-price-list-card__icon-btn--danger:hover,
.b2b-price-list-card__icon-btn--danger:focus {
	color: var(--bs-danger, #d9534f);
	background: rgba(217, 83, 79, 0.08);
	border-color: rgba(217, 83, 79, 0.25);
}

.b2b-price-list-card__icon {
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.1);
	color: var(--primary, #0077ff);
	font-size: 1.125rem;
}

.b2b-price-list-card__title-wrap {
	min-width: 0;
	flex: 1;
}

.b2b-price-list-card__title {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin: 0 0 0.35rem;
	line-height: 1.35;
	word-break: break-word;
}

.b2b-price-list-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.b2b-price-list-card__badge {
	font-size: 0.7rem;
	font-weight: 500;
	padding: 0.2em 0.55em;
	border-radius: 10rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	color: var(--bs-secondary-color);
}

.b2b-price-list-card__badge--default {
	border-color: rgba(var(--primary-rgb, 0, 119, 255), 0.25);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.08);
	color: var(--primary, #0077ff);
}

.b2b-price-list-card__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.625rem;
}

.b2b-price-list-card__stat {
	padding: 0.65rem 0.75rem;
	border-radius: 0.35rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgba(var(--primary-rgb, 0, 119, 255), 0.04);
	text-align: center;
}

.b2b-price-list-card__stat-value {
	display: block;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--bs-body-color);
}

.b2b-price-list-card__stat-label {
	display: block;
	font-size: 0.7rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
	text-transform: lowercase;
}

.b2b-price-list-card__meta {
	color: var(--bs-secondary-color);
	line-height: 1.4;
}

.b2b-price-list-card__actions {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 0.25rem;
}

.b2b-price-list-card__actions .btn-primary {
	min-height: 44px;
	font-weight: 500;
	width: 100%;
}

.b2b-price-list-empty .empty-state-container {
	min-height: 220px;
	padding: 2.5rem 1.5rem;
}

.b2b-price-list-empty .empty-state-title {
	color: var(--bs-body-color);
}

.b2b-price-list-empty .empty-state-message {
	color: var(--bs-secondary-color);
}

.b2b-price-list-form-modal {
	overflow: hidden;
}

.b2b-price-list-form-modal__hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-price-list-form-modal__hero-start {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
	flex: 1;
}

.b2b-price-list-form-modal__hero-icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.b2b-price-list-form-modal__hero-titles {
	min-width: 0;
}

.b2b-price-list-form-modal__subtitle {
	font-size: 0.8rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
}

.b2b-price-list-form-modal__body {
	padding: 1.25rem;
}

.b2b-price-list-form-modal__section + .b2b-price-list-form-modal__section {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-price-list-form-modal__section-label {
	font-size: 0.7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color);
	margin-bottom: 0.75rem;
}

.b2b-price-list-form-modal__options {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.b2b-price-list-form-modal__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 0.75rem 0.85rem;
	border-radius: 0.35rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.b2b-price-list-form-modal__option:hover {
	border-color: color-mix(in srgb, var(--primary, #0077ff) 25%, var(--bs-border-color, #dee6ed));
	background: color-mix(in srgb, var(--primary, #0077ff) 3%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-price-list-form-modal__option-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.b2b-price-list-form-modal__option-label {
	font-size: 0.825rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
}

.b2b-price-list-form-modal__option-hint {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	line-height: 1.4;
}

.b2b-price-list-form-modal__option .form-check-input {
	width: 2.5em;
	height: 1.25em;
	margin: 0;
	flex-shrink: 0;
	cursor: pointer;
}

.b2b-price-list-form-modal__min-order .input-group-text {
	min-width: 2.75rem;
	justify-content: center;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

.b2b-price-list-form-modal__min-order-input {
	font-variant-numeric: tabular-nums;
	-moz-appearance: textfield;
}

.b2b-price-list-form-modal__min-order-input::-webkit-outer-spin-button,
.b2b-price-list-form-modal__min-order-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.b2b-price-list-form-modal__body .form-control,
.b2b-price-list-form-modal__body .form-select {
	min-height: 44px;
	font-size: 16px;
}

.b2b-price-list-form-modal__footer {
	padding: 0.85rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	gap: 0.5rem;
}

.b2b-price-list-products-panel {
	overflow: hidden;
}

.b2b-price-list-products-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-price-list-products-panel__heading {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	min-width: 0;
	flex: 1;
}

.b2b-price-list-products-panel__icon {
	width: 40px;
	height: 40px;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.08);
	color: var(--primary, #0077ff);
}

.b2b-price-list-products-panel__title {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-price-list-products-panel__subtitle {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
}

.b2b-price-list-products-panel__add-btn {
	flex-shrink: 0;
	min-height: 44px;
	white-space: nowrap;
}

.b2b-price-list-products-panel__toolbar {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-price-list-products-filter-wrap {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1;
	min-width: 0;
	padding: 0.35rem 0.75rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.25rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.b2b-price-list-products-filter-wrap:focus-within {
	border-color: rgba(0, 119, 255, 0.45);
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.12);
}

.b2b-price-list-products-filter-icon {
	color: var(--bs-secondary-color);
	flex-shrink: 0;
	line-height: 1;
}

.b2b-price-list-products-filter-wrap .form-control {
	border: 0;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	min-height: 38px;
	font-size: 0.825rem;
	background: transparent;
}

.b2b-price-list-products-filter-wrap .form-control:focus {
	box-shadow: none;
	background: transparent;
}

.b2b-price-list-products-filter-clear {
	flex-shrink: 0;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	color: var(--bs-secondary-color);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.b2b-price-list-products-filter-clear:hover {
	color: var(--bs-body-color);
}

.b2b-price-list-products-panel__count {
	flex-shrink: 0;
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	white-space: nowrap;
}

.b2b-price-list-products-panel__hint {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.55rem 1.25rem;
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: rgba(0, 119, 255, 0.04);
}

.b2b-price-list-products-panel__hint i {
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

.b2b-price-list-products-table .pl-unit-price {
	min-height: 38px;
}

.b2b-price-list-unit-price-group {
	max-width: 150px;
}

.b2b-price-list-unit-price-group .input-group-text {
	font-size: 0.825rem;
	padding: 0.25rem 0.55rem;
	color: var(--bs-secondary-color);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border-color: var(--bs-border-color, #dee6ed);
	min-width: 2.35rem;
	justify-content: center;
}

.b2b-price-list-products-table__product {
	min-width: 0;
}

.b2b-price-list-products-table__img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 0.25rem;
	flex-shrink: 0;
}

.b2b-price-list-products-table__img--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	color: var(--bs-secondary-color);
}

.b2b-price-list-products-table thead th {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--bs-secondary-color);
	font-weight: 500;
	border-bottom-width: 1px;
	white-space: nowrap;
}

.b2b-price-list-products-table tbody td {
	vertical-align: middle;
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
}

.b2b-price-list-products-table__title {
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-price-list-products-table__meta {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
}

.b2b-price-list-product-row.is-inactive {
	opacity: 0.72;
}

.b2b-price-list-product-row.is-inactive .b2b-price-list-products-table__title {
	color: var(--bs-secondary-color);
}

.b2b-price-list-product-row.is-dirty {
	background: rgba(239, 181, 64, 0.06);
	box-shadow: inset 3px 0 0 #efb540;
}

.b2b-price-list-product-row.is-dirty .pl-unit-price,
.b2b-price-list-product-row.is-dirty .pl-min-qty {
	border-color: rgba(239, 181, 64, 0.55);
	box-shadow: 0 0 0 0.15rem rgba(239, 181, 64, 0.12);
}

.b2b-price-list-product-row.is-saving {
	opacity: 0.85;
}

.b2b-price-list-product-row.is-saved-flash {
	animation: b2b-price-list-row-saved 1.2s ease;
}

@keyframes b2b-price-list-row-saved {
	0% { background: rgba(63, 199, 125, 0.18); box-shadow: inset 3px 0 0 #3fc77d; }
	100% { background: transparent; box-shadow: none; }
}

.b2b-price-list-row-actions .js-save-price-list-product.btn-success {
	animation: b2b-price-list-save-pulse 1.5s ease-in-out infinite;
}

@keyframes b2b-price-list-save-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(63, 199, 125, 0.35); }
	50% { box-shadow: 0 0 0 0.35rem rgba(63, 199, 125, 0.15); }
}

.b2b-price-list-active-cell {
	min-width: 72px;
	vertical-align: middle;
}

.b2b-price-list-active-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0;
}

.b2b-price-list-active-switch .form-check-input {
	width: 2.75em;
	height: 1.45em;
	margin: 0;
	cursor: pointer;
	float: none;
}

.b2b-price-list-active-switch .form-check-input:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.15);
}

.b2b-price-list-product-row.is-inactive .b2b-price-list-active-switch .form-check-input:not(:checked) {
	opacity: 0.85;
}

.b2b-price-list-row-actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
	flex-wrap: nowrap;
}

.b2b-price-list-row-actions .btn {
	min-height: 36px;
	min-width: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

.b2b-price-list-row-actions .js-save-price-list-product {
	padding-left: 0.85rem;
	padding-right: 0.85rem;
}

.b2b-price-list-min-qty-cell {
	vertical-align: middle;
}

.b2b-price-list-min-qty-touchspin {
	display: inline-flex;
	justify-content: center;
}

.b2b-price-list-min-qty-cell .bootstrap-touchspin {
	width: 7.5rem;
	max-width: 100%;
}

.b2b-price-list-min-qty-cell .bootstrap-touchspin .form-control {
	height: 40px;
	min-height: 40px;
	padding: 0 0.35rem;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	border-color: var(--bs-border-color, #dee6ed);
	box-shadow: none;
}

.b2b-price-list-min-qty-cell .bootstrap-touchspin-down,
.b2b-price-list-min-qty-cell .bootstrap-touchspin-up {
	width: 2.25rem;
	min-width: 2.25rem;
	height: 40px;
	min-height: 40px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-color: var(--bs-border-color, #dee6ed);
	background: color-mix(in srgb, var(--bs-secondary-color) 6%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--bs-body-color);
}

.b2b-price-list-min-qty-cell .bootstrap-touchspin-down:hover,
.b2b-price-list-min-qty-cell .bootstrap-touchspin-up:hover {
	background: color-mix(in srgb, var(--primary, #0077ff) 10%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
	border-color: var(--bs-border-color, #dee6ed);
}

.b2b-price-list-min-qty-cell .bootstrap-touchspin-down {
	border-radius: 0.35rem 0 0 0.35rem;
}

.b2b-price-list-min-qty-cell .bootstrap-touchspin-up {
	border-radius: 0 0.35rem 0.35rem 0;
}

.b2b-price-list-product-row.is-dirty .b2b-price-list-min-qty-cell .bootstrap-touchspin .form-control {
	border-color: rgba(239, 181, 64, 0.55);
}

.b2b-price-list-qty-input {
	max-width: none;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

body[data-theme=dark] .b2b-price-list-product-row.is-dirty {
	background: rgba(239, 181, 64, 0.08);
	box-shadow: inset 3px 0 0 #efb540;
}

body[data-theme=dark] .b2b-price-list-products-panel__hint {
	background: rgba(0, 119, 255, 0.08);
}

@media (max-width: 767.98px) {
	.b2b-price-list-products-table thead {
		display: none;
	}

	.b2b-price-list-product-row {
		display: block;
		padding: 1rem 1.25rem;
		border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-price-list-product-row:last-child {
		border-bottom: 0;
	}

	.b2b-price-list-products-table tbody td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.4rem 0;
		border: 0;
		text-align: right !important;
	}

	.b2b-price-list-products-table tbody td::before {
		content: attr(data-label);
		font-size: 0.75rem;
		font-weight: 500;
		color: var(--bs-secondary-color);
		text-align: left;
		flex-shrink: 0;
	}

	.b2b-price-list-products-table tbody td[data-label] > .b2b-price-list-products-table__product,
	.b2b-price-list-products-table tbody td[data-label] > .input-group,
	.b2b-price-list-products-table tbody td[data-label] > .form-control,
	.b2b-price-list-products-table tbody td[data-label] > .b2b-price-list-min-qty-touchspin {
		flex: 1;
		min-width: 0;
		justify-content: flex-end;
	}

	.b2b-price-list-min-qty-cell .b2b-price-list-min-qty-touchspin {
		justify-content: flex-end;
	}

	.b2b-price-list-active-cell {
		justify-content: space-between;
	}

	.b2b-price-list-active-cell .b2b-price-list-active-switch {
		justify-content: flex-end;
		min-height: 0;
	}

	.b2b-price-list-row-actions-cell {
		display: block;
		padding-top: 0.75rem !important;
		margin-top: 0.35rem;
		border-top: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-price-list-row-actions-cell::before {
		display: block;
		margin-bottom: 0.5rem;
	}

	.b2b-price-list-row-actions {
		width: 100%;
	}

	.b2b-price-list-row-actions .js-save-price-list-product {
		flex: 1;
	}

	.b2b-price-list-products-panel__header {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-price-list-products-panel__add-btn {
		width: 100%;
	}

	.b2b-price-list-products-panel__toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-price-list-products-panel__count {
		text-align: right;
	}
}

body[data-theme=dark] .b2b-price-list-products-panel__icon {
	background: rgba(0, 119, 255, 0.15);
}

body[data-theme=dark] .b2b-price-list-products-panel__toolbar,
body[data-theme=dark] .b2b-price-list-products-filter-wrap {
	background: rgba(255, 255, 255, 0.03);
}

.b2b-price-list-add-product-results {
	max-height: 420px;
	overflow: auto;
}

.b2b-price-list-add-product-list {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.25rem;
}

.b2b-price-list-add-product-item {
	min-height: 64px;
}

.b2b-price-list-add-product-item__img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 0.25rem;
	flex-shrink: 0;
}

.b2b-price-list-add-product-item__img--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	color: var(--bs-secondary-color);
}

body[data-theme=dark] .b2b-price-list-card:hover {
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.25);
}

body[data-theme=dark] .b2b-price-list-card.is-selected {
	box-shadow: 0 0 0 1px var(--primary, #0077ff), 0 0.35rem 1rem rgba(0, 119, 255, 0.2);
}

body[data-theme=dark] .b2b-price-list-card__stat {
	background: rgba(255, 255, 255, 0.04);
}

/* B2B customer portal */
.b2b-shell {
	min-height: 100vh;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--b2b-primary, #0077ff) 6%, transparent) 0, transparent 42%),
		var(--bs-body-bg);
}

.b2b-topbar {
	position: sticky;
	top: 0;
	z-index: 1030;
	background: var(--b2b-primary, #0077ff);
	color: #fff;
	padding: .75rem 0;
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, .12);
}

.b2b-topbar__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1rem;
}

.b2b-topbar__brand {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	color: #fff;
	text-decoration: none;
	min-height: 44px;
}

.b2b-topbar__brand:hover { color: #fff; opacity: .95; }

.b2b-topbar__logo {
	max-height: 36px;
	max-width: 140px;
	object-fit: contain;
}

.b2b-topbar__logo-fallback {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: .45rem;
	background: rgba(255, 255, 255, .15);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.b2b-topbar__brand-name { font-weight: 500; font-size: .95rem; }

.b2b-topbar__nav {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	flex: 1;
	justify-content: center;
}

.b2b-topbar__nav-link {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: rgba(255, 255, 255, .92);
	padding: .45rem .75rem;
	min-height: 44px;
	border-radius: 10rem;
	text-decoration: none;
	font-size: .825rem;
	transition: background .2s ease;
}

.b2b-topbar__nav-link:hover,
.b2b-topbar__nav-link.active {
	color: #fff;
	background: rgba(255, 255, 255, .16);
}

.b2b-topbar__account {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	margin-left: auto;
}

.b2b-topbar__account-name {
	font-size: .825rem;
	color: rgba(255, 255, 255, .88);
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.b2b-topbar__signout {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
	padding: .45rem .75rem;
	min-height: 44px;
	border-radius: 10rem;
	font-size: .825rem;
}

.b2b-topbar__signout:hover {
	color: #fff;
	background: rgba(255, 255, 255, .12);
}

.b2b-main { padding: 1.75rem 0 3rem; }

.b2b-portal-page { max-width: 1200px; margin: 0 auto; }

.b2b-page-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.b2b-page-header--compact { margin-bottom: 1rem; }

.b2b-page-header__back {
	display: inline-flex;
	align-items: center;
	font-size: .825rem;
	color: var(--bs-secondary-color);
	text-decoration: none;
	margin-bottom: .35rem;
}

.b2b-page-header__back:hover { color: var(--b2b-primary, #0077ff); }

.b2b-page-header__title {
	font-size: 1.35rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin: 0 0 .25rem;
}

.b2b-page-header__subtitle {
	font-size: .875rem;
	color: var(--bs-secondary-color);
	margin: 0;
	line-height: 1.5;
}

.btn-b2b-primary,
.btn-b2b-accent,
.btn-b2b-ghost,
.btn-b2b-outline {
	min-height: 44px;
	font-weight: 500;
}

.btn-b2b-primary {
	background: var(--b2b-primary, #0077ff);
	border-color: var(--b2b-primary, #0077ff);
	color: #fff;
}

.btn-b2b-primary:hover,
.btn-b2b-primary:focus { filter: brightness(.92); color: #fff; }

.btn-b2b-accent {
	background: var(--b2b-accent, #3fc77d);
	border-color: var(--b2b-accent, #3fc77d);
	color: #fff;
}

.btn-b2b-accent:hover,
.btn-b2b-accent:focus { filter: brightness(.92); color: #fff; }

.btn-b2b-ghost {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	color: var(--bs-body-color);
}

.btn-b2b-outline {
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--b2b-primary, #0077ff) 35%, var(--bs-border-color, #dee6ed));
	color: var(--b2b-primary, #0077ff);
	min-height: 38px;
}

.btn-b2b-outline:hover {
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 8%, transparent);
	color: var(--b2b-primary, #0077ff);
}

.b2b-card {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: .5rem;
	box-shadow: 0 0.15rem 0.75rem rgba(0, 0, 0, .04);
}

.b2b-card--panel { overflow: hidden; }

.b2b-card__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-card__title {
	font-size: .95rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin: 0;
}

.b2b-card__link {
	font-size: .825rem;
	color: var(--b2b-primary, #0077ff);
	text-decoration: none;
}

.b2b-card__body { padding: 1.25rem; }

.b2b-badge {
	display: inline-flex;
	align-items: center;
	font-size: .72rem;
	font-weight: 500;
	padding: .28em .6em;
	border-radius: 10rem;
	line-height: 1.2;
}

.b2b-badge--neutral {
	background: color-mix(in srgb, var(--bs-secondary-color) 12%, transparent);
	color: var(--bs-body-color);
	border: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-badge--success {
	background: color-mix(in srgb, var(--b2b-accent, #3fc77d) 16%, transparent);
	color: color-mix(in srgb, var(--b2b-accent, #3fc77d) 70%, #000);
}

.b2b-badge--warning {
	background: color-mix(in srgb, #efb540 22%, transparent);
	color: color-mix(in srgb, #9a6700 80%, #000);
}

.b2b-badge--danger {
	background: color-mix(in srgb, #d9534f 16%, transparent);
	color: #d9534f;
}

.b2b-empty-inline {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: .5rem 0;
}

.b2b-empty-inline--center {
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 2rem 1rem;
}

.b2b-empty-inline__icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 10%, transparent);
	color: var(--b2b-primary, #0077ff);
}

.b2b-empty-inline__title {
	font-size: .95rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin: 0 0 .25rem;
}

.b2b-empty-inline__text {
	font-size: .825rem;
	color: var(--bs-secondary-color);
	margin: 0;
	line-height: 1.5;
}

.b2b-table thead th {
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--bs-secondary-color);
}

.b2b-dashboard-hero {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1.75rem 1.5rem;
	margin-bottom: 1.5rem;
	border-radius: .65rem;
	border: 1px solid color-mix(in srgb, var(--b2b-primary, #0077ff) 18%, var(--bs-border-color, #dee6ed));
	background: linear-gradient(135deg, color-mix(in srgb, var(--b2b-primary, #0077ff) 10%, rgb(var(--bs-card-bg-rgb, 255, 255, 255))) 0%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)) 100%);
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, .05);
}

.b2b-dashboard-hero__eyebrow {
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--b2b-primary, #0077ff);
	margin: 0 0 .35rem;
}

.b2b-dashboard-hero__title {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin: 0 0 .35rem;
}

.b2b-dashboard-hero__subtitle {
	font-size: .925rem;
	color: var(--bs-secondary-color);
	margin: 0 0 1.25rem;
	line-height: 1.55;
}

.b2b-dashboard-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
}

.b2b-dashboard-hero__visual {
	display: none;
	align-items: center;
	justify-content: center;
	width: 5.5rem;
	flex-shrink: 0;
	border-radius: .65rem;
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 12%, transparent);
	color: var(--b2b-primary, #0077ff);
	font-size: 2rem;
}

.b2b-quick-action {
	display: flex;
	align-items: center;
	gap: .875rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: .5rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	text-decoration: none;
	color: inherit;
	box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, .04);
	transition: transform .2s ease, box-shadow .2s ease;
}

.b2b-quick-action:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, .08);
	color: inherit;
}

.b2b-quick-action__icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: .5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 10%, transparent);
	color: var(--b2b-primary, #0077ff);
}

.b2b-quick-action__icon--accent {
	background: color-mix(in srgb, var(--b2b-accent, #3fc77d) 14%, transparent);
	color: color-mix(in srgb, var(--b2b-accent, #3fc77d) 80%, #000);
}

.b2b-quick-action__body { min-width: 0; flex: 1; }

.b2b-quick-action__title {
	display: block;
	font-size: .925rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-quick-action__text {
	display: block;
	font-size: .78rem;
	color: var(--bs-secondary-color);
	margin-top: .15rem;
}

.b2b-quick-action__arrow {
	color: var(--bs-secondary-color);
	font-size: .75rem;
}

.b2b-order-list__item {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .9rem 0;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	text-decoration: none;
	color: inherit;
}

.b2b-order-list__item:last-child { border-bottom: 0; }

.b2b-order-list__item:hover .b2b-order-list__id { color: var(--b2b-primary, #0077ff); }

.b2b-order-list__main { min-width: 0; flex: 1; }

.b2b-order-list__id {
	display: block;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-order-list__date {
	display: block;
	font-size: .78rem;
	color: var(--bs-secondary-color);
}

.b2b-order-summary { top: 1rem; }

.b2b-order-summary__total-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1rem;
	padding: 1rem 1.15rem;
	margin-bottom: 1.25rem;
	border-radius: .5rem;
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 8%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	border: 1px solid color-mix(in srgb, var(--b2b-primary, #0077ff) 18%, var(--bs-border-color, #dee6ed));
}

.b2b-order-summary__total-label {
	font-size: .72rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--bs-secondary-color);
	line-height: 1.3;
	padding-bottom: .15rem;
}

.b2b-order-summary__total-amount {
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: .2rem;
	min-width: 0;
}

.b2b-order-summary__total-symbol {
	font-size: 1rem;
	font-weight: 500;
	color: var(--b2b-primary, #0077ff);
	line-height: 1;
}

.b2b-order-summary__total-value {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--bs-body-color);
	font-variant-numeric: tabular-nums;
	line-height: 1.15;
	word-break: break-word;
}

.b2b-order-summary__section {
	padding-top: 1.15rem;
	margin-top: 1.15rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-order-summary__section-title {
	font-size: .78rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--bs-secondary-color);
	margin: 0 0 .75rem;
}

.b2b-order-summary__link {
	display: inline-block;
	margin-top: .35rem;
	font-size: .78rem;
	color: var(--b2b-primary, #0077ff);
	text-decoration: none;
}

.b2b-order-summary__hint {
	font-size: .78rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

.b2b-order-summary .form-control,
.b2b-order-summary .form-select {
	min-height: 44px;
	font-size: 16px;
}

.b2b-cart-items {
	margin-bottom: 1rem;
	max-height: 240px;
	overflow: auto;
}

.b2b-cart-empty {
	text-align: center;
	padding: 1.25rem .75rem;
	border: 1px dashed var(--bs-border-color, #dee6ed);
	border-radius: .45rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 4%, transparent);
}

.b2b-cart-empty__icon {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto .65rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 10%, transparent);
	color: var(--b2b-primary, #0077ff);
}

.b2b-cart-empty__title {
	font-size: .875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin: 0 0 .2rem;
}

.b2b-cart-empty__text {
	font-size: .78rem;
	color: var(--bs-secondary-color);
	margin: 0;
}

.b2b-cart-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .65rem;
	padding: .7rem 0;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-cart-item:last-child { border-bottom: 0; padding-bottom: 0; }

.b2b-cart-item__title {
	font-size: .825rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-cart-item__meta {
	font-size: .75rem;
	color: var(--bs-secondary-color);
	margin-top: .15rem;
}

.b2b-cart-item__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .25rem;
}

.b2b-cart-item__price {
	font-size: .825rem;
	font-weight: 500;
}

.b2b-cart-item__remove {
	border: 0;
	background: transparent;
	color: var(--bs-secondary-color);
	width: 32px;
	height: 32px;
	border-radius: .25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.b2b-cart-item__remove:hover {
	color: #d9534f;
	background: color-mix(in srgb, #d9534f 10%, transparent);
}

.b2b-catalog-toolbar__intro {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem .75rem;
}

.b2b-catalog-count {
	font-size: .75rem;
	color: var(--bs-secondary-color);
}

.b2b-catalog-toolbar__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

#toggleFavoritesFilter.active {
	background: color-mix(in srgb, var(--b2b-accent, #3fc77d) 14%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	border-color: color-mix(in srgb, var(--b2b-accent, #3fc77d) 35%, var(--bs-border-color, #dee6ed));
	color: color-mix(in srgb, var(--b2b-accent, #3fc77d) 75%, #000);
}

.b2b-catalog-search {
	padding: .85rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: color-mix(in srgb, var(--bs-secondary-color) 3%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-catalog-search__wrap { position: relative; max-width: 420px; }

.b2b-catalog-search__icon {
	position: absolute;
	left: .85rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--bs-secondary-color);
}

.b2b-catalog-search__input {
	padding-left: 2.35rem;
	min-height: 44px;
	font-size: 16px;
}

.b2b-catalog-no-results { padding: 2rem 1.25rem; }

.b2b-catalog-product {
	display: flex;
	align-items: center;
	gap: .75rem;
	min-width: 0;
}

.b2b-catalog-product__img {
	width: 44px;
	height: 44px;
	border-radius: .35rem;
	object-fit: cover;
	flex-shrink: 0;
	border: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-catalog-product__img--placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--bs-secondary-color) 8%, transparent);
	color: var(--bs-secondary-color);
}

.b2b-catalog-product__title {
	font-size: .875rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-catalog-product__meta {
	font-size: .75rem;
	color: var(--bs-secondary-color);
}

.b2b-catalog-price { font-weight: 500; }

.b2b-catalog-price__currency {
	font-size: .75rem;
	color: var(--bs-secondary-color);
	margin-left: .15rem;
}

.b2b-catalog-table__qty .catalog-qty {
	min-height: 40px;
	font-size: 16px;
	text-align: center;
}

.b2b-catalog-min-qty {
	display: block;
	font-size: .68rem;
	color: var(--bs-secondary-color);
	margin-top: .2rem;
}

.b2b-catalog-fav-btn {
	border: 0;
	background: transparent;
	width: 44px;
	height: 44px;
	border-radius: .35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-secondary-color);
}

.b2b-catalog-fav-btn:hover,
.b2b-catalog-fav-btn.is-active {
	color: var(--b2b-accent, #3fc77d);
	background: color-mix(in srgb, var(--b2b-accent, #3fc77d) 10%, transparent);
}

.b2b-catalog-table tbody tr:hover {
	background: color-mix(in srgb, var(--b2b-primary, #0077ff) 4%, transparent);
}

.b2b-catalog-table__action .add-to-cart-btn.added {
	transform: scale(.96);
	filter: brightness(.92);
}

.b2b-main--login { padding: 0; min-height: 100vh; }

.b2b-login-page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.b2b-login-brand {
	position: relative;
	overflow: hidden;
	background: linear-gradient(145deg, var(--b2b-primary, #0077ff) 0%, color-mix(in srgb, var(--b2b-primary, #0077ff) 72%, #000) 100%);
	color: #fff;
	padding: 2.5rem 1.5rem;
}

.b2b-login-form-panel {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1.25rem;
}

.b2b-login-form-card {
	width: 100%;
	max-width: 26rem;
	padding: 2rem 1.5rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: .5rem;
	box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, .06);
}

@media (min-width: 768px) {
	.b2b-dashboard-hero { padding: 2rem 1.75rem; }
	.b2b-dashboard-hero__visual { display: flex; }
}

@media (min-width: 992px) {
	.b2b-login-page { flex-direction: row; }
	.b2b-login-brand {
		flex: 0 0 44%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 991.98px) {
	.b2b-topbar__nav { order: 3; width: 100%; justify-content: flex-start; }
	.b2b-topbar__account { margin-left: 0; }
}

@media (max-width: 767.98px) {
	.b2b-main { padding: 1rem 0 2rem; }
	.b2b-order-summary { position: static !important; }
}

body[data-theme=dark] .b2b-card,
body[data-theme=dark] .b2b-quick-action,
body[data-theme=dark] .b2b-dashboard-hero {
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, .2);
}

/* B2B seller — portal order approvals */
/* B2B portal — all orders (two-card filter / table layout) */
.b2b-orders-table-area {
	position: relative;
	min-height: 220px;
}

.b2b-orders-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 1.5rem;
}

.b2b-orders-order__ref {
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-orders-date {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

.b2b-orders-date__day {
	font-size: 0.825rem;
	color: var(--bs-body-color);
}

.b2b-orders-date__time {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
}

.b2b-orders-customer {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.b2b-orders-customer__name {
	font-size: 0.825rem;
	font-weight: 500;
	color: var(--bs-body-color);
	word-break: break-word;
}

.b2b-orders-customer__email {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	word-break: break-word;
}

.b2b-orders-po,
.b2b-orders-total,
.b2b-orders-lines {
	font-size: 0.825rem;
	color: var(--bs-body-color);
}

.b2b-orders-docs {
	font-size: 0.78rem;
	color: var(--bs-secondary-color);
}

.b2b-orders-docs-empty {
	color: var(--bs-secondary-color);
}

.b2b-orders-status {
	font-size: 0.72rem;
	font-weight: 500;
	padding: 0.35em 0.65em;
	border-radius: 999px;
}

.b2b-orders-status--pending {
	background: rgba(239, 181, 64, 0.15);
	color: #a67c1a;
}

.b2b-orders-status--rejected {
	background: rgba(217, 83, 79, 0.12);
	color: #d9534f;
}

.b2b-orders-status--closed,
.b2b-orders-status--shipment {
	background: rgba(63, 199, 125, 0.12);
	color: var(--success, #3fc77d);
}

.b2b-orders-status--order {
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
}

.b2b-orders-actions {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
}

.b2b-orders-action {
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

@media (max-width: 767.98px) {
	.b2b-orders-table thead {
		display: none;
	}

	.b2b-orders-table tbody tr {
		display: block;
		padding: 0.85rem 1rem;
		border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-orders-table tbody tr:last-child {
		border-bottom: 0;
	}

	.b2b-orders-table tbody td {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.75rem;
		padding: 0.35rem 0;
		border: 0;
		text-align: right !important;
	}

	.b2b-orders-table tbody td::before {
		content: attr(data-label);
		font-size: 0.72rem;
		font-weight: 500;
		color: var(--bs-secondary-color);
		text-transform: uppercase;
		letter-spacing: 0.02em;
		text-align: left;
		flex: 0 0 auto;
	}

	.b2b-orders-table tbody td.d-none {
		display: none !important;
	}

	.b2b-orders-actions {
		width: 100%;
		justify-content: flex-end;
	}
}

.b2b-approvals-card {
	overflow: hidden;
}

.b2b-approvals-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-card__heading {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	min-width: 0;
}

.b2b-approvals-card__icon {
	width: 40px;
	height: 40px;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(239, 181, 64, 0.12);
	color: #c9922a;
}

.b2b-approvals-card__title {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-approvals-card__subtitle {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
}

.b2b-approvals-count {
	font-size: 0.7rem;
	font-weight: 500;
	padding: 0.35em 0.75em;
	background: rgba(239, 181, 64, 0.15);
	color: #a67c1a;
	white-space: nowrap;
}

.b2b-approvals-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 1.5rem;
}

.b2b-approvals-table-wrap .dataTables_wrapper {
	padding: 0;
}

.b2b-approvals-dt-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.85rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-dt-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.85rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-table-wrap .dataTables_length label,
.b2b-approvals-table-wrap .dataTables_filter label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
}

.b2b-approvals-table-wrap .dataTables_length select,
.b2b-approvals-table-wrap .dataTables_filter input {
	min-height: 38px;
	font-size: 0.8125rem;
	border-color: var(--bs-border-color, #dee6ed);
}

.b2b-approvals-table-wrap .dataTables_filter input {
	border-radius: 999px;
	padding-left: 1rem;
	padding-right: 1rem;
	min-width: min(100%, 240px);
}

.b2b-approvals-table-wrap .dataTables_filter input:focus {
	border-color: rgba(0, 119, 255, 0.35);
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.12);
}

.b2b-approvals-table-wrap .dataTables_info {
	font-size: 0.78rem;
	color: var(--bs-secondary-color);
	padding: 0;
	margin: 0;
}

.b2b-approvals-table-wrap .dataTables_paginate {
	padding: 0;
	margin: 0;
}

.b2b-approvals-table-wrap .dataTables_paginate .pagination {
	margin: 0;
	justify-content: flex-end;
}

.b2b-approvals-table-wrap .dataTables_paginate .paginate_button {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	min-width: 0;
	min-height: 0;
	margin: 0;
}

.b2b-approvals-table-wrap .dataTables_paginate .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	min-height: 2rem;
	height: auto;
	padding: 0.25rem 0.55rem;
	margin: 0 0.1rem;
	border-radius: 0.25rem !important;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	color: var(--bs-body-color);
	line-height: 1.4;
}

.b2b-approvals-table-wrap .dataTables_paginate .page-item.active .page-link,
.b2b-approvals-table-wrap .dataTables_paginate .paginate_button.current .page-link {
	background: var(--primary, #0077ff) !important;
	border-color: var(--primary, #0077ff) !important;
	color: #fff !important;
}

.b2b-approvals-table-wrap .dataTables_paginate .page-item.disabled .page-link {
	opacity: 0.45;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border-color: var(--bs-border-color, #dee6ed);
}

.b2b-approvals-table-wrap .dataTables_paginate .page-item:not(.disabled):not(.active) .page-link:hover {
	background: rgba(0, 119, 255, 0.06) !important;
	border-color: rgba(0, 119, 255, 0.2) !important;
	color: var(--primary, #0077ff) !important;
}

.b2b-approvals-table-wrap .b2b-approvals-table {
	margin: 0;
}

.b2b-approvals-table-wrap .b2b-approvals-table thead th,
.b2b-approvals-table-wrap .b2b-approvals-table tbody td {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.b2b-approvals-empty .empty-state-container {
	min-height: 260px;
}

.b2b-approvals-empty .empty-state-title,
.b2b-approvals-empty .empty-state-message {
	color: var(--bs-body-color);
}

.b2b-approvals-empty .empty-state-message {
	color: var(--bs-secondary-color);
}

.b2b-approvals-table thead th {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color);
	font-weight: 500;
	border-bottom-width: 1px;
	white-space: nowrap;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

.b2b-approvals-table tbody td {
	vertical-align: middle;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

.b2b-approvals-table tbody tr.b2b-approvals-row {
	transition: background-color 0.15s ease;
}

.b2b-approvals-table tbody tr.b2b-approvals-row:hover {
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.04);
}

.b2b-approvals-order {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
}

.b2b-approvals-order__ref {
	font-weight: 500;
	color: var(--bs-body-color);
	font-size: 0.875rem;
	word-break: break-word;
}

.b2b-approvals-pending-badge {
	font-size: 0.7rem;
	font-weight: 500;
	padding: 0.25em 0.55em;
	background: rgba(239, 181, 64, 0.15);
	color: #a67c1a;
}

.b2b-approvals-date {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

.b2b-approvals-date__day {
	color: var(--bs-body-color);
	font-size: 0.825rem;
}

.b2b-approvals-date__time {
	color: var(--bs-secondary-color);
	font-size: 0.75rem;
}

.b2b-approvals-customer {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.b2b-approvals-customer__name {
	font-weight: 500;
	color: var(--bs-body-color);
	word-break: break-word;
}

.b2b-approvals-customer__email {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	word-break: break-word;
}

.b2b-approvals-po {
	color: var(--bs-body-color);
	font-size: 0.825rem;
}

.b2b-approvals-total {
	font-weight: 500;
	color: var(--bs-body-color);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.b2b-approvals-lines-badge {
	font-size: 0.72rem;
	font-weight: 500;
	padding: 0.28em 0.55em;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.08);
	border: 0;
	color: var(--bs-body-color);
}

.b2b-approvals-actions__decisions {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
}

.b2b-approvals-actions__decisions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 36px;
	white-space: nowrap;
}

.b2b-approvals-actions__decisions .btn i {
	font-size: 0.72rem;
	line-height: 1;
}

.b2b-approvals-docs-col {
	white-space: nowrap;
}

.b2b-approvals-docs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 36px;
	white-space: nowrap;
}

.b2b-approvals-docs-btn i {
	font-size: 0.72rem;
	line-height: 1;
}

.b2b-approvals-action__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.15rem;
	height: 1.15rem;
	padding: 0 0.3rem;
	border-radius: 10rem;
	font-size: 0.65rem;
	font-weight: 600;
	line-height: 1;
	background: rgba(0, 119, 255, 0.12);
	color: var(--primary, #0077ff);
}

.b2b-approvals-docs-btn:hover .b2b-approvals-action__count,
.b2b-approvals-docs-btn:focus-visible .b2b-approvals-action__count {
	background: rgba(0, 119, 255, 0.18);
	color: var(--primary, #0077ff);
}

.b2b-approvals-docs-modal {
	overflow: hidden;
}

.b2b-approvals-docs-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-docs-hero__start {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
	flex: 1;
}

.b2b-approvals-docs-hero__icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.b2b-approvals-docs-hero__titles {
	min-width: 0;
}

.b2b-approvals-docs-hero__meta {
	font-size: 0.8rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
	word-break: break-word;
}

.b2b-approvals-review-modal {
	overflow: hidden;
}

.b2b-approvals-review-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-review-hero__start {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
	flex: 1;
}

.b2b-approvals-review-hero__icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	font-size: 1rem;
}

.b2b-approvals-review-hero__titles {
	min-width: 0;
}

.b2b-approvals-review-hero__meta,
.b2b-approvals-review-hero__customer {
	font-size: 0.8rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
	word-break: break-word;
}

.b2b-approvals-review-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-approvals-review-actions .btn {
	min-height: 36px;
}

.b2b-approvals-review-body {
	padding: 1rem 1.15rem;
}

.b2b-approvals-review-section {
	margin-bottom: 1rem;
}

.b2b-approvals-review-section--compact {
	margin-bottom: 0.85rem;
}

.b2b-approvals-review-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.b2b-approvals-review-section__title {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 0.5rem;
}

.b2b-approvals-review-section__head .b2b-approvals-review-section__title {
	margin-bottom: 0;
}

.b2b-approvals-review-section__badge {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	background: color-mix(in srgb, var(--bs-secondary-color) 10%, transparent);
	padding: 0.28em 0.65em;
	border-radius: 10rem;
}

.b2b-approvals-docs-panel {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.4rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 3%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	padding: 0.75rem;
}

.b2b-approvals-docs-upload-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.5rem;
}

.b2b-approvals-docs-upload-bar__file {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.65rem;
	flex: 1 1 11rem;
	min-width: 0;
	min-height: 44px;
	padding: 0.45rem 0.75rem;
	margin: 0;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.b2b-approvals-docs-upload-bar__file:hover,
.b2b-approvals-docs-upload-bar__file:focus-within {
	border-color: rgba(0, 119, 255, 0.45);
	box-shadow: 0 0 0 0.15rem rgba(0, 119, 255, 0.08);
}

.b2b-approvals-docs-upload-bar__file-icon {
	width: 1.85rem;
	height: 1.85rem;
	border-radius: 0.3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.85rem;
}

.b2b-approvals-docs-upload-bar__file-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
	gap: 0.05rem;
}

.b2b-approvals-docs-upload-bar__file-label {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.b2b-approvals-docs-upload-bar__file-name {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.b2b-approvals-docs-upload-bar__label {
	flex: 1 1 9rem;
	min-width: 0;
	min-height: 44px;
	font-size: 16px;
}

.b2b-approvals-docs-upload-bar__submit {
	flex: 0 0 auto;
	min-height: 44px;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
}

.b2b-approvals-docs-upload-bar__hint {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	margin-top: 0.45rem;
	line-height: 1.45;
}

.b2b-approvals-doc-list--panel {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	gap: 0.45rem;
}

.b2b-approvals-doc-list--panel .b2b-approvals-doc-row {
	padding: 0.55rem 0.65rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border-bottom: 0;
}

.b2b-approvals-doc-list--panel .b2b-approvals-doc-row:last-child {
	padding-bottom: 0.55rem;
}

@media (max-width: 767.98px) {
	.b2b-approvals-docs-upload-bar {
		flex-direction: column;
	}

	.b2b-approvals-docs-upload-bar__file,
	.b2b-approvals-docs-upload-bar__label,
	.b2b-approvals-docs-upload-bar__submit {
		flex: 1 1 100%;
		width: 100%;
	}
}

.b2b-approvals-review-panel {
	padding: 0.85rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.4rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-approvals-review-summary__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 0.75rem;
}

.b2b-approvals-review-summary__grid--single {
	grid-template-columns: 1fr;
}

.b2b-approvals-review-card {
	min-width: 0;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 4%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-approvals-review-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem 0.65rem;
	margin-bottom: 0.55rem;
}

.b2b-approvals-review-card__title {
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.3;
}

.b2b-approvals-review-card__date {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-body-color);
	padding: 0.2rem 0.55rem;
	border-radius: 10rem;
	background: color-mix(in srgb, var(--primary, #0077ff) 10%, transparent);
}

.b2b-approvals-review-card__date i {
	color: var(--primary, #0077ff);
	font-size: 0.7rem;
}

.b2b-approvals-review-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.b2b-approvals-review-company {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
	word-break: break-word;
}

.b2b-approvals-review-contact {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	min-width: 0;
}

.b2b-approvals-review-contact__icon {
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 0.05rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 12%, transparent);
	color: var(--bs-secondary-color);
	font-size: 0.65rem;
}

.b2b-approvals-review-contact__text {
	min-width: 0;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
	word-break: break-word;
}

.b2b-approvals-review-contact__link {
	color: var(--primary, #0077ff);
	text-decoration: none;
}

.b2b-approvals-review-contact__link:hover {
	text-decoration: underline;
}

.b2b-approvals-review-card__address {
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	font-style: normal;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.45;
	word-break: break-word;
}

.b2b-approvals-review-card__address-line {
	display: block;
}

.b2b-approvals-review-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.b2b-approvals-meta-chip {
	min-width: 0;
	flex: 1 1 calc(50% - 0.45rem);
	padding: 0.45rem 0.55rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.3rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 3%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-approvals-meta-chip--wide {
	flex-basis: 100%;
}

.b2b-approvals-meta-chip__label {
	display: block;
	margin-bottom: 0.08rem;
	font-size: 0.65rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

.b2b-approvals-meta-chip__value {
	display: block;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
	word-break: break-word;
}

.b2b-approvals-review-kv-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem 0.85rem;
}

.b2b-approvals-review-kv-grid--details {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0;
}

.b2b-approvals-kv {
	min-width: 0;
}

.b2b-approvals-kv--full {
	grid-column: 1 / -1;
}

.b2b-approvals-kv__label {
	display: block;
	margin: 0 0 0.08rem;
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

.b2b-approvals-kv__value {
	display: block;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
	word-break: break-word;
}

.b2b-approvals-review-panel__divider {
	height: 1px;
	margin: 0.6rem 0;
	background: var(--bs-border-color, #dee6ed);
}

.b2b-approvals-review-panel__block {
	min-width: 0;
}

.b2b-approvals-review-panel__label {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

.b2b-approvals-review-panel__address {
	font-style: normal;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
	word-break: break-word;
}

.b2b-approvals-review-docs-hint,
.b2b-approvals-review-empty {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

.b2b-approvals-doc-upload--compact {
	margin-bottom: 0;
}

.b2b-approvals-doc-row__meta {
	display: block;
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
}

body[data-theme=dark] .b2b-approvals-review-panel {
	background: rgba(255, 255, 255, 0.02);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .b2b-approvals-review-card,
body[data-theme=dark] .b2b-approvals-meta-chip {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 767.98px) {
	.b2b-approvals-review-summary__grid {
		grid-template-columns: 1fr;
	}

	.b2b-approvals-meta-chip {
		flex-basis: 100%;
	}

	.b2b-approvals-review-kv-grid,
	.b2b-approvals-review-kv-grid--details {
		grid-template-columns: 1fr;
	}
}

.b2b-approvals-lines-card {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.45rem;
	overflow: hidden;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-approvals-lines-table thead th {
	padding: 0.75rem 1rem;
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: color-mix(in srgb, var(--bs-secondary-color) 4%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-approvals-lines-table tbody td {
	padding: 0.9rem 1rem;
	vertical-align: middle;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-lines-table tbody tr:last-child td {
	border-bottom: 0;
}

.b2b-approvals-lines-table__product {
	min-width: 14rem;
}

.b2b-approvals-lines-table__qty {
	width: 5.5rem;
	text-align: center;
	white-space: nowrap;
}

.b2b-approvals-lines-table__total {
	width: 8.5rem;
	white-space: nowrap;
}

.b2b-approvals-lines-product {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	min-width: 0;
}

.b2b-approvals-lines-product__img {
	width: 52px;
	height: 52px;
	border-radius: 0.45rem;
	object-fit: cover;
	flex-shrink: 0;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.b2b-approvals-lines-product__img--placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--primary, #0077ff) 6%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
}

.b2b-approvals-lines-product__body {
	min-width: 0;
}

.b2b-approvals-lines-product__title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
}

.b2b-approvals-lines-product__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-top: 0.35rem;
}

.b2b-approvals-lines-product__code,
.b2b-approvals-lines-product__sku {
	display: inline-flex;
	align-items: center;
	font-size: 0.68rem;
	line-height: 1.2;
	padding: 0.18rem 0.45rem;
	border-radius: 10rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 10%, transparent);
	color: var(--bs-secondary-color);
}

.b2b-approvals-lines-product__code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	letter-spacing: 0.02em;
}

.b2b-approvals-lines-qty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0 0.65rem;
	border-radius: 0.35rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--bs-body-color);
	background: color-mix(in srgb, var(--primary, #0077ff) 8%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	border: 1px solid color-mix(in srgb, var(--primary, #0077ff) 14%, var(--bs-border-color, #dee6ed));
}

.b2b-approvals-lines-total {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
}

.b2b-approvals-lines-total__amount {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}

.b2b-approvals-lines-total__currency {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	line-height: 1;
}

.b2b-approvals-lines-total__unit {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	line-height: 1;
}

.b2b-approvals-lines-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.35rem 0.5rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	background: color-mix(in srgb, var(--primary, #0077ff) 4%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-approvals-lines-summary__label {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-approvals-lines-summary__amount {
	font-size: 1.15rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.b2b-approvals-lines-summary__currency {
	font-size: 0.825rem;
	color: var(--bs-secondary-color);
}

body[data-theme=dark] .b2b-approvals-lines-card {
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme=dark] .b2b-approvals-lines-product__img {
	border-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 767.98px) {
	.b2b-approvals-lines-table thead {
		display: none;
	}

	.b2b-approvals-lines-table tbody tr {
		display: block;
		padding: 1rem;
		border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-approvals-lines-table tbody tr:last-child {
		border-bottom: 0;
	}

	.b2b-approvals-lines-table tbody td {
		display: block;
		padding: 0;
		border: 0;
	}

	.b2b-approvals-lines-table__product {
		margin-bottom: 0.75rem;
	}

	.b2b-approvals-lines-table__qty,
	.b2b-approvals-lines-table__total {
		width: auto;
		text-align: left;
	}

	.b2b-approvals-lines-table__qty {
		margin-bottom: 0.5rem;
	}

	.b2b-approvals-lines-total {
		align-items: flex-start;
	}
}

.b2b-approvals-docs-body {
	padding: 1.25rem;
}

.b2b-approvals-docs-hint {
	font-size: 0.825rem;
	color: var(--bs-secondary-color);
	line-height: 1.5;
	margin-bottom: 1.25rem;
}

.b2b-approvals-doc-upload {
	margin-bottom: 1.5rem;
}

.b2b-approvals-doc-upload__picker {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	width: 100%;
	margin-bottom: 0.75rem;
	padding: 0.85rem 1rem;
	border: 1px dashed var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.04);
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.b2b-approvals-doc-upload__picker:hover,
.b2b-approvals-doc-upload__picker:focus-within {
	border-color: rgba(0, 119, 255, 0.45);
	background: rgba(0, 119, 255, 0.04);
}

.b2b-approvals-doc-upload__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.b2b-approvals-doc-upload__picker-icon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	font-size: 0.95rem;
}

.b2b-approvals-doc-upload__picker-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
	gap: 0.1rem;
}

.b2b-approvals-doc-upload__picker-title {
	font-size: 0.825rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-approvals-doc-upload__picker-hint {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	word-break: break-word;
}

.b2b-approvals-doc-upload__picker-action {
	flex-shrink: 0;
	align-self: center;
	pointer-events: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.4rem 0.85rem;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
}

.b2b-approvals-doc-upload__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.b2b-approvals-doc-upload__fields .form-control {
	flex: 1 1 12rem;
	min-width: 0;
	min-height: 44px;
	font-size: 16px;
}

.b2b-approvals-doc-upload__fields .btn {
	flex: 0 0 auto;
	min-height: 44px;
	white-space: nowrap;
}

.b2b-approvals-doc-upload__limit {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
}

.b2b-approvals-docs-section-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	margin-bottom: 0.65rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-doc-list {
	display: flex;
	flex-direction: column;
}

.b2b-approvals-doc-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.65rem 0;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-doc-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.b2b-approvals-doc-row__icon {
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.08);
	color: var(--bs-secondary-color);
	font-size: 0.8rem;
}

.b2b-approvals-doc-row__icon--pdf {
	background: rgba(217, 83, 79, 0.12);
	color: #d9534f;
}

.b2b-approvals-doc-row__icon--image {
	background: rgba(63, 199, 125, 0.12);
	color: var(--success, #3fc77d);
}

.b2b-approvals-doc-row__icon--invoice {
	background: rgba(0, 119, 255, 0.12);
	color: var(--primary, #0077ff);
}

.b2b-approvals-doc-row__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
	gap: 0.1rem;
}

.b2b-approvals-doc-row__name {
	font-size: 0.825rem;
	font-weight: 500;
	color: var(--bs-body-color);
	word-break: break-word;
}

.b2b-approvals-doc-row__file {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.b2b-approvals-doc-row__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex-shrink: 0;
}

.b2b-approvals-doc-row__download,
.b2b-approvals-doc-row__delete {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	line-height: 1;
	border: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-approvals-doc-row__download i,
.b2b-approvals-doc-row__delete i {
	display: block;
	font-size: 0.875rem;
	line-height: 1;
}

.b2b-approvals-doc-row__download:hover,
.b2b-approvals-doc-row__download:focus-visible {
	color: var(--primary, #0077ff);
	background: rgba(0, 119, 255, 0.08);
	border-color: rgba(0, 119, 255, 0.25);
}

.b2b-approvals-doc-row__delete:hover,
.b2b-approvals-doc-row__delete:focus-visible {
	color: #d9534f;
	background: rgba(217, 83, 79, 0.08);
	border-color: rgba(217, 83, 79, 0.25);
}

.b2b-approvals-doc-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.35rem;
	padding: 1.15rem 0.75rem;
	border: 1px dashed var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 4%, transparent);
}

.b2b-approvals-doc-empty__icon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.08);
	color: var(--bs-secondary-color);
	font-size: 0.95rem;
}

.b2b-approvals-doc-empty__text {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
	max-width: 18rem;
}

.b2b-approvals-invoice-section {
	border: 1px solid color-mix(in srgb, var(--primary, #0077ff) 18%, var(--bs-border-color, #dee6ed));
	border-radius: 0.45rem;
	padding: 1rem 1.125rem;
	background: color-mix(in srgb, var(--primary, #0077ff) 4%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-approvals-invoice-hint,
.b2b-approvals-invoice-file-name,
.b2b-approvals-invoice-required {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.5;
}

.b2b-approvals-invoice-required {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.b2b-approvals-invoice-required i {
	color: var(--primary, #0077ff);
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.b2b-approvals-invoice-badge {
	background: color-mix(in srgb, var(--success, #3fc77d) 16%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--success, #3fc77d);
}

.b2b-approvals-invoice-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.b2b-approvals-invoice-actions .btn {
	min-height: 44px;
}

.b2b-approvals-invoice-upload {
	cursor: pointer;
}

.b2b-approvals-doc-row--invoice {
	border: 1px solid color-mix(in srgb, var(--primary, #0077ff) 16%, var(--bs-border-color, #dee6ed));
	border-radius: 0.4rem;
	padding: 0.75rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-approvals-doc-row--invoice .b2b-approvals-doc-row__icon {
	background: color-mix(in srgb, var(--primary, #0077ff) 12%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
}

.b2b-approvals-invoice-attached .b2b-approvals-doc-row {
	border-bottom: 0;
	padding: 0;
}

body[data-theme=dark] .b2b-approvals-invoice-section,
body[data-theme=dark] .b2b-approvals-doc-row--invoice {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 767.98px) {
	.b2b-approvals-invoice-actions {
		flex-direction: column;
	}

	.b2b-approvals-invoice-actions .btn,
	.b2b-approvals-invoice-upload {
		width: 100%;
		justify-content: center;
	}
}

/* B2B invoice edit modal (approvals) */
.b2b-invoice-modal {
	overflow: hidden;
}

.b2b-invoice-modal__hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	padding: 1.15rem 1.25rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-invoice-modal__hero-start {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
	flex: 1;
}

.b2b-invoice-modal__hero-icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.45rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--primary, #0077ff) 12%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 1.05rem;
	box-shadow: 0 1px 3px rgba(0, 119, 255, 0.12);
}

.b2b-invoice-modal__hero-titles {
	min-width: 0;
}

.b2b-invoice-modal__hero-meta {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--primary, #0077ff);
	margin-top: 0.2rem;
}

.b2b-invoice-modal__hero-subtitle {
	font-size: 0.78rem;
	color: var(--bs-secondary-color);
	margin-top: 0.25rem;
	line-height: 1.45;
	max-width: 34rem;
}

.b2b-invoice-modal__body {
	padding: 1.15rem 1.25rem 1.25rem;
	background: color-mix(in srgb, var(--bs-secondary-color) 2.5%, var(--bs-body-bg, #f7f9fc));
}

.b2b-invoice-modal__loading-text {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
}

.b2b-invoice-modal__context {
	margin-bottom: 1rem;
	padding: 0.85rem 1rem;
	border: 1px solid color-mix(in srgb, var(--primary, #0077ff) 12%, var(--bs-border-color, #dee6ed));
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--primary, #0077ff) 3%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-invoice-modal__context-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.b2b-invoice-modal__context-chip {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	flex: 1 1 10rem;
	min-width: 0;
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.4rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-invoice-modal__context-chip-icon {
	width: 2rem;
	height: 2rem;
	border-radius: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: color-mix(in srgb, var(--primary, #0077ff) 10%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
	font-size: 0.8rem;
}

.b2b-invoice-modal__context-chip-body {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.b2b-invoice-modal__context-chip-label {
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

.b2b-invoice-modal__context-chip-value {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
	word-break: break-word;
}

.b2b-invoice-modal__context-divider {
	height: 1px;
	margin: 0.75rem 0;
	background: var(--bs-border-color, #dee6ed);
}

.b2b-invoice-modal__context-address {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
}

.b2b-invoice-modal__context-address-icon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 0.1rem;
	background: color-mix(in srgb, var(--primary, #0077ff) 10%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
	font-size: 0.85rem;
}

.b2b-invoice-modal__context-address-body {
	flex: 1 1 auto;
	min-width: 0;
}

.b2b-invoice-modal__context-address-label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.68rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.3;
}

.b2b-invoice-modal__context-address-lines {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	font-style: normal;
}

.b2b-invoice-modal__context-address-line {
	display: block;
	font-size: 0.8125rem;
	color: var(--bs-body-color);
	line-height: 1.45;
	word-break: break-word;
}

.b2b-invoice-modal__context-address-line--primary {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-invoice-modal__panel {
	padding: 1rem 1.05rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.45rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	margin-bottom: 1rem;
}

.b2b-invoice-modal__panel:last-child {
	margin-bottom: 0;
}

.b2b-invoice-modal__panel-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.85rem;
}

.b2b-invoice-modal__section-title {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 0.85rem;
}

.b2b-invoice-modal__panel-head .b2b-invoice-modal__section-title {
	margin-bottom: 0;
}

.b2b-invoice-modal__label {
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	margin-bottom: 0.35rem;
}

.b2b-invoice-modal__panel .form-control {
	min-height: 44px;
	font-size: 0.875rem;
	border-color: var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-invoice-modal__panel textarea.form-control {
	min-height: auto;
	resize: vertical;
}

.b2b-invoice-modal__vat-setting {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid color-mix(in srgb, var(--primary, #0077ff) 10%, var(--bs-border-color, #dee6ed));
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--primary, #0077ff) 2.5%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-invoice-modal__vat-setting-main {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	flex: 1 1 auto;
	min-width: 0;
}

.b2b-invoice-modal__vat-setting-icon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: color-mix(in srgb, var(--primary, #0077ff) 10%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	color: var(--primary, #0077ff);
	font-size: 0.82rem;
}

.b2b-invoice-modal__vat-setting-copy {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.b2b-invoice-modal__vat-setting-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
}

.b2b-invoice-modal__vat-setting-title {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
	cursor: pointer;
}

.b2b-invoice-modal__vat-status {
	display: inline-flex;
	align-items: center;
	padding: 0.18em 0.55em;
	border-radius: 10rem;
	font-size: 0.68rem;
	font-weight: 500;
	line-height: 1.3;
	white-space: nowrap;
}

.b2b-invoice-modal__vat-status--included {
	color: var(--primary, #0077ff);
	background: color-mix(in srgb, var(--primary, #0077ff) 12%, transparent);
}

.b2b-invoice-modal__vat-status--excluded {
	color: var(--bs-secondary-color);
	background: color-mix(in srgb, var(--bs-secondary-color) 12%, transparent);
}

.b2b-invoice-modal__vat-hint {
	font-size: 0.78rem;
	line-height: 1.45;
	color: var(--bs-secondary-color);
	max-width: 34rem;
}

.b2b-invoice-modal__vat-auto-badge {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	margin-top: 0.1rem;
	padding: 0.16em 0.5em;
	border-radius: 10rem;
	font-size: 0.65rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--bs-secondary-color);
	background: color-mix(in srgb, var(--bs-secondary-color) 10%, transparent);
}

.b2b-invoice-modal__vat-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 2.75rem;
	min-height: 44px;
	padding: 0;
}

.b2b-invoice-modal__vat-switch .form-check-input {
	width: 2.75em;
	height: 1.45em;
	margin: 0;
	cursor: pointer;
	float: none;
}

.b2b-invoice-modal__vat-switch .form-check-input:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.15);
}

.b2b-invoice-modal__line-count {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	background: color-mix(in srgb, var(--bs-secondary-color) 10%, transparent);
	padding: 0.28em 0.65em;
	border-radius: 10rem;
}

.b2b-invoice-modal__lines-card {
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.4rem;
	overflow: hidden;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-invoice-lines-table {
	font-size: 0.8125rem;
	margin-bottom: 0;
}

.b2b-invoice-lines-table thead th {
	padding: 0.7rem 0.9rem;
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: color-mix(in srgb, var(--bs-secondary-color) 4%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
	white-space: nowrap;
}

.b2b-invoice-lines-table tbody td {
	padding: 0.85rem 0.9rem;
	vertical-align: middle;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-invoice-lines-table tbody tr:last-child td {
	border-bottom: 0;
}

.b2b-invoice-lines-table__product {
	min-width: 12rem;
}

.b2b-invoice-lines-table__qty {
	width: 5.75rem;
	text-align: center;
}

.b2b-invoice-lines-table__price {
	width: 8.5rem;
	text-align: right;
}

.b2b-invoice-lines-table__total {
	width: 7.5rem;
}

.b2b-invoice-lines-table td.readonly {
	color: var(--bs-secondary-color);
}

.b2b-invoice-line-product {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 0;
}

.b2b-invoice-line-title {
	display: block;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
}

.b2b-invoice-line-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.b2b-invoice-line-meta__code {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	background: color-mix(in srgb, var(--bs-secondary-color) 8%, transparent);
	padding: 0.15rem 0.45rem;
	border-radius: 10rem;
}

.b2b-invoice-line-code {
	font-size: 0.78rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	color: var(--bs-secondary-color);
}

.b2b-invoice-line-input-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.b2b-invoice-line-input-wrap--price {
	justify-content: flex-end;
	position: relative;
}

.b2b-invoice-line-input-prefix {
	position: absolute;
	left: 0.65rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	pointer-events: none;
	z-index: 1;
}

.b2b-invoice-lines-table input.form-control {
	width: 100%;
	max-width: 5.5rem;
	min-height: 40px;
	padding: 0.35rem 0.55rem;
	font-size: 0.875rem;
	text-align: center;
	border-color: var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-invoice-lines-table input.b2b-invoice-line-unit {
	max-width: 7rem;
	padding-left: 2.35rem;
	text-align: right;
}

.b2b-invoice-lines-table input.form-control:focus {
	border-color: rgba(0, 119, 255, 0.45);
	box-shadow: 0 0 0 0.15rem rgba(0, 119, 255, 0.1);
}

.b2b-invoice-line-total {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.05rem;
}

.b2b-invoice-line-total__amount {
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.2;
}

.b2b-invoice-line-total__currency {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
}

.b2b-invoice-modal__summary {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	padding: 0.9rem 1rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	background: color-mix(in srgb, var(--primary, #0077ff) 4%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

.b2b-invoice-modal__summary-row {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.75rem;
}

.b2b-invoice-modal__summary-row--total {
	margin-top: 0.25rem;
	padding-top: 0.55rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-invoice-modal__summary-values {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35rem;
	min-width: 7.5rem;
	justify-content: flex-end;
}

.b2b-invoice-modal__summary-label {
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	min-width: 5.5rem;
	text-align: right;
}

.b2b-invoice-modal__summary-row--total .b2b-invoice-modal__summary-label,
.b2b-invoice-modal__summary-row--total .b2b-invoice-modal__summary-amount {
	color: var(--bs-body-color);
}

.b2b-invoice-modal__summary-amount {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1;
}

.b2b-invoice-modal__summary-row--total .b2b-invoice-modal__summary-amount {
	font-size: 1.15rem;
}

.b2b-invoice-modal__summary-currency {
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--bs-secondary-color);
}

.b2b-invoice-modal__upload-hint {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.5;
}

.b2b-invoice-modal__upload-picker {
	margin-bottom: 0.65rem;
}

.b2b-invoice-modal__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.9rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-invoice-modal__footer-start,
.b2b-invoice-modal__footer-end {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.b2b-invoice-modal__footer .btn {
	min-height: 44px;
}

body[data-theme=dark] .b2b-invoice-modal__body {
	background: color-mix(in srgb, var(--bs-body-bg) 92%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

body[data-theme=dark] .b2b-invoice-modal__context,
body[data-theme=dark] .b2b-invoice-modal__panel,
body[data-theme=dark] .b2b-invoice-modal__lines-card,
body[data-theme=dark] .b2b-invoice-modal__vat-setting {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

body[data-theme=dark] .b2b-invoice-modal__summary {
	background: rgba(0, 119, 255, 0.08);
}

@media (max-width: 767.98px) {
	.b2b-invoice-modal__vat-setting {
		align-items: flex-start;
	}

	.b2b-invoice-modal__vat-switch {
		align-self: center;
		padding-top: 0.15rem;
	}

	.b2b-invoice-modal__context-meta {
		flex-direction: column;
	}

	.b2b-invoice-modal__context-chip {
		flex-basis: auto;
	}

	.b2b-invoice-modal__footer {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-invoice-modal__footer-start,
	.b2b-invoice-modal__footer-end {
		width: 100%;
	}

	.b2b-invoice-modal__footer-start .btn,
	.b2b-invoice-modal__footer-end .btn {
		flex: 1 1 auto;
		justify-content: center;
	}

	.b2b-invoice-modal__footer-end .btn-primary,
	.b2b-invoice-modal__footer-end .btn-success {
		flex-basis: 100%;
	}

	.b2b-invoice-lines-table thead {
		display: none;
	}

	.b2b-invoice-lines-table tbody tr {
		display: block;
		padding: 0.85rem 0.9rem;
		border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-invoice-lines-table tbody tr:last-child {
		border-bottom: 0;
	}

	.b2b-invoice-lines-table tbody td {
		display: block;
		padding: 0.35rem 0;
		border: 0;
		text-align: left !important;
	}

	.b2b-invoice-lines-table__product {
		padding-bottom: 0.5rem;
	}

	.b2b-invoice-lines-table__qty,
	.b2b-invoice-lines-table__price,
	.b2b-invoice-lines-table__total {
		width: auto;
	}

	.b2b-invoice-lines-table__qty::before,
	.b2b-invoice-lines-table__price::before,
	.b2b-invoice-lines-table__total::before {
		display: block;
		content: attr(data-label);
		font-size: 0.72rem;
		font-weight: 500;
		color: var(--bs-secondary-color);
		text-transform: uppercase;
		letter-spacing: 0.03em;
		margin-bottom: 0.35rem;
	}

	.b2b-invoice-line-input-wrap,
	.b2b-invoice-line-input-wrap--price {
		justify-content: flex-start;
	}

	.b2b-invoice-lines-table input.form-control {
		max-width: 100%;
		width: 100%;
	}

	.b2b-invoice-line-total {
		align-items: flex-start;
	}
}

body[data-theme=dark] .b2b-approvals-count,
body[data-theme=dark] .b2b-approvals-pending-badge {
	background: rgba(239, 181, 64, 0.2);
	color: #efb540;
}

@media (max-width: 767.98px) {
	.b2b-approvals-table-wrap .dataTables_filter input {
		width: 100%;
		min-width: 0;
	}

	.b2b-approvals-dt-toolbar,
	.b2b-approvals-dt-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-approvals-table-wrap .dataTables_length label,
	.b2b-approvals-table-wrap .dataTables_filter label {
		width: 100%;
		justify-content: space-between;
	}

	.b2b-approvals-table-wrap .dataTables_paginate {
		width: 100%;
		text-align: center;
	}

	.b2b-approvals-table-wrap .dataTables_paginate .pagination {
		justify-content: center;
	}

	.b2b-approvals-table thead {
		display: none;
	}

	.b2b-approvals-table tbody tr.b2b-approvals-row {
		display: block;
		padding: 1rem 1.25rem;
		border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-approvals-table tbody tr.b2b-approvals-row:last-child {
		border-bottom: 0;
	}

	.b2b-approvals-table tbody td {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.35rem 0;
		border: 0;
		text-align: right !important;
	}

	.b2b-approvals-table tbody td::before {
		content: attr(data-label);
		font-size: 0.75rem;
		font-weight: 500;
		color: var(--bs-secondary-color);
		text-align: left;
		flex-shrink: 0;
	}

	.b2b-approvals-table tbody td.b2b-approvals-docs-col,
	.b2b-approvals-table tbody td.b2b-approvals-actions {
		display: block;
		padding-top: 0.75rem;
		margin-top: 0.5rem;
		border-top: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-approvals-table tbody td.b2b-approvals-docs-col::before,
	.b2b-approvals-table tbody td.b2b-approvals-actions::before {
		display: block;
		margin-bottom: 0.5rem;
	}

	.b2b-approvals-actions__decisions {
		width: 100%;
		justify-content: stretch;
	}

	.b2b-approvals-actions__decisions .btn {
		flex: 1 1 0;
	}

	.b2b-approvals-docs-col .b2b-approvals-docs-btn {
		width: 100%;
	}

	.b2b-approvals-doc-upload__picker {
		flex-wrap: wrap;
	}

	.b2b-approvals-doc-upload__picker-action {
		width: 100%;
		display: inline-flex;
		justify-content: center;
	}

	.b2b-approvals-doc-upload__fields {
		flex-direction: column;
	}

	.b2b-approvals-doc-upload__fields .btn {
		width: 100%;
	}
}

/* B2B seller — portal customers */
.b2b-customers-card {
	overflow: hidden;
}

.b2b-customers-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-customers-card__heading {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	min-width: 0;
}

.b2b-customers-card__icon {
	width: 40px;
	height: 40px;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.08);
	color: var(--primary, #0077ff);
}

.b2b-customers-card__title {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
}

.b2b-customers-card__subtitle {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
}

.b2b-customers-count {
	font-size: 0.7rem;
	font-weight: 500;
	padding: 0.35em 0.75em;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	white-space: nowrap;
}

.b2b-customers-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 1.5rem;
}

.b2b-customers-table-wrap .dataTables_wrapper {
	padding: 0;
}

.b2b-customers-dt-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.85rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-customers-dt-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.85rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-customers-table-wrap .dataTables_length label,
.b2b-customers-table-wrap .dataTables_filter label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
}

.b2b-customers-table-wrap .dataTables_length select,
.b2b-customers-table-wrap .dataTables_filter input {
	min-height: 38px;
	font-size: 0.8125rem;
	border-color: var(--bs-border-color, #dee6ed);
}

.b2b-customers-table-wrap .dataTables_filter input {
	border-radius: 999px;
	padding-left: 1rem;
	padding-right: 1rem;
	min-width: min(100%, 240px);
}

.b2b-customers-table-wrap .dataTables_filter input:focus {
	border-color: rgba(0, 119, 255, 0.35);
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 255, 0.12);
}

.b2b-customers-table-wrap .dataTables_info {
	font-size: 0.78rem;
	color: var(--bs-secondary-color);
	padding: 0;
	margin: 0;
}

.b2b-customers-table-wrap .dataTables_paginate {
	padding: 0;
	margin: 0;
}

.b2b-customers-table-wrap .dataTables_paginate .pagination {
	margin: 0;
	justify-content: flex-end;
}

.b2b-customers-table-wrap .dataTables_paginate .paginate_button {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	min-width: 0;
	min-height: 0;
	margin: 0;
}

.b2b-customers-table-wrap .dataTables_paginate .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	min-height: 2rem;
	height: auto;
	padding: 0.25rem 0.55rem;
	margin: 0 0.1rem;
	border-radius: 0.25rem !important;
	border: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	color: var(--bs-body-color);
	line-height: 1.4;
}

.b2b-customers-table-wrap .dataTables_paginate .page-item.active .page-link,
.b2b-customers-table-wrap .dataTables_paginate .paginate_button.current .page-link {
	background: var(--primary, #0077ff) !important;
	border-color: var(--primary, #0077ff) !important;
	color: #fff !important;
}

.b2b-customers-table-wrap .dataTables_paginate .page-item.disabled .page-link {
	opacity: 0.45;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border-color: var(--bs-border-color, #dee6ed);
}

.b2b-customers-table-wrap .dataTables_paginate .page-item:not(.disabled):not(.active) .page-link:hover {
	background: rgba(0, 119, 255, 0.06) !important;
	border-color: rgba(0, 119, 255, 0.2) !important;
	color: var(--primary, #0077ff) !important;
}

.b2b-customers-table-wrap .b2b-customers-table {
	margin: 0;
}

.b2b-customers-table-wrap .b2b-customers-table thead th,
.b2b-customers-table-wrap .b2b-customers-table tbody td {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.b2b-customers-empty .empty-state-container {
	min-height: 280px;
}

.b2b-customers-empty .empty-state-title {
	color: var(--bs-body-color);
}

.b2b-customers-empty .empty-state-message {
	color: var(--bs-secondary-color);
}

.b2b-customers-table thead th {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color);
	font-weight: 500;
	border-bottom-width: 1px;
	white-space: nowrap;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

.b2b-customers-table tbody td {
	vertical-align: middle;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

.b2b-customers-email {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.b2b-customers-email__value {
	font-weight: 500;
	color: var(--bs-body-color);
	word-break: break-word;
}

.b2b-customers-email__company {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
}

.b2b-customers-company,
.b2b-customers-contact {
	color: var(--bs-body-color);
	word-break: break-word;
}

.b2b-customers-price-list {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.35em 0.65em;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	color: var(--bs-body-color);
	max-width: 100%;
	white-space: normal;
	text-align: left;
}

.b2b-customers-status {
	font-size: 0.7rem;
	font-weight: 500;
	padding: 0.3em 0.6em;
}

.b2b-customers-status--active {
	background: rgba(63, 199, 125, 0.15);
	color: #2d9a5f;
}

.b2b-customers-status--inactive {
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.12);
	color: var(--bs-secondary-color);
}

.b2b-customers-actions__group {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.35rem;
}

.b2b-customers-actions__group .btn {
	min-height: 36px;
	white-space: nowrap;
}

.b2b-customers-actions__group .btn-outline-warning {
	color: #b8860b;
	border-color: rgba(184, 134, 11, 0.45);
}

.b2b-customers-actions__group .btn-outline-warning:hover,
.b2b-customers-actions__group .btn-outline-warning:focus {
	color: #fff;
	background-color: #b8860b;
	border-color: #b8860b;
}

.b2b-customers-modal-subtitle {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	margin-top: 0.15rem;
}

.b2b-customers-row--clickable {
	cursor: pointer;
	transition: background 0.15s ease;
}

.b2b-customers-row--clickable:hover,
.b2b-customers-row--clickable:focus-visible {
	background: rgba(0, 119, 255, 0.04);
	outline: none;
}

.b2b-customers-table__open-col {
	width: 2rem;
	padding-left: 0.25rem !important;
	padding-right: 0.75rem !important;
}

.b2b-customers-row__chevron {
	font-size: 0.7rem;
	color: var(--bs-secondary-color);
}

.b2b-customer-detail-modal {
	overflow: hidden;
}

.b2b-customer-detail-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 280px;
}

.b2b-customer-detail-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-customer-detail-hero.open-order-modal-hero.modal-header {
	flex-wrap: nowrap;
}

.b2b-customer-detail-hero__start {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	min-width: 0;
	flex: 1;
}

.b2b-customer-detail-hero__icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	font-size: 1.05rem;
}

.b2b-customer-detail-hero__titles {
	min-width: 0;
}

.b2b-customer-detail-hero .modal-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--bs-body-color);
	word-break: break-word;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.b2b-customer-detail-hero__meta {
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	margin-top: 0.25rem;
	word-break: break-word;
	line-height: 1.45;
}

.b2b-customer-detail-hero__pills {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.6rem;
}

.b2b-customer-detail-actions.open-order-modal-actions {
	padding-bottom: 0.65rem;
}

.b2b-customer-detail-body {
	padding: 1.15rem 1.25rem 1.35rem;
}

.b2b-customer-detail-stats {
	margin-bottom: 1.15rem;
	padding: 0.85rem;
	border-radius: 0.375rem;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.04);
}

.b2b-customer-detail-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.55rem;
}

.b2b-customer-detail-stat-tile {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	min-width: 0;
}

.b2b-customer-detail-stat-tile.is-warning {
	border-left: 3px solid var(--warning, #efb540);
}

.b2b-customer-detail-stat-tile__label {
	font-size: 0.65rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color);
	line-height: 1.3;
}

.b2b-customer-detail-stat-tile__value {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--bs-body-color);
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	word-break: break-word;
}

.b2b-customer-detail-stat-tile.is-warning .b2b-customer-detail-stat-tile__value {
	color: var(--warning, #efb540);
}

.b2b-customer-detail-panel {
	height: 100%;
	padding: 1rem 1.1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.375rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

.b2b-customer-detail-panel__title {
	font-size: 0.65rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bs-secondary-color);
	margin-bottom: 0.75rem;
	padding-bottom: 0;
	border-bottom: 0;
}

.b2b-customer-detail-dl {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.b2b-customer-detail-dl__row {
	display: grid;
	grid-template-columns: minmax(6.5rem, 36%) minmax(0, 1fr);
	gap: 0.35rem 0.75rem;
	padding: 0.4rem 0;
	border-bottom: 0;
	align-items: start;
}

.b2b-customer-detail-dl__row--stack {
	grid-template-columns: 1fr;
	gap: 0.2rem;
	padding-top: 0.55rem;
	margin-top: 0.35rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-customer-detail-dl__label {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

.b2b-customer-detail-dl__value {
	font-size: 0.825rem;
	font-weight: 500;
	color: var(--bs-body-color);
	word-break: break-word;
	line-height: 1.45;
	text-decoration: none;
}

.b2b-customer-detail-dl__value--multiline {
	font-weight: 400;
}

a.b2b-customer-detail-dl__value:hover {
	color: var(--primary, #0077ff);
	text-decoration: underline;
}

.b2b-customer-detail-dl__empty {
	font-size: 0.825rem;
	color: var(--bs-secondary-color);
	font-style: italic;
}

.b2b-customer-detail-meta {
	margin-top: 0.85rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

.b2b-customer-detail-meta__items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.b2b-customer-detail-meta__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.65rem;
	border-radius: 999px;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.06);
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	line-height: 1.35;
}

.b2b-customer-detail-meta__chip i {
	font-size: 0.68rem;
	flex-shrink: 0;
	color: var(--bs-secondary-color);
}

.b2b-customer-detail-orders-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 1.75rem 1rem;
	border: 1px dashed var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.04);
	text-align: center;
}

.b2b-customer-detail-orders-empty__icon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 119, 255, 0.08);
	color: var(--primary, #0077ff);
	font-size: 0.95rem;
}

.b2b-customer-detail-orders-empty p {
	font-size: 0.825rem;
	color: var(--bs-secondary-color);
}

.b2b-customer-detail-orders-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.b2b-customer-detail-order-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.75rem 0;
	border: 0;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0;
	background: transparent;
	text-decoration: none;
	color: inherit;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.b2b-customer-detail-orders-list .b2b-customer-detail-order-card:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.b2b-customer-detail-orders-list .b2b-customer-detail-order-card:first-child {
	padding-top: 0;
}

.b2b-customer-detail-order-card:hover {
	color: inherit;
	background: rgba(0, 119, 255, 0.04);
}

.b2b-customer-detail-order-card__main {
	min-width: 0;
	flex: 1;
}

.b2b-customer-detail-order-card__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.55rem;
	margin-bottom: 0.2rem;
}

.b2b-customer-detail-order-card__ref {
	font-size: 0.825rem;
	font-weight: 500;
	color: var(--bs-body-color);
	word-break: break-word;
}

.b2b-customer-detail-order-card__meta {
	font-size: 0.75rem;
	color: var(--bs-secondary-color);
	line-height: 1.4;
}

.b2b-customer-detail-order-card__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
	flex-shrink: 0;
	text-align: right;
}

.b2b-customer-detail-order-card__total {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--bs-body-color);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.b2b-customer-detail-order-card__link {
	font-size: 0.72rem;
	color: var(--bs-secondary-color);
	white-space: nowrap;
	transition: color 0.15s ease;
}

.b2b-customer-detail-order-card:hover .b2b-customer-detail-order-card__ref,
.b2b-customer-detail-order-card:hover .b2b-customer-detail-order-card__link {
	color: var(--primary, #0077ff);
}

.b2b-customer-detail-order-card__link i {
	font-size: 0.65rem;
	margin-left: 0.15rem;
}

.b2b-customer-detail-order-badge {
	font-size: 0.65rem;
	font-weight: 500;
	padding: 0.25em 0.55em;
	border-radius: 10rem;
}

.b2b-customer-detail-order-badge--pending {
	background: rgba(239, 181, 64, 0.15);
	color: #a67c1a;
}

.b2b-customer-detail-order-badge--approved {
	background: rgba(63, 199, 125, 0.15);
	color: #2d9a5f;
}

.b2b-customer-detail-order-badge--rejected {
	background: rgba(217, 83, 79, 0.12);
	color: #c0392b;
}

.b2b-customer-detail-order-badge--muted {
	background: rgba(var(--bs-secondary-color-rgb, 108, 117, 125), 0.12);
	color: var(--bs-secondary-color);
}

body[data-theme=dark] .b2b-customer-detail-stat-tile.is-warning .b2b-customer-detail-stat-tile__value {
	color: #efb540;
}

body[data-theme=dark] .b2b-customer-detail-order-badge--pending {
	color: #efb540;
}

body[data-theme=dark] .b2b-customers-status--active {
	background: rgba(63, 199, 125, 0.2);
	color: #4bbf73;
}

body[data-theme=dark] .b2b-customers-actions__group .btn-outline-warning {
	color: #efb540;
	border-color: rgba(239, 181, 64, 0.45);
}

body[data-theme=dark] .b2b-customers-actions__group .btn-outline-warning:hover,
body[data-theme=dark] .b2b-customers-actions__group .btn-outline-warning:focus {
	color: #212529;
	background-color: #efb540;
	border-color: #efb540;
}

@media (max-width: 767.98px) {
	.b2b-customers-table-wrap .dataTables_filter input {
		width: 100%;
		min-width: 0;
	}

	.b2b-customers-dt-toolbar,
	.b2b-customers-dt-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-customers-table-wrap .dataTables_length label,
	.b2b-customers-table-wrap .dataTables_filter label {
		width: 100%;
		justify-content: space-between;
	}

	.b2b-customers-table-wrap .dataTables_paginate {
		width: 100%;
		text-align: center;
	}

	.b2b-customers-table-wrap .dataTables_paginate .pagination {
		justify-content: center;
	}

	.b2b-customers-table thead {
		display: none;
	}

	.b2b-customers-table tbody tr.b2b-customers-row {
		display: block;
		padding: 1rem 1.25rem;
		border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	}

	.b2b-customers-table tbody tr.b2b-customers-row:last-child {
		border-bottom: 0;
	}

	.b2b-customers-table tbody td {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.35rem 0;
		border: 0;
		text-align: right !important;
	}

	.b2b-customers-table tbody td::before {
		content: attr(data-label);
		font-size: 0.75rem;
		font-weight: 500;
		color: var(--bs-secondary-color);
		text-align: left;
		flex-shrink: 0;
	}

	.b2b-customers-table tbody td.b2b-customers-table__open-col {
		display: none;
	}

	.b2b-customer-detail-stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.b2b-customer-detail-stat-tile__value {
		font-size: 1.1rem;
	}

	.b2b-customer-detail-hero {
		flex-direction: column;
	}

	.b2b-customer-detail-dl__row {
		grid-template-columns: 1fr;
		gap: 0.2rem;
	}

	.b2b-customer-detail-order-card {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-customer-detail-order-card__aside {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding-top: 0.35rem;
		border-top: 1px solid var(--bs-border-color, #dee6ed);
		margin-top: 0.15rem;
		text-align: left;
	}
}

/* Seller — general settings page */
#general-settings-page .seller-settings-card {
	overflow: hidden;
}

#general-settings-page .seller-settings-card__header {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
}

#general-settings-page .seller-settings-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.4rem;
	background: rgba(0, 119, 255, 0.1);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
}

#general-settings-page .seller-settings-card__heading {
	min-width: 0;
}

#general-settings-page .seller-settings-card__title {
	margin: 0 0 0.2rem;
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.35;
}

#general-settings-page .seller-settings-card__subtitle {
	margin: 0;
	font-size: 0.825rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

#general-settings-page .seller-settings-card__body {
	padding: 1.15rem 1.25rem 1.25rem;
}

#general-settings-page .seller-settings-info-callout {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.85rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid color-mix(in srgb, var(--primary, #0077ff) 18%, var(--bs-border-color, #dee6ed));
	border-radius: 0.35rem;
	background: color-mix(in srgb, var(--primary, #0077ff) 5%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

#general-settings-page .seller-settings-info-callout__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	background: rgba(0, 119, 255, 0.12);
	color: var(--primary, #0077ff);
	flex-shrink: 0;
	font-size: 0.8rem;
}

#general-settings-page .seller-settings-info-callout__text {
	font-size: 0.825rem;
	line-height: 1.5;
	color: var(--bs-body-color);
}

#general-settings-page .seller-settings-toggle-list {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

#general-settings-page .seller-settings-toggle-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 0.95rem 1rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.35rem;
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#general-settings-page .seller-settings-toggle-row:hover,
#general-settings-page .seller-settings-toggle-row:focus-within {
	border-color: color-mix(in srgb, var(--primary, #0077ff) 24%, var(--bs-border-color, #dee6ed));
	box-shadow: 0 0 0 1px rgba(0, 119, 255, 0.06);
	background: color-mix(in srgb, var(--primary, #0077ff) 3%, rgb(var(--bs-card-bg-rgb, 255, 255, 255)));
}

#general-settings-page .seller-settings-toggle-row__copy {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
	flex: 1;
}

#general-settings-page .seller-settings-toggle-row__title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
}

#general-settings-page .seller-settings-toggle-row__help {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--bs-secondary-color);
}

#general-settings-page .seller-settings-toggle-row__link {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	margin-left: 0.15rem;
	font-weight: 500;
	white-space: nowrap;
}

#general-settings-page .seller-settings-toggle-row__switch {
	flex-shrink: 0;
	padding-top: 0.15rem;
}

#general-settings-page .seller-settings-dimensions {
	padding-top: 1rem;
	border-top: 1px solid var(--bs-border-color, #dee6ed);
}

#general-settings-page .seller-settings-dimensions__label {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-body-color);
	line-height: 1.4;
}

#general-settings-page .seller-settings-dimensions__help {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--bs-secondary-color);
	line-height: 1.45;
}

@media (max-width: 575.98px) {
	#general-settings-page .seller-settings-toggle-row {
		flex-direction: column;
		align-items: stretch;
	}

	#general-settings-page .seller-settings-toggle-row__switch {
		align-self: flex-end;
		padding-top: 0;
	}
}

/* ---------- CRM Create Invoice modal ---------- */
#invoiceModal .modal-content {
	border-radius: 0.5rem;
	border: 1px solid var(--bs-border-color, #dee6ed);
	box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.08);
}

#invoiceModal .modal-header {
	padding: 16px 22px;
	border-bottom: 1px solid var(--bs-border-color, #dee6ed);
}

#invoiceModal .modal-title {
	font-weight: 600;
	color: var(--bs-body-color);
}

#invoiceModal .invoice-section {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	border: 1px solid var(--bs-border-color, #dee6ed);
	border-radius: 0.4rem;
	padding: 14px 16px;
}

#invoiceModal .invoice-section + .invoice-section {
	margin-top: 0.75rem;
}

#invoiceModal .invoice-section-title {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bs-secondary-color);
	margin-bottom: 0.75rem;
}

#invoiceModal .form-floating > label {
	font-size: 0.85rem;
	color: var(--bs-secondary-color);
	font-weight: 400;
	padding-left: 0.7rem;
}

#invoiceModal .form-floating > .form-control,
#invoiceModal .form-floating > .form-select {
	font-size: 0.85rem;
	border-radius: 0.3rem;
}

#invoiceModal .form-floating > .form-control:focus,
#invoiceModal .form-floating > .form-select:focus {
	border-color: rgba(0, 119, 255, 0.5);
	box-shadow: 0 0 0 0.18rem rgba(0, 119, 255, 0.18);
}

#invoiceModal .invoice-line-row {
	background: rgb(var(--bs-card-bg-rgb, 255, 255, 255));
	padding: 8px 0;
	border-bottom: 1px dashed var(--bs-border-color, #dee6ed);
}

#invoiceModal .invoice-line-row:last-child {
	border-bottom: 0;
}

#invoiceModal .invoice-line-remove {
	font-size: 0.85rem;
}

#invoiceModal #addInvoiceLineBtn {
	margin-top: 0.5rem;
}

#invoiceModal .mollie-send-toggle {
	gap: 0.5rem;
}

#invoiceModal .form-check-input:checked {
	background-color: var(--primary, #0077ff);
	border-color: var(--primary, #0077ff);
}

#invoiceModal .invoice-mollie-info {
	background: rgba(0, 119, 255, 0.06);
	border: 1px solid rgba(0, 119, 255, 0.18);
	border-radius: 0.4rem;
	padding: 12px 14px;
	color: var(--bs-body-color);
}

#invoiceModal .invoice-mollie-info i {
	color: var(--primary, #0077ff);
}

#invoiceModal #mollieInvoiceBtn {
	font-weight: 500;
	min-height: 44px;
}

#invoiceModal button[type="submit"].btn-outline-success {
	font-weight: 500;
	min-height: 44px;
}

@media (max-width: 575.98px) {
	#invoiceModal .modal-dialog {
		max-width: 100% !important;
		margin: 0;
	}

	#invoiceModal .modal-content {
		border-radius: 0;
		min-height: 100vh;
	}

	#invoiceModal .modal-body {
		padding: 14px !important;
	}
}

body[data-theme="dark"] #invoiceModal .invoice-mollie-info {
	background: rgba(0, 119, 255, 0.12);
	border-color: rgba(0, 119, 255, 0.3);
}

body[data-theme="dark"] #invoiceModal .form-floating > .form-control,
body[data-theme="dark"] #invoiceModal .form-floating > .form-select {
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
}

body[data-theme="dark"] #invoiceModal .invoice-line-currency {
	background-color: transparent;
	color: var(--bs-secondary-color);
}