/* PhoenixB2B auto-generated bundle: panel-bundle.css | concat (comments stripped, whitespace preserved) — DO NOT EDIT, regenerate from sources */
/* === panel-v3-tokens.css === */
.phoenix-b2b-panel {

	--pb2b-primary:        #7C3AED;
	--pb2b-primary-2:      #A855F7;
	--pb2b-primary-hover:  #6D28D9;
	--pb2b-primary-light:  #A855F7;
	--pb2b-primary-contrast: #FFFFFF;
	--pb2b-blue:           #3B82F6;
	--pb2b-accent-grad:    linear-gradient(135deg, #A855F7 0%, #7C3AED 50%, #3B82F6 100%);
	--pb2b-grad:           linear-gradient(135deg, #A855F7 0%, #7C3AED 50%, #3B82F6 100%);
	--pb2b-grad-dark:      linear-gradient(135deg, #7C3AED 0%, #3B82F6 100%);

	--pb2b-success:        #22C55E;
	--pb2b-warning:        #F59E0B;
	--pb2b-danger:         #EF4444;
	--pb2b-error:          #EF4444;
	--pb2b-info:           #38BDF8;

	--pb2b-c-primary:      #7C3AED;
	--pb2b-c-primary-2:    #A855F7;
	--pb2b-c-secondary:    #3B82F6;
	--pb2b-c-success:      #22C55E;
	--pb2b-c-warning:      #F59E0B;
	--pb2b-c-danger:       #EF4444;
	--pb2b-c-neutral:      #94A3B8;
	--pb2b-c-card-dark:    #111827;
	--pb2b-c-card-light:   #FFFFFF;
	--pb2b-card-dark:      #111827;
	--pb2b-card-light:     #FFFFFF;
	--pb2b-header-dark:    #0B1020;

	--pb2b-text-on-dark:   #F8FAFC;
	--pb2b-muted-on-dark:  #94A3B8;
	--pb2b-dim-on-dark:    #64748B;

	--pb2b-radius:         14px;
	--pb2b-radius-sm:      10px;
	--pb2b-radius-xs:      8px;
	--pb2b-card-radius:    var(--pb2b-radius);

	--pb2b-sidebar-w:      260px;
	--pb2b-topbar-h:       64px;
	--pb2b-app-header-h:   64px;
	--pb2b-content-max:    1560px;
	--pb2b-page-x:         16px;
	--pb2b-section-gap:    16px;
	--pb2b-card-pad:       16px;
	--pb2b-card-padding:   var(--pb2b-card-pad);

	--pb2b-bg:             var(--pb2b-bg-0);
	--pb2b-bg-soft:        var(--pb2b-bg-3);
	--pb2b-card:           var(--pb2b-bg-2);
	--pb2b-card-soft:      var(--pb2b-bg-3);
	--pb2b-card-hover:     var(--pb2b-bg-3);
	--pb2b-surface:        var(--pb2b-bg-2);
	--pb2b-surface-soft:   var(--pb2b-bg-3);
	--pb2b-muted:          var(--pb2b-text-muted);
	--pb2b-dim:            var(--pb2b-text-dim);
	--pb2b-border-2:       var(--pb2b-border-strong);
	--pb2b-border-dark:    var(--pb2b-border-strong);
}

@media (min-width: 768px) {
	.phoenix-b2b-panel { --pb2b-page-x: 24px; --pb2b-section-gap: 20px; --pb2b-card-pad: 20px; }
}
@media (min-width: 1280px) {
	.phoenix-b2b-panel { --pb2b-page-x: 32px; --pb2b-section-gap: 24px; --pb2b-app-header-h: 72px; }
}

.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) {
	--pb2b-bg-0:           #EEF1F8;
	--pb2b-bg-1:           #FFFFFF;
	--pb2b-bg-2:           #FFFFFF;
	--pb2b-bg-3:           #F1F4FB;
	--pb2b-bg-4:           #E7ECF7;

	--pb2b-text:           #0F172A;
	--pb2b-text-strong:    #0B1220;
	--pb2b-text-soft:      #334155;
	--pb2b-text-muted:     #475569;
	--pb2b-text-dim:       #64748B;

	--pb2b-border:         rgba(15, 23, 42, 0.10);
	--pb2b-border-strong:  rgba(15, 23, 42, 0.20);

	--pb2b-shadow-sm:      0 1px 2px rgba(15, 23, 42, 0.06);
	--pb2b-shadow:         0 1px 2px rgba(15, 23, 42, 0.05), 0 6px 18px rgba(15, 23, 42, 0.08);
	--pb2b-shadow-lg:      0 10px 30px rgba(15, 23, 42, 0.12), 0 0 0 1px var(--pb2b-border);
	--pb2b-shadow-glow:    0 0 0 4px rgba(124, 58, 237, 0.16);
	--pb2b-shadow-focus:   0 0 0 4px rgba(124, 58, 237, 0.16);

	--pb2b-primary-soft:   rgba(124, 58, 237, 0.10);
	--pb2b-primary-strong: #6D28D9;
	--pb2b-success-soft:   rgba(34, 197, 94, 0.12);
	--pb2b-success-strong: #15803D;
	--pb2b-success-ink:    #15803D;
	--pb2b-warning-soft:   rgba(245, 158, 11, 0.14);
	--pb2b-warning-strong: #B45309;
	--pb2b-warning-ink:    #B45309;
	--pb2b-danger-soft:    rgba(239, 68, 68, 0.10);
	--pb2b-danger-strong:  #B91C1C;
	--pb2b-danger-ink:     #B91C1C;
	--pb2b-error-soft:     rgba(239, 68, 68, 0.10);
	--pb2b-error-strong:   #B91C1C;
	--pb2b-info-soft:      rgba(56, 189, 248, 0.14);
	--pb2b-blue-soft:      rgba(59, 130, 246, 0.12);
}

.phoenix-b2b-panel[data-pb2b-theme="dark"] {
	--pb2b-bg-0:           #070B18;
	--pb2b-bg-1:           #0B1020;
	--pb2b-bg-2:           #111827;
	--pb2b-bg-3:           #151B2E;
	--pb2b-bg-4:           #1B2237;

	--pb2b-text:           #F8FAFC;
	--pb2b-text-strong:    #FFFFFF;
	--pb2b-text-soft:      #CBD5E1;
	--pb2b-text-muted:     #94A3B8;
	--pb2b-text-dim:       #64748B;

	--pb2b-border:         rgba(255, 255, 255, 0.08);
	--pb2b-border-strong:  rgba(255, 255, 255, 0.14);

	--pb2b-shadow-sm:      0 1px 2px rgba(0,0,0,0.4);
	--pb2b-shadow:         0 4px 12px rgba(0,0,0,0.25), 0 0 0 1px var(--pb2b-border);
	--pb2b-shadow-lg:      0 12px 32px rgba(0,0,0,0.35), 0 0 0 1px var(--pb2b-border);
	--pb2b-shadow-glow:    0 0 0 4px rgba(124, 58, 237, 0.18);
	--pb2b-shadow-focus:   0 0 0 4px rgba(124, 58, 237, 0.18);

	--pb2b-primary-soft:   rgba(124, 58, 237, 0.18);
	--pb2b-primary-strong: #A855F7;
	--pb2b-success-soft:   rgba(34, 197, 94, 0.16);
	--pb2b-success-strong: #4ADE80;
	--pb2b-success-ink:    #16A34A;
	--pb2b-warning-soft:   rgba(245, 158, 11, 0.16);
	--pb2b-warning-strong: #FBBF24;
	--pb2b-warning-ink:    #FBBF24;
	--pb2b-danger-soft:    rgba(239, 68, 68, 0.16);
	--pb2b-danger-strong:  #F87171;
	--pb2b-danger-ink:     #FCA5A5;
	--pb2b-error-soft:     rgba(239, 68, 68, 0.16);
	--pb2b-error-strong:   #F87171;
	--pb2b-info-soft:      rgba(56, 189, 248, 0.16);
	--pb2b-blue-soft:      rgba(59, 130, 246, 0.16);
}
/* === panel-v3.css === */
.phoenix-b2b-panel,
.phoenix-b2b-panel * {
	box-sizing: border-box;
}

.phoenix-b2b-panel {

	background: var(--pb2b-bg-0);
	color: var(--pb2b-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	min-height: 100vh;
}

.phoenix-b2b-panel h1, .phoenix-b2b-panel h2, .phoenix-b2b-panel h3, .phoenix-b2b-panel h4 {
	color: var(--pb2b-text);
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: 0;
}

.phoenix-b2b-panel a {
	color: var(--pb2b-text);
	text-decoration: none;
	transition: color .15s ease;
}
.phoenix-b2b-panel a:hover { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel a.pb2b-link { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel a.pb2b-link:hover { color: #C084FC; text-decoration: underline; }

.phoenix-b2b-panel .pb2b-muted     { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-overline  { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
.phoenix-b2b-panel .pb2b-tac-right { text-align: right; }

.phoenix-b2b-panel.pb2b-app {
	display: grid;
	grid-template-columns: var(--pb2b-sidebar-w) 1fr;
	min-height: 100vh;
	width: 100%;
}

.phoenix-b2b-panel.phoenix-b2b-standalone {
	display: block;
	padding: 24px;
	background: var(--pb2b-bg-0);
	border-radius: var(--pb2b-radius);
}

.phoenix-b2b-panel .pb2b-sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	background: linear-gradient(180deg, var(--pb2b-bg-1) 0%, var(--pb2b-bg-0) 100%);
	border-right: 1px solid var(--pb2b-border);
	display: flex;
	flex-direction: column;
	padding: 18px 14px;
	gap: 14px;
	z-index: 20;
}

.phoenix-b2b-panel .pb2b-sidebar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 4px 6px 10px;
	border-bottom: 1px solid var(--pb2b-border);
	margin-bottom: 4px;
}
.phoenix-b2b-panel .pb2b-brand {
	display: flex; align-items: center; gap: 10px; min-width: 0;
}
.phoenix-b2b-panel .pb2b-brand-mark {
	width: 36px; height: 36px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(124, 58, 237, 0.35);
	flex: 0 0 36px;
}
.phoenix-b2b-panel .pb2b-brand-mark svg { display: block; width: 100%; height: 100%; }
.phoenix-b2b-panel .pb2b-brand-text { display: flex; flex-direction: column; min-width: 0; }
.phoenix-b2b-panel .pb2b-brand-title { font-weight: 700; font-size: 15px; letter-spacing: -0.01em; }
.phoenix-b2b-panel .pb2b-brand-sub { font-size: 11px; color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-sidebar-close {
	display: none;
	background: transparent;
	border: 1px solid var(--pb2b-border);
	border-radius: 8px;
	width: 32px; height: 32px;
	color: var(--pb2b-text);
	cursor: pointer;
	align-items: center;
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 18px; height: 18px; }

.phoenix-b2b-panel .pb2b-nav {
	display: flex; flex-direction: column; gap: 2px;
	flex: 1; min-height: 0;
	overflow-y: auto;
	padding-right: 2px;
}
.phoenix-b2b-panel .pb2b-nav::-webkit-scrollbar { width: 6px; }
.phoenix-b2b-panel .pb2b-nav::-webkit-scrollbar-thumb { background: var(--pb2b-border); border-radius: 4px; }

.phoenix-b2b-panel .pb2b-nav-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	color: var(--pb2b-text-soft);
	font-weight: 500;
	transition: background .15s ease, color .15s ease, transform .1s ease;
	font-size: 13.5px;
}
.phoenix-b2b-panel .pb2b-nav-item:hover {
	background: rgba(255,255,255,0.04);
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-nav-item.is-active {
	background: linear-gradient(90deg, rgba(124,58,237,0.18) 0%, rgba(59,130,246,0.08) 100%);
	color: #fff;
	box-shadow: inset 0 0 0 1px rgba(168,85,247,0.22);
}
.phoenix-b2b-panel .pb2b-nav-icon {
	display: inline-flex; width: 20px; height: 20px;
	color: var(--pb2b-text-muted);
	flex: 0 0 20px;
}
.phoenix-b2b-panel .pb2b-nav-item.is-active .pb2b-nav-icon { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-nav-icon svg { width: 100%; height: 100%; display: block; }
.phoenix-b2b-panel .pb2b-nav-indicator {
	position: absolute; left: 0; top: 8px; bottom: 8px;
	width: 3px; border-radius: 0 3px 3px 0;
	background: var(--pb2b-accent-grad);
}

.phoenix-b2b-panel .pb2b-sidebar-footer {
	border-top: 1px solid var(--pb2b-border);
	padding-top: 10px;
}
.phoenix-b2b-panel .pb2b-nav-logout:hover {
	background: rgba(239, 68, 68, 0.10);
	color: #FCA5A5;
}

.phoenix-b2b-panel .pb2b-sidebar-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.55);
	backdrop-filter: blur(2px);
	z-index: 15;
}
.phoenix-b2b-panel.pb2b-sidebar-open .pb2b-sidebar-backdrop { display: block; }

.phoenix-b2b-panel .pb2b-main {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.phoenix-b2b-panel .pb2b-topbar {
	position: sticky;
	top: 0;
	z-index: 10;
	min-height: var(--pb2b-topbar-h);
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0 24px;
	background: rgba(11, 16, 32, 0.85);
	backdrop-filter: saturate(160%) blur(12px);
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-burger {
	display: none;
	background: transparent;
	border: 1px solid var(--pb2b-border);
	border-radius: 8px;
	width: 38px; height: 38px;
	color: var(--pb2b-text);
	cursor: pointer;
	align-items: center;
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-burger svg { width: 20px; height: 20px; }

.phoenix-b2b-panel .pb2b-topbar-title { flex: 1; min-width: 0; }
.phoenix-b2b-panel .pb2b-topbar-h1 {
	font-size: 17px;
	font-weight: 600;
	color: var(--pb2b-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.phoenix-b2b-panel .pb2b-topbar-sub {
	font-size: 12px;
	color: var(--pb2b-text-muted);
	margin: 2px 0 0 0;
}

.phoenix-b2b-panel .pb2b-topbar-right {
	display: flex; align-items: center; gap: 10px;
}

.phoenix-b2b-panel .pb2b-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	background: rgba(255,255,255,0.04);
	color: var(--pb2b-text-soft);
	border: 1px solid var(--pb2b-border);
	white-space: nowrap;
}
.phoenix-b2b-panel .pb2b-chip-primary {
	background: linear-gradient(135deg, rgba(124,58,237,0.22), rgba(59,130,246,0.16));
	border-color: rgba(168,85,247,0.35);
	color: #fff;
}
.phoenix-b2b-panel .pb2b-chip-soft {
	background: rgba(124,58,237,0.10);
	border-color: rgba(124,58,237,0.22);
	color: #DDD6FE;
}
.phoenix-b2b-panel .pb2b-chip-amount { color: #C4B5FD; font-weight: 700; }

.phoenix-b2b-panel .pb2b-user-chip {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 4px 10px 4px 4px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: 999px;
}
.phoenix-b2b-panel .pb2b-user-avatar {
	width: 28px; height: 28px;
	border-radius: 999px;
	background: var(--pb2b-accent-grad);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-user-name {
	font-size: 13px;
	color: var(--pb2b-text);
	font-weight: 500;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.phoenix-b2b-panel .pb2b-content {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.phoenix-b2b-panel .pb2b-card {
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	overflow: hidden;
	transition: border-color .2s ease, transform .15s ease;
}
.phoenix-b2b-panel .pb2b-card:hover { border-color: var(--pb2b-border-strong); }

.phoenix-b2b-panel .pb2b-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--pb2b-border);
	background: rgba(255,255,255,0.015);
}
.phoenix-b2b-panel .pb2b-card-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-card-action {
	font-size: 13px;
	color: var(--pb2b-primary-2);
}
.phoenix-b2b-panel .pb2b-card-action:hover { color: #C084FC; }
.phoenix-b2b-panel .pb2b-card-body { padding: 20px; }

.phoenix-b2b-panel .pb2b-info-card {
	background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(59,130,246,0.05));
	border-color: rgba(168,85,247,0.22);
}
.phoenix-b2b-panel .pb2b-info-row { display: flex; gap: 14px; }
.phoenix-b2b-panel .pb2b-info-icon {
	flex: 0 0 32px; width: 32px; height: 32px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: rgba(124,58,237,0.25);
	color: var(--pb2b-primary-2);
	font-weight: 700;
}

.phoenix-b2b-panel .pb2b-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 980px) {
	.phoenix-b2b-panel .pb2b-grid-2 { grid-template-columns: 1fr; }
}

.phoenix-b2b-panel .pb2b-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .phoenix-b2b-panel .pb2b-stats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px)  { .phoenix-b2b-panel .pb2b-stats { grid-template-columns: 1fr; } }

.phoenix-b2b-panel .pb2b-stat {
	position: relative;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	padding: 18px 20px;
	overflow: hidden;
	transition: transform .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-stat:hover { transform: translateY(-2px); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-stat::after {
	content: '';
	position: absolute;
	top: 0; right: 0;
	width: 80px; height: 80px;
	background: radial-gradient(closest-side, rgba(124,58,237,0.18), transparent);
	opacity: .6;
	pointer-events: none;
}
.phoenix-b2b-panel .pb2b-stat-label {
	font-size: 12px;
	color: var(--pb2b-text-muted);
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.phoenix-b2b-panel .pb2b-stat-value {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-stat-foot { font-size: 12px; margin-top: 6px; }

.phoenix-b2b-panel .pb2b-stat-accent .pb2b-stat-value  { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-stat-success .pb2b-stat-value { color: var(--pb2b-success); }

.phoenix-b2b-panel .pb2b-quick-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 12px;
}
.phoenix-b2b-panel .pb2b-quick-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 18px 12px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
	color: var(--pb2b-text-soft);
	transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
	text-align: center;
}
.phoenix-b2b-panel .pb2b-quick-tile:hover {
	transform: translateY(-2px);
	background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(59,130,246,0.06));
	border-color: rgba(168,85,247,0.32);
	color: #fff;
}
.phoenix-b2b-panel .pb2b-quick-tile-icon { font-size: 22px; }
.phoenix-b2b-panel .pb2b-quick-tile-label { font-size: 13px; font-weight: 500; }

.phoenix-b2b-panel .pb2b-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.phoenix-b2b-panel .pb2b-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13.5px;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-table thead th {
	text-align: left;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--pb2b-text-muted);
	padding: 10px 14px;
	border-bottom: 1px solid var(--pb2b-border);
	background: rgba(255,255,255,0.02);
}
.phoenix-b2b-panel .pb2b-table tbody td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-table tbody tr:hover { background: rgba(255,255,255,0.025); }
.phoenix-b2b-panel .pb2b-table tbody tr:last-child td { border-bottom: 0; }

.phoenix-b2b-panel .pb2b-status {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 999px;
	text-transform: uppercase;
	letter-spacing: .04em;
	background: rgba(148,163,184,0.18);
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-status-completed   { background: rgba(34,197,94,0.18);  color: #86EFAC; }
.phoenix-b2b-panel .pb2b-status-processing  { background: rgba(59,130,246,0.18); color: #93C5FD; }
.phoenix-b2b-panel .pb2b-status-on-hold     { background: rgba(245,158,11,0.18); color: #FCD34D; }
.phoenix-b2b-panel .pb2b-status-pending     { background: rgba(148,163,184,0.20); color: #CBD5E1; }
.phoenix-b2b-panel .pb2b-status-cancelled,
.phoenix-b2b-panel .pb2b-status-failed,
.phoenix-b2b-panel .pb2b-status-refunded    { background: rgba(239,68,68,0.18);  color: #FCA5A5; }

.phoenix-b2b-panel .pb2b-filter-row {
	display: flex; flex-wrap: wrap; gap: 8px;
	margin-bottom: 16px;
}
.phoenix-b2b-panel .pb2b-filter-chip {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
	font-size: 12.5px;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-filter-chip:hover { color: #fff; border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-filter-chip.is-active {
	background: linear-gradient(135deg, rgba(124,58,237,0.30), rgba(59,130,246,0.18));
	border-color: rgba(168,85,247,0.45);
	color: #fff;
}
.phoenix-b2b-panel .pb2b-filter-chip-count {
	min-width: 18px; padding: 0 6px; height: 18px; line-height: 18px;
	font-size: 11px; font-weight: 700;
	background: rgba(255,255,255,0.08);
	border-radius: 999px;
	text-align: center;
}

.phoenix-b2b-panel .pb2b-dl { display: grid; gap: 0; margin: 0; }
.phoenix-b2b-panel .pb2b-dl-row {
	display: grid;
	grid-template-columns: minmax(140px, 220px) 1fr;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px dashed var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-dl-row:last-child { border-bottom: 0; }
.phoenix-b2b-panel .pb2b-dl dt { color: var(--pb2b-text-muted); font-size: 12.5px; }
.phoenix-b2b-panel .pb2b-dl dd { color: var(--pb2b-text); font-weight: 500; margin: 0; word-break: break-word; }

.phoenix-b2b-panel .pb2b-btn,
.phoenix-b2b-panel a.pb2b-btn,
.phoenix-b2b-panel button.pb2b-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 10px;
	font-size: 13.5px;
	font-weight: 600;
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text);
	cursor: pointer;
	text-decoration: none;
	transition: background .15s ease, transform .1s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease;
	line-height: 1;
	white-space: nowrap;
}
.phoenix-b2b-panel .pb2b-btn:hover,
.phoenix-b2b-panel a.pb2b-btn:hover,
.phoenix-b2b-panel button.pb2b-btn:hover {
	background: var(--pb2b-bg-4);
	border-color: var(--pb2b-border-strong);
	color: #fff;
}
.phoenix-b2b-panel .pb2b-btn:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-glow); }
.phoenix-b2b-panel .pb2b-btn-sm { padding: 6px 12px; font-size: 12.5px; border-radius: 8px; }
.phoenix-b2b-panel .pb2b-btn-block { width: 100%; }

.phoenix-b2b-panel .pb2b-btn-primary,
.phoenix-b2b-panel a.pb2b-btn-primary,
.phoenix-b2b-panel button.pb2b-btn-primary {
	background: var(--pb2b-accent-grad);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 6px 18px rgba(124,58,237,0.35);
}
.phoenix-b2b-panel .pb2b-btn-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(124,58,237,0.45);
	color: #fff;
}

.phoenix-b2b-panel .pb2b-btn-outline {
	background: transparent;
	border-color: var(--pb2b-border-strong);
}
.phoenix-b2b-panel .pb2b-btn-danger {
	background: rgba(239,68,68,0.12);
	border-color: rgba(239,68,68,0.40);
	color: #FCA5A5;
}
.phoenix-b2b-panel .pb2b-btn-danger:hover { background: rgba(239,68,68,0.20); color: #FECACA; }

.phoenix-b2b-panel .pb2b-btn[disabled],
.phoenix-b2b-panel button.pb2b-btn:disabled {
	opacity: .5; pointer-events: none;
}

.phoenix-b2b-panel .pb2b-form {}
.phoenix-b2b-panel .pb2b-form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 14px;
}
.phoenix-b2b-panel .pb2b-form-row label {
	font-size: 13px;
	font-weight: 500;
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-form-row input[type="text"],
.phoenix-b2b-panel .pb2b-form-row input[type="email"],
.phoenix-b2b-panel .pb2b-form-row input[type="password"],
.phoenix-b2b-panel .pb2b-form-row input[type="number"],
.phoenix-b2b-panel .pb2b-form-row input[type="tel"],
.phoenix-b2b-panel .pb2b-form-row input[type="file"],
.phoenix-b2b-panel .pb2b-form-row select,
.phoenix-b2b-panel .pb2b-form-row textarea,
.phoenix-b2b-panel .pb2b-textarea-mono {
	width: 100%;
	padding: 10px 12px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border-strong);
	border-radius: 10px;
	color: var(--pb2b-text);
	font-size: 14px;
	font-family: inherit;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.phoenix-b2b-panel .pb2b-textarea-mono { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 13px; }
.phoenix-b2b-panel .pb2b-form-row input:focus,
.phoenix-b2b-panel .pb2b-form-row select:focus,
.phoenix-b2b-panel .pb2b-form-row textarea:focus,
.phoenix-b2b-panel .pb2b-textarea-mono:focus {
	outline: none;
	border-color: var(--pb2b-primary-2);
	box-shadow: var(--pb2b-shadow-glow);
	background: var(--pb2b-bg-4);
}
.phoenix-b2b-panel .pb2b-form-row input[type="file"] {
	padding: 8px;
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-form-row input::placeholder,
.phoenix-b2b-panel .pb2b-form-row textarea::placeholder {
	color: var(--pb2b-text-dim);
}

.phoenix-b2b-panel .pb2b-form-actions {
	display: flex; gap: 10px; flex-wrap: wrap; padding-top: 4px;
}
.phoenix-b2b-panel .pb2b-inline-form {
	display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap;
}
.phoenix-b2b-panel .pb2b-form-row-grow { flex: 1; min-width: 240px; margin-bottom: 0; }
.phoenix-b2b-panel .pb2b-inline-result { width: 100%; }

.phoenix-b2b-panel .pb2b-details > summary {
	cursor: pointer;
	color: var(--pb2b-primary-2);
	font-size: 13px;
	margin: 6px 0 10px;
	user-select: none;
}
.phoenix-b2b-panel .pb2b-details > summary:hover { color: #C084FC; }

.phoenix-b2b-panel .pb2b-meta { font-size: 12.5px; margin: 4px 0 12px; }
.phoenix-b2b-panel .pb2b-meta-label { color: var(--pb2b-text-muted); margin-right: 6px; }

.phoenix-b2b-panel .pb2b-result {
	margin-top: 18px;
	padding: 16px;
	background: var(--pb2b-bg-3);
	border-radius: var(--pb2b-radius-sm);
	border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-stats {
	display: flex; gap: 16px; flex-wrap: wrap; padding: 0; margin: 6px 0 10px; list-style: none;
}
.phoenix-b2b-panel .pb2b-stats li {
	font-size: 13px; color: var(--pb2b-text);
	background: var(--pb2b-bg-2);
	padding: 6px 12px; border-radius: 8px; border: 1px solid var(--pb2b-border);
}

.phoenix-b2b-panel .pb2b-empty {
	text-align: center;
	padding: 36px 20px;
	color: var(--pb2b-text-muted);
}
.phoenix-b2b-panel .pb2b-empty-sm { padding: 22px 12px; }
.phoenix-b2b-panel .pb2b-empty-icon {
	font-size: 38px;
	line-height: 1;
	margin-bottom: 12px;
	opacity: .85;
}
.phoenix-b2b-panel .pb2b-empty h3,
.phoenix-b2b-panel .pb2b-empty h4 {
	color: var(--pb2b-text);
	font-size: 16px;
	margin: 0 0 6px;
}
.phoenix-b2b-panel .pb2b-empty p { margin: 0 0 14px; font-size: 13.5px; }

.phoenix-b2b-panel .pb2b-banners { display: flex; flex-direction: column; gap: 10px; }
.phoenix-b2b-panel .pb2b-banner {
	display: flex; gap: 14px; align-items: flex-start;
	padding: 14px 16px;
	border-radius: var(--pb2b-radius-sm);
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-banner-icon { font-size: 22px; line-height: 1; }
.phoenix-b2b-panel .pb2b-banner-body strong { display: block; margin-bottom: 4px; }
.phoenix-b2b-panel .pb2b-banner-body div p { margin: 0; color: var(--pb2b-text-soft); font-size: 13.5px; }
.phoenix-b2b-panel .pb2b-banner-success { background: linear-gradient(135deg, rgba(34,197,94,0.14), rgba(34,197,94,0.04)); border-color: rgba(34,197,94,0.32); }
.phoenix-b2b-panel .pb2b-banner-warning { background: linear-gradient(135deg, rgba(245,158,11,0.14), rgba(245,158,11,0.04)); border-color: rgba(245,158,11,0.32); }
.phoenix-b2b-panel .pb2b-banner-danger,
.phoenix-b2b-panel .pb2b-banner-error   { background: linear-gradient(135deg, rgba(239,68,68,0.14), rgba(239,68,68,0.04)); border-color: rgba(239,68,68,0.32); }
.phoenix-b2b-panel .pb2b-banner-info,
.phoenix-b2b-panel .pb2b-banner-primary { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(59,130,246,0.06)); border-color: rgba(168,85,247,0.30); }

.phoenix-b2b-panel .pb2b-discount-list { display: flex; flex-direction: column; gap: 8px; }
.phoenix-b2b-panel .pb2b-discount-row {
	display: flex; justify-content: space-between; align-items: center;
	padding: 12px 14px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: 10px;
}
.phoenix-b2b-panel .pb2b-discount-label { color: var(--pb2b-text); font-weight: 500; }
.phoenix-b2b-panel .pb2b-discount-value { color: var(--pb2b-success); font-weight: 700; font-size: 16px; }

.phoenix-b2b-panel .pb2b-manager-mini .pb2b-manager-row {
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.phoenix-b2b-panel .pb2b-manager-avatar {
	width: 44px; height: 44px; border-radius: 999px;
	background: var(--pb2b-accent-grad);
	color: #fff; font-weight: 700; font-size: 17px;
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 44px;
}
.phoenix-b2b-panel .pb2b-manager-avatar-lg { width: 72px; height: 72px; font-size: 26px; flex: 0 0 72px; }
.phoenix-b2b-panel .pb2b-manager-info { flex: 1; min-width: 240px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.phoenix-b2b-panel .pb2b-manager-info .pb2b-overline { flex-basis: 100%; }

.phoenix-b2b-panel .pb2b-manager-full { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-manager-meta { flex: 1; min-width: 240px; }
.phoenix-b2b-panel .pb2b-manager-name { font-size: 20px; margin: 4px 0 12px; }
.phoenix-b2b-panel .pb2b-manager-actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-dl-inline { margin-top: 6px; }

.phoenix-b2b-panel .pb2b-doc-desc { font-size: 12.5px; }

.phoenix-b2b-panel.pb2b-auth {
	min-height: calc(100vh - 80px);
	padding: 32px 20px;
	display: flex; align-items: stretch; justify-content: center;
}
.phoenix-b2b-panel .pb2b-auth-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
	gap: 32px;
	max-width: 1100px;
	width: 100%;
	margin: auto;
}
@media (max-width: 900px) {
	.phoenix-b2b-panel .pb2b-auth-grid { grid-template-columns: 1fr; gap: 22px; }
}

.phoenix-b2b-panel .pb2b-auth-side {
	display: flex; flex-direction: column;
	padding: 30px;
	background: linear-gradient(160deg, rgba(124,58,237,0.18) 0%, rgba(59,130,246,0.06) 100%);
	border: 1px solid rgba(168,85,247,0.22);
	border-radius: var(--pb2b-radius);
}
.phoenix-b2b-panel .pb2b-auth-brand {
	display: flex; align-items: center; gap: 12px;
	font-weight: 700; font-size: 18px; color: #fff;
	margin-bottom: 22px;
}
.phoenix-b2b-panel .pb2b-auth-title {
	font-size: 28px; line-height: 1.15; margin: 0 0 12px;
}
.phoenix-b2b-panel .pb2b-auth-lead {
	font-size: 15px; color: var(--pb2b-text-soft); margin: 0 0 22px;
}
.phoenix-b2b-panel .pb2b-auth-benefits {
	list-style: none; padding: 0; margin: 0;
	display: flex; flex-direction: column; gap: 14px;
}
.phoenix-b2b-panel .pb2b-auth-benefits li {
	display: flex; gap: 12px; align-items: flex-start;
}
.phoenix-b2b-panel .pb2b-auth-benefit-ico {
	flex: 0 0 24px; width: 24px; height: 24px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: rgba(34,197,94,0.22);
	color: #86EFAC;
	font-weight: 700; font-size: 13px;
	margin-top: 1px;
}
.phoenix-b2b-panel .pb2b-auth-benefits strong { display: block; color: var(--pb2b-text); margin-bottom: 2px; }
.phoenix-b2b-panel .pb2b-auth-benefits span { color: var(--pb2b-text-muted); font-size: 13px; }

.phoenix-b2b-panel .pb2b-auth-card {
	padding: 28px;
}
.phoenix-b2b-panel .pb2b-auth-form-title { font-size: 22px; margin: 0 0 6px; }
.phoenix-b2b-panel .pb2b-auth-form-sub { font-size: 13px; margin: 0 0 18px; }

.phoenix-b2b-panel #pb2b-login-form { display: flex; flex-direction: column; gap: 14px; }
.phoenix-b2b-panel #pb2b-login-form p { margin: 0; }
.phoenix-b2b-panel #pb2b-login-form label {
	display: block; margin-bottom: 6px;
	font-size: 13px; font-weight: 500; color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel #pb2b-login-form input[type="text"],
.phoenix-b2b-panel #pb2b-login-form input[type="password"] {
	width: 100%;
	padding: 11px 12px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border-strong);
	border-radius: 10px;
	color: var(--pb2b-text);
	font-size: 14px;
}
.phoenix-b2b-panel #pb2b-login-form input:focus {
	outline: none;
	border-color: var(--pb2b-primary-2);
	box-shadow: var(--pb2b-shadow-glow);
}
.phoenix-b2b-panel #pb2b-login-form .login-remember { font-size: 13px; color: var(--pb2b-text-soft); }
.phoenix-b2b-panel #pb2b-login-form .login-remember label { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.phoenix-b2b-panel #pb2b-login-form .login-submit input[type="submit"],
.phoenix-b2b-panel #pb2b-login-form input[name="wp-submit"] {
	width: 100%;
	padding: 11px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	background: var(--pb2b-accent-grad);
	color: #fff;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(124,58,237,0.35);
	transition: transform .1s ease, box-shadow .15s ease;
}
.phoenix-b2b-panel #pb2b-login-form input[name="wp-submit"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(124,58,237,0.45);
}

.phoenix-b2b-panel .pb2b-auth-extras { margin-top: 8px; font-size: 13px; }
.phoenix-b2b-panel .pb2b-auth-divider {
	position: relative; text-align: center; margin: 22px 0 18px;
	color: var(--pb2b-text-muted); font-size: 12px;
}
.phoenix-b2b-panel .pb2b-auth-divider::before,
.phoenix-b2b-panel .pb2b-auth-divider::after {
	content: '';
	position: absolute; top: 50%;
	width: 42%; height: 1px;
	background: var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-auth-divider::before { left: 0; }
.phoenix-b2b-panel .pb2b-auth-divider::after { right: 0; }
.phoenix-b2b-panel .pb2b-auth-divider span { padding: 0 12px; background: var(--pb2b-bg-2); position: relative; }

.phoenix-b2b-panel .pb2b-auth-register { text-align: center; }
.phoenix-b2b-panel .pb2b-auth-register-text { color: var(--pb2b-text-soft); font-size: 13.5px; margin: 0 0 10px; }

.phoenix-b2b-panel.pb2b-state {
	min-height: calc(100vh - 80px);
	display: flex; align-items: center; justify-content: center;
	padding: 40px 20px;
}
.phoenix-b2b-panel .pb2b-state-card {
	max-width: 520px;
	text-align: center;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	padding: 36px 30px;
	box-shadow: var(--pb2b-shadow-lg);
}
.phoenix-b2b-panel .pb2b-state-icon {
	width: 72px; height: 72px; border-radius: 999px;
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text-muted);
	display: inline-flex; align-items: center; justify-content: center;
	margin-bottom: 18px;
	border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-state-pending .pb2b-state-icon {
	background: rgba(245,158,11,0.14); color: #FCD34D; border-color: rgba(245,158,11,0.30);
}
.phoenix-b2b-panel .pb2b-state-rejected .pb2b-state-icon {
	background: rgba(239,68,68,0.14); color: #FCA5A5; border-color: rgba(239,68,68,0.30);
}
.phoenix-b2b-panel .pb2b-state-title { font-size: 22px; margin: 0 0 10px; }
.phoenix-b2b-panel .pb2b-state-desc { color: var(--pb2b-text-soft); font-size: 15px; margin: 0 0 8px; line-height: 1.5; }
.phoenix-b2b-panel .pb2b-state-meta { color: var(--pb2b-text-muted); font-size: 13px; margin: 0 0 22px; }
.phoenix-b2b-panel .pb2b-state-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

.phoenix-b2b-panel.pb2b-state {
	background:
		radial-gradient(800px circle at 20% 10%, rgba(124,58,237,0.18), transparent 60%),
		radial-gradient(700px circle at 80% 90%, rgba(59,130,246,0.14), transparent 60%),
		var(--pb2b-bg-0);
}
.phoenix-b2b-panel .pb2b-state-card {
	animation: pb2b-state-in .35s cubic-bezier(.2,.8,.2,1);
	background: linear-gradient(180deg, var(--pb2b-bg-3) 0%, var(--pb2b-bg-2) 100%);
	position: relative;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-state-card::before {
	content: ''; position: absolute; inset: 0 0 auto 0; height: 3px;
	background: var(--pb2b-accent-grad);
	opacity: .85;
}
.phoenix-b2b-panel .pb2b-state-icon {
	animation: pb2b-state-icon-in .5s cubic-bezier(.2,.8,.2,1) both;
}
.phoenix-b2b-panel .pb2b-state-no-access .pb2b-state-icon {
	background: rgba(56,189,248,0.14); color: #7DD3FC; border-color: rgba(56,189,248,0.30);
}
@keyframes pb2b-state-in {
	from { opacity: 0; transform: translateY(10px) scale(.985); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes pb2b-state-icon-in {
	0%   { transform: scale(.6) rotate(-8deg); opacity: 0; }
	60%  { transform: scale(1.08) rotate(2deg); opacity: 1; }
	100% { transform: scale(1) rotate(0); }
}

.phoenix-b2b-panel .pb2b-form-alert {
	display: flex; gap: 10px; align-items: center;
	padding: 11px 14px;
	border-radius: var(--pb2b-radius-sm);
	margin: 0 0 14px;
	font-size: 13.5px;
}
.phoenix-b2b-panel .pb2b-form-alert-error {
	background: rgba(239,68,68,.12);
	color: #FECACA;
	border: 1px solid rgba(239,68,68,.30);
}
.phoenix-b2b-panel .pb2b-form-alert svg { flex-shrink: 0; }

.phoenix-b2b-panel .pb2b-login-form .pb2b-field { margin-bottom: 14px; }
.phoenix-b2b-panel .pb2b-field-with-icon { position: relative; }
.phoenix-b2b-panel .pb2b-field-icon {
	position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
	color: var(--pb2b-text-muted);
	pointer-events: none;
}
.phoenix-b2b-panel .pb2b-field-with-icon input {
	padding-left: 38px !important;
}
.phoenix-b2b-panel .pb2b-field-toggle {
	position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
	background: transparent; border: none; cursor: pointer;
	color: var(--pb2b-text-muted);
	padding: 6px;
	border-radius: 4px;
}
.phoenix-b2b-panel .pb2b-field-toggle:hover { color: var(--pb2b-text); background: rgba(255,255,255,.04); }
.phoenix-b2b-panel .pb2b-login-row {
	display: flex; align-items: center; justify-content: space-between;
	gap: 10px; flex-wrap: wrap;
	margin-bottom: 16px;
}
.phoenix-b2b-panel .pb2b-checkbox-inline {
	display: inline-flex; align-items: center; gap: 8px;
	cursor: pointer; font-size: 13.5px; color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-checkbox-inline input { accent-color: var(--pb2b-primary); width: 16px; height: 16px; }
.phoenix-b2b-panel .pb2b-login-forgot { font-size: 13px; color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-login-submit svg { transition: transform .2s ease; }
.phoenix-b2b-panel .pb2b-login-submit:hover svg { transform: translateX(3px); }

body.phoenix-b2b-app-mode .phoenix-b2b-panel,
body.phoenix-b2b-app-mode .phoenix-b2b-panel.pb2b-app {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-card-wide { max-width: 720px; width: 100%; }
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-registration { color: var(--pb2b-text); }
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-section {
	font-size: 13px; font-weight: 700; color: var(--pb2b-text-soft);
	text-transform: uppercase; letter-spacing: .06em;
	margin: 18px 0 10px 0;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-row {
	display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 10px;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-full,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-row > .phoenix-b2b-form-field:only-child { grid-column: 1 / -1; }
@media (max-width: 580px) {
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-row { grid-template-columns: 1fr; }
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field { display: flex; flex-direction: column; gap: 4px; }
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field label {
	font-size: 13px; font-weight: 600; color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field .required { color: var(--pb2b-danger); }
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="text"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="email"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="tel"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="password"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="url"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="number"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field textarea {
	background: var(--pb2b-bg-2) !important;
	border: 1px solid var(--pb2b-border-strong) !important;
	border-radius: var(--pb2b-radius-sm) !important;
	color: var(--pb2b-text) !important;
	padding: 10px 12px !important;
	font-size: 14px !important;
	width: 100%;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:focus,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select:focus,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field textarea:focus {
	border-color: var(--pb2b-primary-2) !important;
	box-shadow: var(--pb2b-shadow-glow) !important;
	outline: none;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input::placeholder { color: var(--pb2b-text-dim); }
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-field-error {
	color: #FCA5A5; font-size: 12px; margin-top: 2px; display: block;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox label {
	display: flex; align-items: flex-start; gap: 10px;
	font-size: 13px; color: var(--pb2b-text-soft); font-weight: 400;
	line-height: 1.45;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox input[type="checkbox"] {
	margin-top: 2px; accent-color: var(--pb2b-primary); width: 16px; height: 16px; flex-shrink: 0;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-honeypot { position: absolute !important; left: -9999px !important; }
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-actions { margin-top: 22px; }
.phoenix-b2b-panel.pb2b-auth-reg .pb2b-btn-block { width: 100%; }

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel.pb2b-app {
		grid-template-columns: 1fr;
	}
	.phoenix-b2b-panel .pb2b-sidebar {
		position: fixed;
		top: 0; left: 0;
		width: min(86vw, var(--pb2b-sidebar-w, 260px));
		height: 100vh;
		transform: translateX(-100%);
		transition: transform .25s ease;
		box-shadow: none;
	}
	.phoenix-b2b-panel.pb2b-sidebar-open .pb2b-sidebar { transform: translateX(0); box-shadow: 24px 0 60px rgba(0,0,0,0.45); }
	.phoenix-b2b-panel .pb2b-sidebar-close { display: inline-flex; }
	.phoenix-b2b-panel .pb2b-burger { display: inline-flex; }
}

@media (max-width: 640px) {
	.phoenix-b2b-panel .pb2b-content { padding: 16px; gap: 16px; }
	.phoenix-b2b-panel .pb2b-topbar { padding: 0 14px; }
	.phoenix-b2b-panel .pb2b-card-header { padding: 14px 16px; flex-wrap: wrap; }
	.phoenix-b2b-panel .pb2b-card-body { padding: 16px; }
	.phoenix-b2b-panel .pb2b-topbar-h1 { font-size: 15px; }
	.phoenix-b2b-panel .pb2b-user-name { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip { display: none; }
	.phoenix-b2b-panel .pb2b-stat-value { font-size: 22px; }
	.phoenix-b2b-panel .pb2b-state-card { padding: 26px 18px; }
	.phoenix-b2b-panel .pb2b-dl-row { grid-template-columns: 1fr; gap: 4px; }
	.phoenix-b2b-panel .pb2b-btn { padding: 9px 14px; }
}

.phoenix-b2b-panel .pb2b-app-loaded .pb2b-content > * {
	animation: pb2bFadeUp .35s ease both;
}
@keyframes pb2bFadeUp {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.phoenix-b2b-panel .pb2b-loading {
	position: relative; min-height: 60px;
	pointer-events: none; opacity: .75;
}
.phoenix-b2b-panel .pb2b-loading::after {
	content: '';
	position: absolute;
	left: 50%; top: 50%;
	width: 22px; height: 22px;
	margin: -11px 0 0 -11px;
	border-radius: 999px;
	border: 2px solid var(--pb2b-border);
	border-top-color: var(--pb2b-primary-2);
	animation: pb2bSpin .8s linear infinite;
}
@keyframes pb2bSpin { to { transform: rotate(360deg); } }

.phoenix-b2b-panel.phoenix-b2b-standalone .pb2b-card { background: var(--pb2b-bg-2); }

.phoenix-b2b-panel .pb2b-limit-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; font-weight: 600; }
.phoenix-b2b-panel .pb2b-progress { height: 10px; background: var(--pb2b-bg-4); border-radius: 999px; overflow: hidden; }
.phoenix-b2b-panel .pb2b-progress-bar { height: 100%; background: var(--pb2b-accent-grad); border-radius: 999px; transition: width .3s ease; }
.phoenix-b2b-panel .pb2b-progress-bar.is-warning { background: var(--pb2b-warning); }
.phoenix-b2b-panel .pb2b-progress-bar.is-danger { background: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-progress-foot { margin-top: 6px; font-size: 12px; }

.phoenix-b2b-panel .pb2b-nav-item,
.phoenix-b2b-panel .pb2b-nav-item:link,
.phoenix-b2b-panel .pb2b-nav-item:visited,
.phoenix-b2b-panel .pb2b-nav-item:hover,
.phoenix-b2b-panel .pb2b-nav-item:focus,
.phoenix-b2b-panel .pb2b-nav-item:active,
.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-label,
.phoenix-b2b-panel .pb2b-nav-logout,
.phoenix-b2b-panel .pb2b-nav-logout:hover {
	text-decoration: none !important;
	box-shadow: none;
}
.phoenix-b2b-panel .pb2b-nav-item:focus-visible {
	outline: 2px solid var(--pb2b-primary-2, #a855f7);
	outline-offset: 2px;
}
.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-label { border-bottom: 0 !important; }

.phoenix-b2b-panel.pb2b-auth {
	padding: 80px 20px;
	background:
		radial-gradient(900px circle at 18% 8%, rgba(124,58,237,0.20), transparent 60%),
		radial-gradient(760px circle at 85% 92%, rgba(59,130,246,0.16), transparent 60%),
		var(--pb2b-bg-0);
}
.phoenix-b2b-panel .pb2b-auth-grid {
	max-width: 1180px;
}
@media (max-width: 640px) {
	.phoenix-b2b-panel.pb2b-auth { padding: 48px 16px; }
}

.phoenix-b2b-panel .pb2b-auth-card {
	border-radius: 24px;
	box-shadow: var(--pb2b-shadow-lg);
}
.phoenix-b2b-panel .pb2b-auth-side {
	border-radius: 24px;
}

.phoenix-b2b-panel .pb2b-login-form .pb2b-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-login-form input[type="text"],
.phoenix-b2b-panel .pb2b-login-form input[type="email"],
.phoenix-b2b-panel .pb2b-login-form input[type="password"] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 50px;
	padding: 0 14px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border-strong);
	border-radius: 14px;
	color: var(--pb2b-text);
	font-size: 14.5px;
	line-height: 1.2;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
	box-shadow: none;
	outline: none;
}
.phoenix-b2b-panel .pb2b-login-form .pb2b-field-with-icon input {
	padding-left: 42px !important;
}
.phoenix-b2b-panel .pb2b-login-form input:focus {
	border-color: var(--pb2b-primary-2);
	box-shadow: var(--pb2b-shadow-glow);
	outline: none;
}
.phoenix-b2b-panel .pb2b-login-form input::placeholder { color: var(--pb2b-text-dim); }

.phoenix-b2b-panel .pb2b-login-form input:-webkit-autofill,
.phoenix-b2b-panel .pb2b-login-form input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--pb2b-text);
	-webkit-box-shadow: 0 0 0 1000px var(--pb2b-bg-3) inset;
	caret-color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-field-toggle { top: 25px; }

.phoenix-b2b-panel a.pb2b-link,
.phoenix-b2b-panel a.pb2b-link:hover,
.phoenix-b2b-panel .pb2b-login-forgot,
.phoenix-b2b-panel .pb2b-login-forgot:hover {
	text-decoration: none;
}
.phoenix-b2b-panel .pb2b-login-forgot:hover { color: #C084FC; }

.phoenix-b2b-panel .pb2b-login-submit {
	height: 50px;
	border-radius: 14px;
	background: linear-gradient(135deg, #A855F7 0%, #7C3AED 45%, #3B82F6 100%);
	font-size: 15px;
	font-weight: 600;
	box-shadow: 0 8px 22px rgba(124,58,237,0.40);
}
.phoenix-b2b-panel .pb2b-login-submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 28px rgba(124,58,237,0.50);
}

.phoenix-b2b-panel .pb2b-btn-outline {
	height: 50px;
	border-radius: 14px;
	background: transparent;
	border: 1px solid rgba(168,85,247,0.45);
	color: var(--pb2b-text);
	font-weight: 600;
	transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.phoenix-b2b-panel .pb2b-btn-outline:hover {
	border-color: var(--pb2b-primary-2);
	background: rgba(168,85,247,0.10);
	box-shadow: var(--pb2b-shadow-glow);
	color: #fff;
}

.phoenix-b2b-panel .pb2b-form-alert {
	border-radius: 14px;
	padding: 13px 16px;
	align-items: flex-start;
}

.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-grid {
	max-width: 1240px;
	grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
}
@media (max-width: 900px) {
	.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-grid { grid-template-columns: 1fr; }
}
.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-card-wide {
	max-width: none;
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-registration { max-width: 100%; }

.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="text"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="email"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="tel"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="password"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="url"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="number"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select {
	height: 50px !important;
	border-radius: 14px !important;
	padding: 0 14px !important;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none !important;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 38px !important;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:-webkit-autofill {
	-webkit-text-fill-color: var(--pb2b-text);
	-webkit-box-shadow: 0 0 0 1000px var(--pb2b-bg-2) inset;
}

.phoenix-b2b-panel .pb2b-auth-badge {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(168,85,247,0.15);
	border: 1px solid rgba(168,85,247,0.35);
	color: #D8B4FE;
	font-size: 12px; font-weight: 600;
	letter-spacing: .02em;
	margin: 0 0 12px;
}
.phoenix-b2b-panel .pb2b-auth-info {
	display: flex; align-items: center; gap: 8px;
	margin: 14px 0 0;
	font-size: 13px;
	color: var(--pb2b-text-muted);
}
.phoenix-b2b-panel .pb2b-auth-info .dashicons { color: var(--pb2b-info); }

.phoenix-b2b-panel .pb2b-auth-success {
	text-align: center;
	padding: 8px 0 4px;
}
.phoenix-b2b-panel .pb2b-auth-success-ico {
	width: 64px; height: 64px; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(34,197,94,0.16);
	color: #86EFAC;
	margin-bottom: 16px;
}
.phoenix-b2b-panel .pb2b-auth-success h2 { font-size: 22px; margin: 0 0 8px; }
.phoenix-b2b-panel .pb2b-auth-success p { color: var(--pb2b-text-soft); margin: 0 0 20px; }

.phoenix-b2b-panel .pb2b-auth-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
}
.phoenix-b2b-panel .pb2b-auth-brand-mono {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: linear-gradient(135deg, #A855F7 0%, #7C3AED 45%, #3B82F6 100%);
	color: #fff;
	font-weight: 800;
	font-size: 20px;
	line-height: 1;
	box-shadow: 0 8px 22px rgba(124,58,237,0.40);
	flex: 0 0 auto;
}
.phoenix-b2b-panel .pb2b-auth-brand-name {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	letter-spacing: .01em;
}
.phoenix-b2b-panel .pb2b-auth-brand-logo {
	border-radius: 10px;
}

@media (max-width: 900px) {
	.phoenix-b2b-panel .pb2b-auth-grid { display: grid; }
	.phoenix-b2b-panel .pb2b-auth-form-wrap { order: 0; }
	.phoenix-b2b-panel .pb2b-auth-side { order: 1; }
}

@media (min-width: 901px) {

	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-row:has(> .phoenix-b2b-form-field:nth-child(3)) {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="text"],
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="email"],
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="tel"],
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="password"],
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="url"],
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="number"],
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select {
		height: 47px !important;
	}

	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-row { gap: 14px; margin-bottom: 12px; }
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-section { margin: 14px 0 8px; }

	.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-grid {
		max-width: 1280px;
		grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
	}
}

.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox input[type="checkbox"] {
	accent-color: #A855F7;
}

.phoenix-b2b-panel.pb2b-auth-reg a.pb2b-link,
.phoenix-b2b-panel.pb2b-auth-reg a.pb2b-link:hover { text-decoration: none; }

html[data-pb2b-app="1"] {
	background: #070B18 !important;
}

body.phoenix-b2b-app-page,
body.phoenix-b2b-app-mode {
	background: #070B18 !important;
	color: #F8FAFC;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	min-height: 100vh;
}

body.phoenix-b2b-app-page > header,
body.phoenix-b2b-app-page > footer,
body.phoenix-b2b-app-page > .site-header,
body.phoenix-b2b-app-page > .site-footer,
body.phoenix-b2b-app-page .site-header,
body.phoenix-b2b-app-page .site-footer,
body.phoenix-b2b-app-page #site-header,
body.phoenix-b2b-app-page #site-footer,
body.phoenix-b2b-app-page #masthead,
body.phoenix-b2b-app-page #colophon,
body.phoenix-b2b-app-page .header-main,
body.phoenix-b2b-app-page .footer-main,
body.phoenix-b2b-app-page .global-header,
body.phoenix-b2b-app-page .global-footer,
body.phoenix-b2b-app-page .topbar,
body.phoenix-b2b-app-page .top-bar,
body.phoenix-b2b-app-page .header-top,
body.phoenix-b2b-app-page .pre-header,
body.phoenix-b2b-app-page .footer-top,
body.phoenix-b2b-app-page .footer-bottom,

body.phoenix-b2b-app-page .elementor-location-header,
body.phoenix-b2b-app-page .elementor-location-footer,
body.phoenix-b2b-app-page [data-elementor-type="header"],
body.phoenix-b2b-app-page [data-elementor-type="footer"],

body.phoenix-b2b-app-page .ast-above-header,
body.phoenix-b2b-app-page .main-header-bar,
body.phoenix-b2b-app-page .ast-below-header,
body.phoenix-b2b-app-page .ast-small-footer,
body.phoenix-b2b-app-page .footer-adv,
body.phoenix-b2b-app-page .footer-sml-section,

body.phoenix-b2b-app-page .site-info,
body.phoenix-b2b-app-page .footer-widgets,

body.phoenix-b2b-app-page #site-header-inner,
body.phoenix-b2b-app-page #footer,

body.phoenix-b2b-app-page .hello-header,
body.phoenix-b2b-app-page .hello-footer,

body.phoenix-b2b-app-page .storefront-handheld-footer-bar,

body.phoenix-b2b-app-page .site-header-wrap,
body.phoenix-b2b-app-page .site-header-row-container-inner,
body.phoenix-b2b-app-page .ct-header,
body.phoenix-b2b-app-page .ct-footer,
body.phoenix-b2b-app-page .header-main-nav,
body.phoenix-b2b-app-page .nv-navbar,

body.phoenix-b2b-app-page .sidebar,
body.phoenix-b2b-app-page #secondary,
body.phoenix-b2b-app-page .widget-area,

body.phoenix-b2b-app-page .breadcrumb,
body.phoenix-b2b-app-page .breadcrumbs,
body.phoenix-b2b-app-page .page-title,
body.phoenix-b2b-app-page .page-header,
body.phoenix-b2b-app-page .entry-header,
body.phoenix-b2b-app-page .post-thumbnail,
body.phoenix-b2b-app-page .single-featured-image-header,

body.phoenix-b2b-app-page #comments,
body.phoenix-b2b-app-page .comments-area,
body.phoenix-b2b-app-page .nav-links,

body.phoenix-b2b-app-mode > header,
body.phoenix-b2b-app-mode > footer,
body.phoenix-b2b-app-mode .site-header,
body.phoenix-b2b-app-mode .site-footer,
body.phoenix-b2b-app-mode #masthead,
body.phoenix-b2b-app-mode #colophon,
body.phoenix-b2b-app-mode .header-main,
body.phoenix-b2b-app-mode .footer-main,
body.phoenix-b2b-app-mode .elementor-location-header,
body.phoenix-b2b-app-mode .elementor-location-footer,
body.phoenix-b2b-app-mode .sidebar,
body.phoenix-b2b-app-mode #secondary,
body.phoenix-b2b-app-mode .widget-area,
body.phoenix-b2b-app-mode .breadcrumb,
body.phoenix-b2b-app-mode .page-title,
body.phoenix-b2b-app-mode .entry-header {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

body.phoenix-b2b-app-page .woocommerce-mini-cart,
body.phoenix-b2b-app-page .widget_shopping_cart,
body.phoenix-b2b-app-page .widget_shopping_cart_content,
body.phoenix-b2b-app-page .cart_list,
body.phoenix-b2b-app-page .product_list_widget,
body.phoenix-b2b-app-page .site-header-cart,
body.phoenix-b2b-app-page .cart-widget,
body.phoenix-b2b-app-page .cart-customlocation,
body.phoenix-b2b-app-page .cart-icon,
body.phoenix-b2b-app-page .cart-contents,

body.phoenix-b2b-app-page .xoo-wsc-container,
body.phoenix-b2b-app-page .xoo-wsc-modal,
body.phoenix-b2b-app-page .xoo-wsc-basket,
body.phoenix-b2b-app-page .xoo-wsc-bki,
body.phoenix-b2b-app-page .xoo-wsc-cont,
body.phoenix-b2b-app-page .xoo-wsc-sc-bki,
body.phoenix-b2b-app-page .xoo-wsc-opac,

body.phoenix-b2b-app-page .woofc,
body.phoenix-b2b-app-page .woofc-area,
body.phoenix-b2b-app-page .woofc-icon,
body.phoenix-b2b-app-page .woofc-count,
body.phoenix-b2b-app-page .woofc-overlay,

body.phoenix-b2b-app-page .wc-block-mini-cart,
body.phoenix-b2b-app-page .wc-block-mini-cart__drawer,
body.phoenix-b2b-app-page .wp-block-woocommerce-mini-cart,
body.phoenix-b2b-app-page .wp-block-woocommerce-mini-cart-contents,
body.phoenix-b2b-app-page .wc-block-components-drawer,

body.phoenix-b2b-app-page .elementor-menu-cart__container,
body.phoenix-b2b-app-page .elementor-menu-cart__toggle,
body.phoenix-b2b-app-page .elementor-menu-cart__main,
body.phoenix-b2b-app-page .elementor-menu-cart,
body.phoenix-b2b-app-page .elementor-widget-woocommerce-menu-cart,
body.phoenix-b2b-app-page .elementor-widget-wc-mini-cart,

body.phoenix-b2b-app-page .cart-drawer,
body.phoenix-b2b-app-page .side-cart,
body.phoenix-b2b-app-page .floating-cart,
body.phoenix-b2b-app-page .header-cart,
body.phoenix-b2b-app-page .mini-cart,
body.phoenix-b2b-app-page #side-cart,
body.phoenix-b2b-app-page #mini-cart,
body.phoenix-b2b-app-page #cart-drawer,
body.phoenix-b2b-app-page #floating-cart,
body.phoenix-b2b-app-page #header-cart,

body.phoenix-b2b-app-mode .woocommerce-mini-cart,
body.phoenix-b2b-app-mode .widget_shopping_cart,
body.phoenix-b2b-app-mode .site-header-cart,
body.phoenix-b2b-app-mode .cart-widget,
body.phoenix-b2b-app-mode .xoo-wsc-container,
body.phoenix-b2b-app-mode .xoo-wsc-modal,
body.phoenix-b2b-app-mode .xoo-wsc-basket,
body.phoenix-b2b-app-mode .woofc,
body.phoenix-b2b-app-mode .wc-block-mini-cart,
body.phoenix-b2b-app-mode .wp-block-woocommerce-mini-cart,
body.phoenix-b2b-app-mode .elementor-menu-cart__container,
body.phoenix-b2b-app-mode .elementor-menu-cart__toggle,
body.phoenix-b2b-app-mode .elementor-widget-woocommerce-menu-cart,
body.phoenix-b2b-app-mode .cart-drawer,
body.phoenix-b2b-app-mode .side-cart,
body.phoenix-b2b-app-mode .floating-cart,
body.phoenix-b2b-app-mode .header-cart {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
	position: absolute !important;
	left: -99999px !important;
	top: -99999px !important;
	z-index: -1 !important;
}

body.phoenix-b2b-app-page #page,
body.phoenix-b2b-app-page .site,
body.phoenix-b2b-app-page #wrapper,
body.phoenix-b2b-app-page .site-content,
body.phoenix-b2b-app-page #content,
body.phoenix-b2b-app-page #primary,
body.phoenix-b2b-app-page .content-area,
body.phoenix-b2b-app-page main,
body.phoenix-b2b-app-page .main,
body.phoenix-b2b-app-page .entry-content,
body.phoenix-b2b-app-page article,
body.phoenix-b2b-app-page .ast-container,
body.phoenix-b2b-app-page .site-main,
body.phoenix-b2b-app-page .post-inner,
body.phoenix-b2b-app-page .container,
body.phoenix-b2b-app-page .container-fluid,
body.phoenix-b2b-app-page .row,
body.phoenix-b2b-app-page .elementor,
body.phoenix-b2b-app-page .elementor-section,
body.phoenix-b2b-app-page .elementor-container,
body.phoenix-b2b-app-page .elementor-widget-wrap,
body.phoenix-b2b-app-page .e-con,
body.phoenix-b2b-app-page .e-con-inner,
body.phoenix-b2b-app-mode #page,
body.phoenix-b2b-app-mode .site,
body.phoenix-b2b-app-mode #wrapper,
body.phoenix-b2b-app-mode .site-content,
body.phoenix-b2b-app-mode #content,
body.phoenix-b2b-app-mode #primary,
body.phoenix-b2b-app-mode .content-area,
body.phoenix-b2b-app-mode main,
body.phoenix-b2b-app-mode .main,
body.phoenix-b2b-app-mode .entry-content,
body.phoenix-b2b-app-mode article,
body.phoenix-b2b-app-mode .ast-container,
body.phoenix-b2b-app-mode .site-main,
body.phoenix-b2b-app-mode .post-inner,
body.phoenix-b2b-app-mode .elementor,
body.phoenix-b2b-app-mode .elementor-section,
body.phoenix-b2b-app-mode .elementor-container,
body.phoenix-b2b-app-mode .elementor-widget-wrap,
body.phoenix-b2b-app-mode .e-con,
body.phoenix-b2b-app-mode .e-con-inner {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	min-height: 100vh;
}

body.phoenix-b2b-app-page #page,
body.phoenix-b2b-app-mode #page { display: block !important; }

body.phoenix-b2b-app-page .elementor-section,
body.phoenix-b2b-app-page .elementor-section.elementor-section-boxed > .elementor-container,
body.phoenix-b2b-app-mode .elementor-section,
body.phoenix-b2b-app-mode .elementor-section.elementor-section-boxed > .elementor-container { max-width: none !important; }

body.phoenix-b2b-app-page .entry-content > .alignfull,
body.phoenix-b2b-app-page .entry-content > .alignwide,
body.phoenix-b2b-app-mode .entry-content > .alignfull,
body.phoenix-b2b-app-mode .entry-content > .alignwide {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.phoenix-b2b-app-page .has-spacing,
body.phoenix-b2b-app-page .single-content,
body.phoenix-b2b-app-page .post-content,
body.phoenix-b2b-app-mode .has-spacing,
body.phoenix-b2b-app-mode .single-content,
body.phoenix-b2b-app-mode .post-content { padding: 0 !important; margin: 0 !important; }

body.phoenix-b2b-app-page.admin-bar,
body.phoenix-b2b-app-mode.admin-bar { padding-top: 0 !important; }
body.phoenix-b2b-app-page #wpadminbar,
body.phoenix-b2b-app-mode #wpadminbar { background: #0B1020 !important; }

body.phoenix-b2b-app-page .skip-link,
body.phoenix-b2b-app-mode .skip-link { position: absolute !important; left: -9999px !important; }

body.phoenix-b2b-app-page .phoenix-b2b-panel,
body.phoenix-b2b-app-mode .phoenix-b2b-panel { min-height: 100vh; }

body.phoenix-b2b-app-page,
body.phoenix-b2b-app-mode { overflow-x: hidden; }

body.phoenix-b2b-app-page .phoenix-b2b-panel,
body.phoenix-b2b-app-mode .phoenix-b2b-panel { max-width: none; }
body.phoenix-b2b-app-page .phoenix-b2b-panel .pb2b-app,
body.phoenix-b2b-app-mode .phoenix-b2b-panel .pb2b-app { min-height: 100vh; }

html[data-pb2b-app="1"] body.pb2b-theme-light,
html[data-pb2b-app="1"] body.pb2b-theme-light.phoenix-b2b-app-page,
body.pb2b-theme-light.phoenix-b2b-app-page,
body.pb2b-theme-light.phoenix-b2b-app-mode {
	background: #EEF1F8 !important;
	color: #0F172A !important;
}
html[data-pb2b-app="1"]:has(body.pb2b-theme-light),
html[data-pb2b-theme="light"] {
	background: #EEF1F8 !important;
}

.phoenix-b2b-panel[data-pb2b-theme="light"] {

	background: var(--pb2b-bg-0);
	color: var(--pb2b-text);
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-sidebar {
	background: #FFFFFF;
	border-right: 1px solid var(--pb2b-border);
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-topbar {
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid var(--pb2b-border);
	backdrop-filter: saturate(160%) blur(8px);
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-table thead th { background: #F3F5FB; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-table tbody tr:hover { background: rgba(15, 23, 42, 0.035); }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-nav-item:hover { background: rgba(15, 23, 42, 0.05); color: var(--pb2b-text); }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-field-toggle:hover { background: rgba(15, 23, 42, 0.05); }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-user-chip { background: #F3F5FB; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-brand-mark { box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28); }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-nav-item.is-active {
	background: rgba(124, 58, 237, 0.10);
	color: var(--pb2b-primary-strong, #6D28D9);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-nav-item.is-active .pb2b-nav-icon { color: var(--pb2b-primary, #7C3AED); }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-filter-chip { color: var(--pb2b-text-soft); }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-filter-chip:hover { color: var(--pb2b-text); background: rgba(15, 23, 42, 0.04); }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-filter-chip.is-active { color: #fff; }

.phoenix-b2b-panel[data-pb2b-theme="light"] input[type="checkbox"],
.phoenix-b2b-panel[data-pb2b-theme="light"] input[type="radio"] {
	accent-color: var(--pb2b-primary, #7C3AED);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] select {
	background-color: var(--pb2b-bg-3);
	color: var(--pb2b-text);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] select option { background: #fff; color: #0F172A; }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-empty,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-shop-empty {
	background: #F6F8FD;
	border-color: var(--pb2b-border);
}

.phoenix-b2b-panel .pb2b-theme-toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 9px 12px;
	background: transparent;
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm, 10px);
	color: var(--pb2b-text-soft);
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
	-webkit-tap-highlight-color: transparent;
}
.phoenix-b2b-panel .pb2b-theme-toggle:hover {
	color: var(--pb2b-text);
	border-color: var(--pb2b-border-strong);
	background: rgba(124, 58, 237, 0.06);
}
.phoenix-b2b-panel .pb2b-theme-toggle:focus-visible {
	outline: none;
	box-shadow: var(--pb2b-shadow-glow);
	border-color: var(--pb2b-primary-2, #A855F7);
}

.phoenix-b2b-panel .pb2b-theme-toggle-track {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 52px;
	height: 26px;
	padding: 0 5px;
	border-radius: 999px;
	background: linear-gradient(135deg, #1E293B, #0B1020);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	transition: background .2s ease;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-track {
	background: linear-gradient(135deg, #FBBF24, #F59E0B);
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12);
}

.phoenix-b2b-panel .pb2b-theme-toggle-ico {
	display: inline-flex;
	width: 16px;
	height: 16px;
	z-index: 1;
	transition: opacity .2s ease, color .2s ease;
}
.phoenix-b2b-panel .pb2b-theme-toggle-ico-moon { color: #C7D2FE; opacity: 1; }
.phoenix-b2b-panel .pb2b-theme-toggle-ico-sun  { color: #FFFFFF; opacity: .35; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-ico-moon { opacity: .35; color: #92400E; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-ico-sun  { opacity: 1; color: #FFFFFF; }

.phoenix-b2b-panel .pb2b-theme-toggle-knob {
	position: absolute;
	top: 50%;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
	transform: translateY(-50%);
	transition: transform .22s cubic-bezier(.4, 0, .2, 1);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-knob {
	transform: translate(26px, -50%);
}

.phoenix-b2b-panel .pb2b-theme-toggle-text { line-height: 1; }
.phoenix-b2b-panel .pb2b-theme-toggle-text-light { display: none; }
.phoenix-b2b-panel .pb2b-theme-toggle-text-dark  { display: inline; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-text-light { display: inline; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-text-dark  { display: none; }

.phoenix-b2b-panel .pb2b-topbar .pb2b-theme-toggle {
	width: auto;
	padding: 6px;
	border-color: transparent;
}
.phoenix-b2b-panel .pb2b-topbar .pb2b-theme-toggle .pb2b-theme-toggle-text { display: none; }

@media (max-width: 720px) {
	.phoenix-b2b-panel .pb2b-hide-mobile { display: none !important; }
}

.phoenix-b2b-panel .pb2b-nav-item { position: relative; }
.phoenix-b2b-panel .pb2b-nav-badge {
	margin-left: auto;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: var(--pb2b-primary, #7C3AED);
	border-radius: 999px;
}
.phoenix-b2b-panel .pb2b-nav-badge-alert {
	background: var(--pb2b-danger, #EF4444);
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
}
.phoenix-b2b-panel .pb2b-nav-item.is-active .pb2b-nav-badge { background: #fff; color: var(--pb2b-primary-strong, #6D28D9); }

.phoenix-b2b-panel .pb2b-topbar-bell {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	color: var(--pb2b-text-soft);
	border: 1px solid var(--pb2b-border);
	background: transparent;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-bell:hover {
	color: var(--pb2b-text);
	background: rgba(124, 58, 237, 0.08);
	border-color: var(--pb2b-border-strong);
}
.phoenix-b2b-panel .pb2b-topbar-bell svg { width: 19px; height: 19px; }
.phoenix-b2b-panel .pb2b-topbar-bell-dot {
	position: absolute;
	top: -5px;
	right: -5px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background: var(--pb2b-danger, #EF4444);
	border: 2px solid var(--pb2b-bg-2, #111827);
	border-radius: 999px;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-topbar-bell-dot { border-color: #fff; }

.phoenix-b2b-panel .pb2b-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 22px 24px;
	margin-bottom: 18px;
	border-radius: var(--pb2b-radius, 14px);
	background:
		radial-gradient(1200px 200px at 0% -40%, rgba(124, 58, 237, 0.22), transparent 60%),
		linear-gradient(135deg, var(--pb2b-bg-2), var(--pb2b-bg-3));
	border: 1px solid var(--pb2b-border);
	box-shadow: var(--pb2b-shadow);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-hero {
	background:
		radial-gradient(1200px 220px at 0% -40%, rgba(124, 58, 237, 0.12), transparent 60%),
		linear-gradient(135deg, #FFFFFF, #F4F6FD);
}
.phoenix-b2b-panel .pb2b-hero-greeting {
	font-size: 13px;
	font-weight: 600;
	color: var(--pb2b-text-muted);
	letter-spacing: .02em;
}
.phoenix-b2b-panel .pb2b-hero-company {
	margin: 2px 0 12px;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-hero-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.phoenix-b2b-panel .pb2b-hero-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 12px;
	font-size: 12.5px;
	font-weight: 600;
	border-radius: 999px;
	background: rgba(34, 197, 94, 0.14);
	color: var(--pb2b-success, #22C55E);
}
.phoenix-b2b-panel .pb2b-hero-status.is-warn { background: rgba(245, 158, 11, 0.14); color: var(--pb2b-warning, #F59E0B); }
.phoenix-b2b-panel .pb2b-hero-status.is-danger { background: rgba(239, 68, 68, 0.14); color: var(--pb2b-danger, #EF4444); }
.phoenix-b2b-panel .pb2b-hero-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.18);
}
.phoenix-b2b-panel .pb2b-hero-status.is-warn .pb2b-hero-status-dot { box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.18); }
.phoenix-b2b-panel .pb2b-hero-status.is-danger .pb2b-hero-status-dot { box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.18); }
.phoenix-b2b-panel .pb2b-hero-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 12px;
	font-size: 12.5px;
	border-radius: 999px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-hero-pill strong { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-hero-pill-accent { background: rgba(124, 58, 237, 0.12); border-color: rgba(124, 58, 237, 0.28); }
.phoenix-b2b-panel .pb2b-hero-pill-accent strong { color: var(--pb2b-primary-2, #A855F7); }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-hero-pill-accent strong { color: var(--pb2b-primary-strong, #6D28D9); }
.phoenix-b2b-panel .pb2b-hero-cta { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 720px) {
	.phoenix-b2b-panel .pb2b-hero-company { font-size: 21px; }
	.phoenix-b2b-panel .pb2b-hero-cta { width: 100%; }
	.phoenix-b2b-panel .pb2b-hero-cta .pb2b-btn { flex: 1 1 auto; justify-content: center; }
}

.phoenix-b2b-panel.pb2b-app {
	display: grid;
	grid-template-columns: var(--pb2b-sidebar-w, 260px) minmax(0, 1fr);
	width: 100%;
	max-width: none;
	min-height: 100vh;
}

.phoenix-b2b-panel .pb2b-main {
	min-width: 0;
	width: 100%;
	max-width: none;
}

.phoenix-b2b-panel .pb2b-content {
	width: 100%;
	max-width: none;
	min-width: 0;
}

.phoenix-b2b-panel .pb2b-content > *,
.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-app-card {
	width: 100%;
	max-width: none;
}

.phoenix-b2b-panel .pb2b-shop,
.phoenix-b2b-panel .phoenix-b2b-qo,
.phoenix-b2b-panel .pb2b-cats,
.phoenix-b2b-panel .pb2b-category-index,
.phoenix-b2b-panel .pb2b-lists,
.phoenix-b2b-panel .pb2b-favorites,
.phoenix-b2b-panel .pb2b-quick-order-embed,
.phoenix-b2b-panel .pb2b-quick-order-embed > * {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
}

.phoenix-b2b-panel .pb2b-shop,
.phoenix-b2b-panel .phoenix-b2b-qo {
	background: transparent !important;
}

.phoenix-b2b-panel .phoenix-b2b-qo {
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .phoenix-b2b-qo-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
	overflow: hidden;
}
.phoenix-b2b-panel .phoenix-b2b-qo-table th,
.phoenix-b2b-panel .phoenix-b2b-qo-table td {
	color: var(--pb2b-text);
	border-bottom: 1px solid var(--pb2b-border);
	padding: 10px 12px;
	text-align: left;
}
.phoenix-b2b-panel .phoenix-b2b-qo-table thead th {
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text-soft);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.phoenix-b2b-panel .phoenix-b2b-qo-table tbody tr:hover { background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .phoenix-b2b-qo-search-input,
.phoenix-b2b-panel .phoenix-b2b-qo-cat,
.phoenix-b2b-panel .phoenix-b2b-qo-qty {
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text);
	border: 1px solid var(--pb2b-border-strong);
	border-radius: var(--pb2b-radius-xs);
	padding: 8px 10px;
}
.phoenix-b2b-panel .phoenix-b2b-qo-search-input::placeholder { color: var(--pb2b-text-dim); }
.phoenix-b2b-panel .phoenix-b2b-qo code,
.phoenix-b2b-panel .phoenix-b2b-qo .pb2b-qo-col-sku code {
	background: var(--pb2b-bg-4);
	color: var(--pb2b-text-soft);
	padding: 2px 6px;
	border-radius: 6px;
}

.phoenix-b2b-panel .phoenix-b2b-qo .button,
.phoenix-b2b-panel .phoenix-b2b-qo button.button {
	background: var(--pb2b-bg-4) !important;
	color: var(--pb2b-text) !important;
	border: 1px solid var(--pb2b-border-strong) !important;
	border-radius: var(--pb2b-radius-xs) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
.phoenix-b2b-panel .phoenix-b2b-qo .phoenix-b2b-qo-add-single {
	background: var(--pb2b-primary) !important;
	border-color: var(--pb2b-primary) !important;
	color: #fff !important;
}
.phoenix-b2b-panel .phoenix-b2b-qo-stock-in  { color: var(--pb2b-success); }
.phoenix-b2b-panel .phoenix-b2b-qo-stock-out { color: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-app-table-wrap,
.phoenix-b2b-panel .pb2b-table-wrap { overflow-x: visible; }
@media (max-width: 720px) {
	.phoenix-b2b-panel .pb2b-app-table-wrap,
	.phoenix-b2b-panel .pb2b-table-wrap,
	.phoenix-b2b-panel .phoenix-b2b-qo-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

.phoenix-b2b-panel .pb2b-app-card {
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	box-shadow: var(--pb2b-shadow-sm);
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-app-card.pb2b-card-flush > .pb2b-app-card-body { padding: 0; }
.phoenix-b2b-panel .pb2b-app-card-body { padding: 20px; }

.phoenix-b2b-panel .pb2b-app-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--pb2b-border);
	background: var(--pb2b-bg-1);
}
.phoenix-b2b-panel .pb2b-app-section-title { font-size: 15px; font-weight: 600; color: var(--pb2b-text); margin: 0; }

.phoenix-b2b-panel .pb2b-app-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
}
.phoenix-b2b-panel .pb2b-app-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 880px) { .phoenix-b2b-panel .pb2b-app-grid-2 { grid-template-columns: 1fr; } }

.phoenix-b2b-panel .pb2b-app-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13.5px;
}
.phoenix-b2b-panel .pb2b-app-table th,
.phoenix-b2b-panel .pb2b-app-table td {
	padding: 11px 12px;
	border-bottom: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	text-align: left;
}
.phoenix-b2b-panel .pb2b-app-table thead th {
	color: var(--pb2b-text-soft);
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: .05em;
	background: var(--pb2b-bg-1);
}
.phoenix-b2b-panel .pb2b-app-table tfoot th { color: var(--pb2b-text); font-weight: 700; }
.phoenix-b2b-panel .pb2b-app-table tbody tr:hover { background: var(--pb2b-bg-3); }

.phoenix-b2b-panel .pb2b-app-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: var(--pb2b-radius-xs);
	border: 1px solid var(--pb2b-border-strong);
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text);
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, transform .1s ease;
	text-decoration: none;
	line-height: 1.2;
}
.phoenix-b2b-panel .pb2b-app-button:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); transform: translateY(-1px); }
.phoenix-b2b-panel .pb2b-app-button:active { transform: translateY(0); }
.phoenix-b2b-panel .pb2b-app-button[disabled] { opacity: .55; cursor: not-allowed; transform: none; }
.phoenix-b2b-panel .pb2b-app-button-primary {
	background: var(--pb2b-primary);
	border-color: var(--pb2b-primary);
	color: #fff;
}
.phoenix-b2b-panel .pb2b-app-button-primary:hover { background: var(--pb2b-primary-2); border-color: var(--pb2b-primary-2); color: #fff; }
.phoenix-b2b-panel .pb2b-app-button-ghost { background: transparent; }
.phoenix-b2b-panel .pb2b-app-button-ghost:hover { background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .pb2b-app-button-link {
	background: transparent;
	border-color: transparent;
	color: var(--pb2b-primary-2);
	padding-left: 6px;
	padding-right: 6px;
}
.phoenix-b2b-panel .pb2b-app-button-link:hover { background: transparent; text-decoration: underline; color: #C084FC; }
.phoenix-b2b-panel .pb2b-app-button-sm { padding: 7px 12px; font-size: 12.5px; }

.phoenix-b2b-panel .pb2b-app-input,
.phoenix-b2b-panel .pb2b-app-select,
.phoenix-b2b-panel .pb2b-app-textarea {
	width: 100%;
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text);
	border: 1px solid var(--pb2b-border-strong);
	border-radius: var(--pb2b-radius-xs);
	padding: 10px 12px;
	font-size: 13.5px;
}
.phoenix-b2b-panel .pb2b-app-input::placeholder,
.phoenix-b2b-panel .pb2b-app-textarea::placeholder { color: var(--pb2b-text-dim); }
.phoenix-b2b-panel .pb2b-app-input:focus,
.phoenix-b2b-panel .pb2b-app-select:focus,
.phoenix-b2b-panel .pb2b-app-textarea:focus {
	outline: none;
	border-color: var(--pb2b-primary);
	box-shadow: var(--pb2b-shadow-glow);
}

.phoenix-b2b-panel .pb2b-app-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 600;
	background: rgba(124, 58, 237, 0.14);
	color: var(--pb2b-primary-2);
	border: 1px solid rgba(124, 58, 237, 0.28);
}
.phoenix-b2b-panel .pb2b-app-badge-success { background: rgba(34, 197, 94, 0.14); color: var(--pb2b-success); border-color: rgba(34,197,94,0.30); }
.phoenix-b2b-panel .pb2b-app-badge-warning { background: rgba(245, 158, 11, 0.14); color: var(--pb2b-warning); border-color: rgba(245,158,11,0.30); }
.phoenix-b2b-panel .pb2b-app-badge-muted   { background: var(--pb2b-bg-4); color: var(--pb2b-text-muted); border-color: var(--pb2b-border); }

.phoenix-b2b-panel .pb2b-app-empty {
	text-align: center;
	padding: 44px 20px;
	color: var(--pb2b-text-muted);
}
.phoenix-b2b-panel .pb2b-app-empty-icon { color: var(--pb2b-text-dim); display: inline-flex; margin-bottom: 12px; }
.phoenix-b2b-panel .pb2b-app-empty h4 { color: var(--pb2b-text); margin: 0 0 6px; font-size: 15px; }
.phoenix-b2b-panel .pb2b-app-empty p { margin: 0 0 16px; }

.pb2b-app-toast-wrap {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100000;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: min(92vw, 360px);
}
.pb2b-app-toast {
	background: #111827;
	color: #F8FAFC;
	border: 1px solid rgba(255,255,255,0.12);
	border-left: 4px solid #7C3AED;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 13.5px;
	box-shadow: 0 12px 32px rgba(0,0,0,0.35);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .2s ease, transform .2s ease;
}
.pb2b-app-toast.is-show { opacity: 1; transform: translateY(0); }
.pb2b-app-toast.is-success { border-left-color: #22C55E; }
.pb2b-app-toast.is-error   { border-left-color: #EF4444; }
.pb2b-app-toast.is-warning { border-left-color: #F59E0B; }

.phoenix-b2b-panel .pb2b-topbar-cart {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 6px 12px 6px 10px;
	border-radius: 999px;
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text);
	text-decoration: none;
	transition: border-color .15s ease, background .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-cart:hover { border-color: var(--pb2b-border-strong); background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-topbar-cart.has-items { border-color: rgba(124,58,237,0.45); }
.phoenix-b2b-panel .pb2b-topbar-cart-ico { width: 20px; height: 20px; color: var(--pb2b-primary-2); display: inline-flex; }
.phoenix-b2b-panel .pb2b-topbar-cart-ico svg { width: 100%; height: 100%; }
.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; flex-direction: column; line-height: 1.1; }
.phoenix-b2b-panel .pb2b-topbar-cart-count { font-weight: 700; font-size: 13px; }
.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 11px; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-topbar-cart-total:empty { display: none; }
@media (max-width: 600px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: none; }
}

.phoenix-b2b-panel .pb2b-shop-cartbar,
.phoenix-b2b-panel .pb2b-catalog-flowbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 14px 20px;
	background: var(--pb2b-bg-1);
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-info,
.phoenix-b2b-panel .pb2b-catalog-flowbar-info {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-ico { color: var(--pb2b-primary-2); display: inline-flex; }
.phoenix-b2b-panel .pb2b-shop-cartbar-text strong,
.phoenix-b2b-panel .pb2b-catalog-flowbar-info strong { color: var(--pb2b-text); font-size: 16px; }
.phoenix-b2b-panel .pb2b-shop-cartbar-total,
.phoenix-b2b-panel .pb2b-catalog-flowbar-sum {
	font-weight: 700;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-actions,
.phoenix-b2b-panel .pb2b-catalog-flowbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	font-size: 12.5px;
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill strong { font-size: 13px; }

.phoenix-b2b-panel .pb2b-cat-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
}
.phoenix-b2b-panel .pb2b-cat-tile {
	display: flex;
	flex-direction: column;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	overflow: hidden;
	text-decoration: none;
	color: var(--pb2b-text);
	transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.phoenix-b2b-panel .pb2b-cat-tile:hover {
	transform: translateY(-3px);
	border-color: var(--pb2b-border-strong);
	box-shadow: var(--pb2b-shadow);
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-cat-tile-media {
	position: relative;
	aspect-ratio: 16 / 10;
	background: var(--pb2b-bg-4) center/cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--pb2b-text-dim);
}
.phoenix-b2b-panel .pb2b-cat-tile-count {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(7, 11, 24, 0.72);
	color: #fff;
	font-size: 11.5px;
	font-weight: 600;
	backdrop-filter: blur(4px);
}
.phoenix-b2b-panel .pb2b-cat-tile-body { padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.phoenix-b2b-panel .pb2b-cat-tile-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.phoenix-b2b-panel .pb2b-cat-tile-name { font-weight: 600; font-size: 14.5px; }
.phoenix-b2b-panel .pb2b-cat-tile-arrow { color: var(--pb2b-primary-2); display: inline-flex; transition: transform .15s ease; }
.phoenix-b2b-panel .pb2b-cat-tile:hover .pb2b-cat-tile-arrow { transform: translateX(3px); }
.phoenix-b2b-panel .pb2b-cat-tile-desc { font-size: 12.5px; color: var(--pb2b-text-muted); line-height: 1.5; }

.phoenix-b2b-panel .pb2b-cat-tile-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-cat-tile-media { background-color: var(--pb2b-bg-4); }
.phoenix-b2b-panel .pb2b-cat-tile-count { z-index: 2; }
.phoenix-b2b-panel .pb2b-cat-tile:hover .pb2b-cat-tile-media { filter: saturate(1.04) brightness(1.02); }

.phoenix-b2b-panel .pb2b-company-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
@media (max-width: 880px) { .phoenix-b2b-panel .pb2b-company-grid { grid-template-columns: 1fr; } }
.phoenix-b2b-panel .pb2b-dl { display: flex; flex-direction: column; gap: 0; margin: 0; }
.phoenix-b2b-panel .pb2b-dl-row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 9px 0;
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-dl-row:last-child { border-bottom: 0; }
.phoenix-b2b-panel .pb2b-dl-row dt { color: var(--pb2b-text-muted); font-size: 13px; }
.phoenix-b2b-panel .pb2b-dl-row dd { color: var(--pb2b-text); font-size: 13.5px; font-weight: 500; text-align: right; margin: 0; }
.phoenix-b2b-panel .pb2b-limit-bar {
	height: 8px;
	border-radius: 999px;
	background: var(--pb2b-bg-4);
	overflow: hidden;
	margin-top: 8px;
}
.phoenix-b2b-panel .pb2b-limit-bar span {
	display: block;
	height: 100%;
	background: var(--pb2b-accent-grad);
	border-radius: 999px;
}
.phoenix-b2b-panel .pb2b-limit-bar.is-over span { background: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-rdc-box {
	margin-top: 14px;
	padding: 16px;
	border: 1px dashed var(--pb2b-border-strong);
	border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-1);
}
.phoenix-b2b-panel .pb2b-rdc-box[hidden] { display: none; }
.phoenix-b2b-panel .pb2b-rdc-actions { display: flex; gap: 8px; margin-top: 12px; }

.phoenix-b2b-panel .pb2b-notice {
	padding: 12px 14px;
	border-radius: var(--pb2b-radius-xs);
	font-size: 13.5px;
	margin-bottom: 16px;
}
.phoenix-b2b-panel .pb2b-notice-success { background: rgba(34,197,94,0.12); color: var(--pb2b-success); border: 1px solid rgba(34,197,94,0.30); }
.phoenix-b2b-panel .pb2b-notice-error   { background: rgba(239,68,68,0.12); color: var(--pb2b-danger); border: 1px solid rgba(239,68,68,0.30); }

.phoenix-b2b-panel .pb2b-notif-type {
	background: var(--pb2b-bg-4);
	color: var(--pb2b-text-soft);
	border: 1px solid var(--pb2b-border);
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
}
.phoenix-b2b-panel .pb2b-notif-type-order   { background: rgba(124,58,237,0.16); color: var(--pb2b-primary-2); border-color: rgba(124,58,237,0.30); }
.phoenix-b2b-panel .pb2b-notif-type-account { background: rgba(56,189,248,0.16); color: var(--pb2b-info); border-color: rgba(56,189,248,0.30); }
.phoenix-b2b-panel .pb2b-notif.is-unread { box-shadow: inset 3px 0 0 var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-notif-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.phoenix-b2b-panel .pb2b-notif {
	display: flex;
	gap: 14px;
	justify-content: space-between;
	padding: 14px 16px;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
}
.phoenix-b2b-panel .pb2b-notif-top { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.phoenix-b2b-panel .pb2b-notif-date { font-size: 11.5px; color: var(--pb2b-text-dim); }
.phoenix-b2b-panel .pb2b-notif-title { font-weight: 600; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-notif-body { font-size: 13px; color: var(--pb2b-text-soft); margin-top: 4px; }
.phoenix-b2b-panel .pb2b-notif-actions { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; white-space: nowrap; }

.phoenix-b2b-panel.pb2b-app {
	overflow-x: clip;
	max-width: 100vw;
}
.phoenix-b2b-panel .pb2b-content {
	overflow-x: clip;
	padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
.phoenix-b2b-panel * { min-width: 0; }
.phoenix-b2b-panel img,
.phoenix-b2b-panel table,
.phoenix-b2b-panel video { max-width: 100%; }

.phoenix-b2b-panel .pb2b-burger {
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border-strong);
	color: var(--pb2b-text);
	box-shadow: var(--pb2b-shadow-sm);
	cursor: pointer;
	flex: 0 0 auto;
}
.phoenix-b2b-panel .pb2b-burger:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-burger:focus-visible { outline: 2px solid var(--pb2b-primary-2); outline-offset: 2px; }
.phoenix-b2b-panel .pb2b-burger svg { width: 22px; height: 22px; stroke: currentColor; }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger {
	background: #EEF1F8;
	border-color: #CBD5E1;
	color: #0F172A;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger:hover { background: #E2E8F0; }

.phoenix-b2b-panel .pb2b-topbar {
	padding-top: env(safe-area-inset-top, 0px);
	gap: 10px;
}
.phoenix-b2b-panel .pb2b-topbar-right { gap: 8px; flex-wrap: nowrap; }

.phoenix-b2b-panel .pb2b-topbar-bell,
.phoenix-b2b-panel .pb2b-theme-toggle.is-icon,
.phoenix-b2b-panel .pb2b-topbar-cart.is-empty {
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	flex: 0 0 auto;
	position: relative;
}
.phoenix-b2b-panel .pb2b-topbar-bell {
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-topbar-bell:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-topbar-bell svg { width: 19px; height: 19px; }

.phoenix-b2b-panel .pb2b-topbar-bell-dot {
	position: absolute; top: -3px; right: -3px;
	min-width: 17px; height: 17px; padding: 0 4px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: var(--pb2b-danger); color: #fff;
	font-size: 10px; font-weight: 700; line-height: 1;
	border: 2px solid var(--pb2b-bg-0);
	box-sizing: border-box;
}

.phoenix-b2b-panel .pb2b-user-avatar {
	flex: 0 0 auto;
	width: 34px; height: 34px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	line-height: 1; font-size: 12.5px; font-weight: 700;
	text-transform: uppercase;
}
.phoenix-b2b-panel .pb2b-user-chip { flex: 0 0 auto; align-items: center; }

.phoenix-b2b-panel .pb2b-topbar-right { align-items: center; }
.phoenix-b2b-panel .pb2b-topbar-right > * { flex: 0 0 auto; }

.phoenix-b2b-panel .pb2b-hero,
.phoenix-b2b-panel .pb2b-stat,
.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-app-card {
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-stat-accent,
.phoenix-b2b-panel .pb2b-stat-success { box-shadow: var(--pb2b-shadow-sm); }

.phoenix-b2b-panel .pb2b-hero {
	background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(59,130,246,0.10)), var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	padding: 22px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-hero {
	background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(59,130,246,0.05)), #FFFFFF;
}
.phoenix-b2b-panel .pb2b-hero-greeting { color: var(--pb2b-text-muted); font-size: 13.5px; }
.phoenix-b2b-panel .pb2b-hero-company { color: var(--pb2b-text); font-size: 22px; font-weight: 700; margin: 2px 0 10px; line-height: 1.15; }
.phoenix-b2b-panel .pb2b-hero-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.phoenix-b2b-panel .pb2b-hero-status {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 5px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600;
	background: rgba(34,197,94,0.14); color: var(--pb2b-success); border: 1px solid rgba(34,197,94,0.30);
}
.phoenix-b2b-panel .pb2b-hero-status.is-warn { background: rgba(245,158,11,0.14); color: var(--pb2b-warning); border-color: rgba(245,158,11,0.30); }
.phoenix-b2b-panel .pb2b-hero-status.is-danger { background: rgba(239,68,68,0.14); color: var(--pb2b-danger); border-color: rgba(239,68,68,0.30); }
.phoenix-b2b-panel .pb2b-hero-status-dot { width: 8px; height: 8px; border-radius: 999px; background: currentColor; }
.phoenix-b2b-panel .pb2b-hero-pill {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 5px 12px; border-radius: 999px; font-size: 12.5px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-hero-pill-accent { background: rgba(124,58,237,0.16); border-color: rgba(124,58,237,0.30); color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-hero-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-hero-cta .pb2b-btn { flex: 1 1 auto; min-width: 180px; justify-content: center; text-align: center; }

.phoenix-b2b-panel .pb2b-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}
.phoenix-b2b-panel .pb2b-stat {
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
	padding: 16px 18px;
}
.phoenix-b2b-panel .pb2b-stat-label { color: var(--pb2b-text-muted); font-size: 12.5px; }
.phoenix-b2b-panel .pb2b-stat-value { color: var(--pb2b-text); font-size: 24px; font-weight: 700; margin-top: 4px; line-height: 1.1; }
.phoenix-b2b-panel .pb2b-stat-foot { font-size: 11.5px; margin-top: 4px; }

.phoenix-b2b-panel .pb2b-quick-tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.phoenix-b2b-panel .pb2b-quick-tile {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
	padding: 16px 10px; min-height: 92px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius-sm);
	color: var(--pb2b-text); text-decoration: none; text-align: center;
	transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.phoenix-b2b-panel .pb2b-quick-tile:hover { transform: translateY(-2px); border-color: var(--pb2b-border-strong); background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-quick-tile-icon { font-size: 22px; line-height: 1; }
.phoenix-b2b-panel .pb2b-quick-tile-label { font-size: 12.5px; font-weight: 500; }
.phoenix-b2b-panel .pb2b-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

.phoenix-b2b-panel .pb2b-shop-toolbar { gap: 10px; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-shop-search { flex: 1 1 100%; }
.phoenix-b2b-panel .pb2b-shop-search-input { width: 100%; }

.phoenix-b2b-panel .pb2b-cat-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}
.phoenix-b2b-panel .pb2b-cat-tile-media { aspect-ratio: 16 / 9; }

.phoenix-b2b-panel .pb2b-cart-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 20px;
	align-items: start;
}
.phoenix-b2b-panel .pb2b-cart-table { font-size: 13.5px; }
.phoenix-b2b-panel .pb2b-cart-thumb {
	display: inline-flex; width: 54px; height: 54px; border-radius: 10px; overflow: hidden;
	background: var(--pb2b-bg-4); border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-cart-thumb img { width: 100%; height: 100%; object-fit: cover; }
.phoenix-b2b-panel .pb2b-cart-name { color: var(--pb2b-text); font-weight: 600; text-decoration: none; display: block; }
.phoenix-b2b-panel .pb2b-cart-name:hover { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-cart-sku { display: block; color: var(--pb2b-text-muted); font-size: 12px; margin-top: 3px; }
.phoenix-b2b-panel .pb2b-cart-row.is-busy { opacity: .55; }
.phoenix-b2b-panel .pb2b-cart-row.is-removing { opacity: 0; transition: opacity .18s ease; }
.phoenix-b2b-panel .pb2b-cart-remove {
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; border-radius: 8px;
	background: transparent; border: 1px solid var(--pb2b-border); color: var(--pb2b-text-muted); cursor: pointer;
	transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.phoenix-b2b-panel .pb2b-cart-remove:hover { background: rgba(239,68,68,0.12); color: var(--pb2b-danger); border-color: rgba(239,68,68,0.30); }

.phoenix-b2b-panel .pb2b-stepper {
	display: inline-flex; align-items: center;
	border: 1px solid var(--pb2b-border-strong); border-radius: 999px; overflow: hidden;
	background: var(--pb2b-bg-3);
}
.phoenix-b2b-panel .pb2b-stepper-btn {
	width: 32px; height: 32px; border: 0; background: transparent; color: var(--pb2b-text);
	font-size: 18px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.phoenix-b2b-panel .pb2b-stepper-btn:hover { background: var(--pb2b-bg-4); }
.phoenix-b2b-panel .pb2b-stepper-input {
	width: 46px; text-align: center; border: 0; background: transparent; color: var(--pb2b-text);
	font-size: 13.5px; font-weight: 600; -moz-appearance: textfield;
}
.phoenix-b2b-panel .pb2b-stepper-input::-webkit-outer-spin-button,
.phoenix-b2b-panel .pb2b-stepper-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.phoenix-b2b-panel .pb2b-cart-summary-inner {
	background: var(--pb2b-bg-1); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius-sm);
	padding: 18px; position: sticky; top: calc(var(--pb2b-topbar-h, 64px) + 16px);
}
.phoenix-b2b-panel .pb2b-cart-summary-title { margin: 0 0 12px; font-size: 14px; color: var(--pb2b-text); font-weight: 700; }
.phoenix-b2b-panel .pb2b-cart-summary-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; color: var(--pb2b-text-soft); font-size: 13.5px; }
.phoenix-b2b-panel .pb2b-cart-summary-total { border-top: 1px solid var(--pb2b-border); margin-top: 4px; padding-top: 12px; font-size: 15px; }
.phoenix-b2b-panel .pb2b-cart-summary-total strong { color: var(--pb2b-text); font-size: 17px; }
.phoenix-b2b-panel .pb2b-cart-summary-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.phoenix-b2b-panel .pb2b-cart-summary-actions .pb2b-app-button { width: 100%; }
.phoenix-b2b-panel .pb2b-cart-summary-note { font-size: 11.5px; margin: 12px 0 0; }

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-app-table-wrap,
	.phoenix-b2b-panel .pb2b-table-wrap,
	.phoenix-b2b-panel .pb2b-shop-table-wrap,
	.phoenix-b2b-panel .phoenix-b2b-qo-table-wrap { overflow-x: visible; }

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table),
	.phoenix-b2b-panel .pb2b-table,
	.phoenix-b2b-panel .pb2b-shop-table,
	.phoenix-b2b-panel .phoenix-b2b-qo-table { display: block; width: 100%; border: 0; }

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) thead,
	.phoenix-b2b-panel .pb2b-table thead,
	.phoenix-b2b-panel .pb2b-shop-table thead,
	.phoenix-b2b-panel .phoenix-b2b-qo-table thead { display: none; }

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) tbody,
	.phoenix-b2b-panel .pb2b-table tbody,
	.phoenix-b2b-panel .pb2b-shop-table tbody,
	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody { display: block; }

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) tbody tr,
	.phoenix-b2b-panel .pb2b-table tbody tr,
	.phoenix-b2b-panel .pb2b-shop-table tbody tr,
	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody tr {
		display: block;
		background: var(--pb2b-bg-2);
		border: 1px solid var(--pb2b-border);
		border-radius: var(--pb2b-radius-sm);
		padding: 12px 14px;
		margin-bottom: 12px;
	}

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) tbody td,
	.phoenix-b2b-panel .pb2b-table tbody td,
	.phoenix-b2b-panel .pb2b-shop-table tbody td,
	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		padding: 6px 0;
		border: 0;
		text-align: right;
		width: 100%;
	}
	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) tbody td:empty { display: none; }

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) tbody td::before,
	.phoenix-b2b-panel .pb2b-table tbody td[data-label]::before,
	.phoenix-b2b-panel .pb2b-shop-table tbody td[data-label]::before,
	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody td[data-label]::before {
		content: attr(data-label);
		color: var(--pb2b-text-muted);
		font-size: 11.5px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .03em;
		text-align: left;
		flex: 0 0 auto;
	}

	.phoenix-b2b-panel .pb2b-shop-table tbody td.pb2b-col-thumb,
	.phoenix-b2b-panel .pb2b-shop-table tbody td.pb2b-col-actions { justify-content: flex-start; }
	.phoenix-b2b-panel .pb2b-shop-table tbody td.pb2b-col-thumb::before,
	.phoenix-b2b-panel .pb2b-shop-table tbody td.pb2b-col-actions::before { content: ""; }
}

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel.pb2b-app { grid-template-columns: 1fr; }
	.phoenix-b2b-panel .pb2b-sidebar {
		position: fixed; top: 0; left: 0; bottom: 0;
		width: min(86vw, var(--pb2b-sidebar-w, 260px));
		transform: translateX(-100%);
		transition: transform .25s ease;
		z-index: 60;
		box-shadow: none;
		padding-top: env(safe-area-inset-top, 0px);
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}
	.phoenix-b2b-panel.pb2b-sidebar-open .pb2b-sidebar { transform: translateX(0); box-shadow: var(--pb2b-shadow-lg); }
	.phoenix-b2b-panel .pb2b-burger { display: inline-flex !important; }

	.phoenix-b2b-panel .pb2b-sidebar-backdrop {
		position: fixed; inset: 0; background: rgba(7,11,24,0.55);
		opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; z-index: 55;
	}
	.phoenix-b2b-panel.pb2b-sidebar-open .pb2b-sidebar-backdrop { opacity: 1; visibility: visible; }
	.phoenix-b2b-panel .pb2b-cart-layout { grid-template-columns: 1fr; }
	.phoenix-b2b-panel .pb2b-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel.pb2b-app { grid-template-columns: var(--pb2b-sidebar-w, 260px) minmax(0, 1fr); }
	.phoenix-b2b-panel .pb2b-burger { display: none !important; }
	.phoenix-b2b-panel .pb2b-sidebar-close { display: none; }
	.phoenix-b2b-panel .pb2b-sidebar-backdrop { display: none; }
}

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-content { padding: 16px; gap: 16px; }
	.phoenix-b2b-panel .pb2b-topbar { padding: 0 14px; min-height: 56px; }
	.phoenix-b2b-panel .pb2b-topbar-h1 { font-size: 16px; }
	.phoenix-b2b-panel .pb2b-user-name { display: none; }
	.phoenix-b2b-panel .pb2b-user-chip { padding: 3px; }

	.phoenix-b2b-panel .pb2b-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.phoenix-b2b-panel .pb2b-quick-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.phoenix-b2b-panel .pb2b-grid-2 { grid-template-columns: 1fr; gap: 16px; }
	.phoenix-b2b-panel .pb2b-hero { padding: 18px; }
	.phoenix-b2b-panel .pb2b-hero-company { font-size: 19px; }
	.phoenix-b2b-panel .pb2b-hero-cta { width: 100%; }
	.phoenix-b2b-panel .pb2b-hero-cta .pb2b-btn { min-width: 0; flex: 1 1 calc(50% - 5px); }

	.phoenix-b2b-panel .pb2b-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.phoenix-b2b-panel .pb2b-cat-tile-media { aspect-ratio: 1 / 1; }
	.phoenix-b2b-panel .pb2b-cat-tile-body { padding: 10px 12px; }
	.phoenix-b2b-panel .pb2b-cat-tile-name { font-size: 13px; }
	.phoenix-b2b-panel .pb2b-cat-tile-desc { display: none; }

	.phoenix-b2b-panel .pb2b-shop-cartbar,
	.phoenix-b2b-panel .pb2b-catalog-flowbar { padding: 12px 14px; }
	.phoenix-b2b-panel .pb2b-shop-cartbar-actions,
	.phoenix-b2b-panel .pb2b-catalog-flowbar-actions { width: 100%; }
	.phoenix-b2b-panel .pb2b-shop-cartbar-actions .pb2b-app-button,
	.phoenix-b2b-panel .pb2b-catalog-flowbar-actions .pb2b-app-button { flex: 1 1 calc(50% - 4px); justify-content: center; }

	.phoenix-b2b-panel .pb2b-shop-grid,
	.phoenix-b2b-panel .pb2b-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }

	.phoenix-b2b-panel .phoenix-b2b-qo-search-input,
	.phoenix-b2b-panel .phoenix-b2b-qo-cat { width: 100% !important; }

	.phoenix-b2b-panel .pb2b-cart-table,
	.phoenix-b2b-panel .pb2b-cart-table tbody { display: block; width: 100%; }
	.phoenix-b2b-panel .pb2b-cart-table thead { display: none; }
	.phoenix-b2b-panel .pb2b-cart-row {
		display: grid;
		grid-template-columns: 56px 1fr auto;
		grid-template-areas:
			"thumb name   rm"
			"thumb price  price"
			"qty   qty    val";
		gap: 8px 12px;
		align-items: center;
		background: var(--pb2b-bg-2);
		border: 1px solid var(--pb2b-border);
		border-radius: var(--pb2b-radius-sm);
		padding: 12px;
		margin-bottom: 12px;
	}
	.phoenix-b2b-panel .pb2b-cart-cell-thumb { grid-area: thumb; }
	.phoenix-b2b-panel .pb2b-cart-cell-name  { grid-area: name; }
	.phoenix-b2b-panel .pb2b-cart-cell-price { grid-area: price; justify-content: flex-start; }
	.phoenix-b2b-panel .pb2b-cart-cell-qty   { grid-area: qty; }
	.phoenix-b2b-panel .pb2b-cart-cell-val   { grid-area: val; text-align: right; }
	.phoenix-b2b-panel .pb2b-cart-cell-rm    { grid-area: rm; justify-self: end; }
	.phoenix-b2b-panel .pb2b-cart-table td { display: flex; align-items: center; padding: 0; border: 0; }
	.phoenix-b2b-panel .pb2b-cart-cell-price[data-label]::before,
	.phoenix-b2b-panel .pb2b-cart-cell-val[data-label]::before {
		content: attr(data-label) ": ";
		color: var(--pb2b-text-muted); font-size: 11.5px; font-weight: 600; margin-right: 6px;
	}
	.phoenix-b2b-panel .pb2b-cart-cell-qty[data-label]::before { content: ""; }
	.phoenix-b2b-panel .pb2b-cart-thumb { width: 56px; height: 56px; }

	.phoenix-b2b-panel .pb2b-cart-summary-inner {
		position: sticky;
		bottom: 0; top: auto;
		margin-top: 4px;
		border-radius: var(--pb2b-radius);
		box-shadow: 0 -8px 24px rgba(0,0,0,0.25);
		padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	}

	.phoenix-b2b-panel .pb2b-shop-toolbar-right { width: 100%; display: flex; gap: 8px; }
	.phoenix-b2b-panel .pb2b-shop-toolbar-right > * { flex: 1 1 auto; }

	.pb2b-app-toast-wrap { left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); max-width: none; }
}

@media (max-width: 380px) {
	.phoenix-b2b-panel .pb2b-stats { grid-template-columns: 1fr 1fr; }
	.phoenix-b2b-panel .pb2b-stat-value { font-size: 20px; }
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-cart-thumb { background: #EEF1F8; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-stepper { background: #F1F4FB; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-quick-tile { background: #F1F4FB; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-cat-tile-count { background: rgba(15,23,42,0.72); }

.phoenix-b2b-panel .pb2b-app-card,
.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-hero { color: var(--pb2b-text); }

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-shop-toolbar { flex-direction: column; align-items: stretch; gap: 10px; }
	.phoenix-b2b-panel .pb2b-shop-search { flex: 1 1 100%; width: 100%; flex-wrap: wrap; gap: 8px; }
	.phoenix-b2b-panel .pb2b-shop-search-input { flex: 1 1 100%; width: 100%; height: 50px; min-height: 50px; font-size: 16px; }
	.phoenix-b2b-panel .pb2b-shop-search .pb2b-shop-btn { flex: 1 1 100%; width: 100%; height: 46px; min-height: 46px; justify-content: center; }
	.phoenix-b2b-panel .pb2b-shop-toolbar-right { width: 100%; display: flex; gap: 8px; align-items: stretch; }
	.phoenix-b2b-panel .pb2b-shop-toolbar-right > * { flex: 1 1 auto; }
	.phoenix-b2b-panel .pb2b-shop-orderby { width: 100%; min-height: 44px; font-size: 15px; }

	.phoenix-b2b-panel .phoenix-b2b-qo-search-input,
	.phoenix-b2b-panel .phoenix-b2b-qo-cat { width: 100% !important; height: 48px; min-height: 48px; font-size: 16px; }
	.phoenix-b2b-panel .phoenix-b2b-qo-qty { height: 44px; min-height: 44px; font-size: 16px; width: 88px; max-width: 100%; }

	.phoenix-b2b-panel .pb2b-favorites-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
}

.phoenix-b2b-panel .pb2b-brand-mark {
	width: 38px; height: 38px;
	flex: 0 0 38px;
	border-radius: 11px;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-brand-mark-mono {
	background: linear-gradient(135deg, #A855F7 0%, #7C3AED 50%, #3B82F6 100%);
	box-shadow: 0 6px 18px rgba(124, 58, 237, 0.32);
}
.phoenix-b2b-panel .pb2b-brand-mono {
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
.phoenix-b2b-panel .pb2b-brand-mark-logo { background: transparent; box-shadow: none; }
.phoenix-b2b-panel .pb2b-brand-logo-img {
	width: 100%; height: 100%;
	object-fit: contain;
	display: block;
}
.phoenix-b2b-panel .pb2b-brand-title {
	font-weight: 700; font-size: 15px; letter-spacing: -0.01em;
	color: var(--pb2b-text);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-burger {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 14px;
	flex: 0 0 auto;
	cursor: pointer;

	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #F8FAFC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255,255,255,0.02);
	transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
.phoenix-b2b-panel .pb2b-burger:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255,255,255,0.28); color: #fff; }
.phoenix-b2b-panel .pb2b-burger:active { transform: scale(0.96); }
.phoenix-b2b-panel .pb2b-burger:focus-visible { outline: 2px solid var(--pb2b-primary-2); outline-offset: 2px; }
.phoenix-b2b-panel .pb2b-burger svg {
	width: 22px; height: 22px;
	stroke: currentColor; fill: none;
	display: block;
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger {
	background: #EEF1F8;
	border-color: #CBD5E1;
	color: #0F172A;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.10);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger:hover { background: #E2E8F0; border-color: #94A3B8; color: #0F172A; }

.phoenix-b2b-panel .pb2b-burger:not(:has(svg))::before {
	content: "";
	width: 20px; height: 2px;
	border-radius: 2px;
	background: currentColor;
	box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
}

.phoenix-b2b-panel .pb2b-topbar {
	display: flex;
	align-items: center;
	gap: 10px;
	overflow: visible;
}
.phoenix-b2b-panel .pb2b-topbar-right {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}
.phoenix-b2b-panel .pb2b-topbar-right > * { flex: 0 0 auto; }

.phoenix-b2b-panel .pb2b-topbar-bell,
.phoenix-b2b-panel .pb2b-theme-toggle.is-icon,
.phoenix-b2b-panel .pb2b-topbar-cart.is-empty {
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	position: relative;
}

.phoenix-b2b-panel .pb2b-user-chip {
	display: inline-flex; align-items: center; gap: 8px;
	background: transparent; border: 0; padding: 0;
}
.phoenix-b2b-panel .pb2b-user-avatar {
	width: 40px; height: 40px;
	flex: 0 0 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: linear-gradient(135deg, #A855F7 0%, #7C3AED 50%, #3B82F6 100%);
	color: #fff;
	font-size: 13px; font-weight: 800; line-height: 1;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	box-shadow: 0 4px 12px rgba(124, 58, 237, 0.30);
	border: 1px solid rgba(255, 255, 255, 0.18);
	overflow: hidden;
	box-sizing: border-box;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-user-avatar { border-color: rgba(15, 23, 42, 0.08); }

.phoenix-b2b-panel .pb2b-content {
	gap: 22px;
	padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

.phoenix-b2b-panel .pb2b-content > * { min-height: 0; }
.phoenix-b2b-panel .pb2b-content > *:last-child { margin-bottom: 0; }

.phoenix-b2b-panel .pb2b-content > .pb2b-card,
.phoenix-b2b-panel .pb2b-content > .pb2b-app-card {
	min-height: 0;
	height: auto;
}

.phoenix-b2b-panel .pb2b-hero,
.phoenix-b2b-panel .pb2b-stat,
.phoenix-b2b-panel .pb2b-content > .pb2b-card,
.phoenix-b2b-panel .pb2b-content > .pb2b-app-card {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18), 0 8px 24px rgba(0, 0, 0, 0.10);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-hero,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-stat,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-content > .pb2b-card,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-content > .pb2b-app-card {
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 10px 26px rgba(15, 23, 42, 0.06);
}

.phoenix-b2b-panel .pb2b-app-card .pb2b-shop,
.phoenix-b2b-panel .pb2b-card-body .pb2b-shop { min-height: 0; }
.phoenix-b2b-panel .pb2b-shop-note { margin: 0 0 12px; }

.phoenix-b2b-panel .pb2b-card-grid,
.phoenix-b2b-panel .pb2b-shop-grid,
.phoenix-b2b-panel .pb2b-favorites-grid { align-items: stretch; }

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card {
	display: flex;
	flex-direction: column;
	height: 100%;

	background: var(--pb2b-product-card-bg, var(--pb2b-bg-2));
	border: 1px solid var(--pb2b-product-card-border, var(--pb2b-border));
	border-radius: 18px;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-card-grid .pb2b-card:hover { border-color: var(--pb2b-border-strong, var(--pb2b-border)); }

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-media {
	aspect-ratio: 1 / 1;
	flex: 0 0 auto;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-body {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 14px 16px 16px;
	flex: 1 1 auto;
	background: transparent;
	border: 0;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-sku {
	min-height: 15px;
	font-size: 11px; font-weight: 600;
	text-transform: uppercase; letter-spacing: .05em;
	color: var(--pb2b-product-card-sku, var(--pb2b-text-muted));
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-title {
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.34;
	color: var(--pb2b-product-card-text, var(--pb2b-text));
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.68em;
	min-height: 2.68em;
}
.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-title:hover { color: var(--pb2b-primary-strong, var(--pb2b-primary-2, #a78bfa)); }

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-pricing {
	margin-top: 0;
	min-height: 38px;
	padding-top: 6px;
	align-items: center;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-calc { margin-top: 6px; }

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-actions {
	margin-top: auto;
	padding-top: 12px;
}

.phoenix-b2b-panel .pb2b-shop-grid .pb2b-shop-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-shop-card-body {
	display: flex; flex-direction: column; gap: 6px;
	flex: 1 1 auto;
}
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-shop-card-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
	line-height: 1.3;
}
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-shop-card-price { margin-top: auto; }
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-shop-card-actions { margin-top: 10px; }

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop-grid,
	.phoenix-b2b-panel .pb2b-favorites-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
	.phoenix-b2b-panel .pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop-grid,
	.phoenix-b2b-panel .pb2b-favorites-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}
}
@media (max-width: 767px) {

	.phoenix-b2b-panel .pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop-grid,
	.phoenix-b2b-panel .pb2b-favorites-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-body { padding: 12px 12px 14px; gap: 6px; }
	.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-title { font-size: 13.5px; }
	.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-price-value { font-size: 18px; }
}

.phoenix-b2b-panel:not(.pb2b-sidebar-open) .pb2b-sidebar-backdrop {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-sidebar-backdrop { display: none !important; }
}

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-shop-toolbar { gap: 8px; }
	.phoenix-b2b-panel .pb2b-shop-search {
		display: flex; align-items: stretch; gap: 8px; width: 100%;
		flex-wrap: nowrap;
	}
	.phoenix-b2b-panel .pb2b-shop-search-input {
		flex: 1 1 auto; width: auto; min-width: 0;
		height: 46px; min-height: 46px; font-size: 16px;
	}

	.phoenix-b2b-panel .pb2b-shop-search .pb2b-shop-btn {
		flex: 0 0 auto; width: auto; min-width: 52px;
		height: 46px; min-height: 46px; padding: 0 16px; justify-content: center;
	}

	.phoenix-b2b-panel .pb2b-shop-toolbar-right {
		display: flex; gap: 8px; width: 100%; align-items: stretch;
	}
	.phoenix-b2b-panel .pb2b-shop-filter-toggle { flex: 0 0 auto; min-height: 44px; }
	.phoenix-b2b-panel .pb2b-shop-orderby { flex: 1 1 auto; width: auto; min-height: 44px; font-size: 15px; }

	.phoenix-b2b-panel .pb2b-shop-filters-toggle { display: none !important; }
}

.phoenix-b2b-panel .pb2b-quick-order-embed { min-height: 0; }
.phoenix-b2b-panel .phoenix-b2b-qo-col-name a,
.phoenix-b2b-panel .phoenix-b2b-qo-row a { text-decoration: none !important; }
.phoenix-b2b-panel .phoenix-b2b-qo-col-name a { color: var(--pb2b-text); font-weight: 600; }
.phoenix-b2b-panel .phoenix-b2b-qo-col-name a:hover { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .phoenix-b2b-qo-col-sku code {
	display: inline-block; background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border);
	border-radius: 6px; padding: 1px 7px; font-size: 11.5px; color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .phoenix-b2b-qo-col-thumb img {
	width: 56px; height: 56px; object-fit: contain; border-radius: 8px;
	background: #fff; border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .phoenix-b2b-qo-stock { font-size: 12px; font-weight: 600; }
.phoenix-b2b-panel .phoenix-b2b-qo-stock-in { color: var(--pb2b-success); }
.phoenix-b2b-panel .phoenix-b2b-qo-stock-out { color: var(--pb2b-danger); }
.phoenix-b2b-panel .phoenix-b2b-qo-qty {
	height: 40px; width: 84px; max-width: 100%; text-align: center;
	border-radius: 8px; border: 1px solid var(--pb2b-border-strong);
	background: var(--pb2b-bg-3); color: var(--pb2b-text); font-weight: 600;
}
.phoenix-b2b-panel .phoenix-b2b-qo-add-single,
.phoenix-b2b-panel .phoenix-b2b-qo-view {
	display: inline-flex; align-items: center; justify-content: center;
	height: 40px; padding: 0 16px; border-radius: 999px; font-weight: 700; font-size: 13px;
	border: 1px solid transparent; cursor: pointer; text-decoration: none !important;
	background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff;
}
.phoenix-b2b-panel .phoenix-b2b-qo-view {
	background: transparent; color: var(--pb2b-text); border-color: var(--pb2b-border-strong);
}

@media (max-width: 767px) {

	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody tr {
		display: grid;
		grid-template-columns: 26px 56px 1fr auto;
		grid-template-areas:
			"check thumb name   name"
			"check thumb sku    stock"
			"price price qty    action";
		gap: 6px 10px;
		align-items: center;
		background: var(--pb2b-bg-2);
		border: 1px solid var(--pb2b-border);
		border-radius: var(--pb2b-radius-sm);
		padding: 12px;
		margin-bottom: 10px;
	}
	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody td {
		display: flex; align-items: center; padding: 0; border: 0; width: auto; text-align: left;
	}

	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody td::before { content: none !important; }
	.phoenix-b2b-panel .pb2b-qo-col-check  { grid-area: check; justify-content: center; }
	.phoenix-b2b-panel .pb2b-qo-col-thumb  { grid-area: thumb; }
	.phoenix-b2b-panel .pb2b-qo-col-name   { grid-area: name; flex-direction: column; align-items: flex-start; gap: 2px; }
	.phoenix-b2b-panel .pb2b-qo-col-name a { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }
	.phoenix-b2b-panel .pb2b-qo-col-sku    { grid-area: sku; }
	.phoenix-b2b-panel .pb2b-qo-col-stock  { grid-area: stock; justify-content: flex-end; }
	.phoenix-b2b-panel .pb2b-qo-col-price  { grid-area: price; font-weight: 700; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-qo-col-qty    { grid-area: qty; justify-content: flex-end; }
	.phoenix-b2b-panel .pb2b-qo-col-action { grid-area: action; justify-content: flex-end; }
	.phoenix-b2b-panel .pb2b-qo-col-action .button,
	.phoenix-b2b-panel .pb2b-qo-col-action .phoenix-b2b-qo-add-single { width: 100%; }

	.phoenix-b2b-panel .pb2b-qo-units-carton,
	.phoenix-b2b-panel .pb2b-qo-moq,
	.phoenix-b2b-panel .pb2b-qo-variable { font-size: 11px; color: var(--pb2b-text-muted); }
}

.phoenix-b2b-panel .pb2b-checkout-company {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
	padding: 14px 16px; margin-bottom: 16px;
	background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius-sm);
}
.phoenix-b2b-panel .pb2b-checkout-company-ico {
	width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px; background: var(--pb2b-bg-3); color: var(--pb2b-primary-2);
}
.phoenix-b2b-panel .pb2b-checkout-company-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.phoenix-b2b-panel .pb2b-checkout-company-text strong { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-checkout-company > .pb2b-app-button { margin-left: auto; }
.phoenix-b2b-panel .pb2b-checkout-fallback { margin-top: 14px; font-size: 12.5px; }

.phoenix-b2b-panel .pb2b-checkout-woo,
.phoenix-b2b-panel .pb2b-checkout-woo label,
.phoenix-b2b-panel .pb2b-checkout-woo h3,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-billing-fields h3,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-additional-fields h3,
.phoenix-b2b-panel .pb2b-checkout-woo #order_review_heading { color: var(--pb2b-text); }

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce { width: 100%; }
.phoenix-b2b-panel .pb2b-checkout-woo form.checkout { display: block; width: 100%; }
@media (min-width: 992px) {
	.phoenix-b2b-panel .pb2b-checkout-woo form.checkout {
		display: grid; grid-template-columns: minmax(0,1fr) 380px; gap: 24px; align-items: start;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo #customer_details { grid-column: 1; }
	.phoenix-b2b-panel .pb2b-checkout-woo #order_review,
	.phoenix-b2b-panel .pb2b-checkout-woo #order_review_heading { grid-column: 2; }
	.phoenix-b2b-panel .pb2b-checkout-woo #customer_details .col-1,
	.phoenix-b2b-panel .pb2b-checkout-woo #customer_details .col-2 { width: 100%; float: none; }
}

.phoenix-b2b-panel .pb2b-checkout-woo .form-row { margin: 0 0 12px; padding: 0; }
.phoenix-b2b-panel .pb2b-checkout-woo .input-text,
.phoenix-b2b-panel .pb2b-checkout-woo select,
.phoenix-b2b-panel .pb2b-checkout-woo textarea {
	width: 100%; box-sizing: border-box;
	min-height: 46px; padding: 10px 12px; font-size: 15px;
	background: #fff; color: #16161d;
	border: 1px solid var(--pb2b-border-strong); border-radius: 10px;
}
.phoenix-b2b-panel .pb2b-checkout-woo textarea { min-height: 90px; }

.phoenix-b2b-panel .pb2b-checkout-woo #customer_details,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order,
.phoenix-b2b-panel .pb2b-checkout-woo #payment {
	background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius); padding: 18px;
}
.phoenix-b2b-panel .pb2b-checkout-woo #payment { background: var(--pb2b-bg-1); margin-top: 14px; }

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table {
	width: 100%; border-collapse: collapse; font-size: 14px; color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table th,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table td {
	padding: 8px 4px; border-bottom: 1px solid var(--pb2b-border); text-align: right;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table .product-name { text-align: left; }

.phoenix-b2b-panel .pb2b-checkout-woo #place_order {
	width: 100%; min-height: 50px; border: 0; border-radius: 999px; cursor: pointer;
	font-size: 15px; font-weight: 800; color: #fff;
	background: linear-gradient(135deg, #7c3aed, #6d28d9);
	box-shadow: 0 8px 20px rgba(109,40,217,.30);
}
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:hover { transform: translateY(-1px); }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo .input-text,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo select,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo textarea {
	background: #fff; color: #0F172A; border-color: #CBD5E1;
}

.phoenix-b2b-panel .pb2b-checkout-woo,
.phoenix-b2b-panel .pb2b-quick-order-embed { overflow-x: clip; }

.phoenix-b2b-panel {
}

.phoenix-b2b-panel button.pb2b-card-action,
.phoenix-b2b-panel button.pb2b-link {
	-webkit-appearance: none; appearance: none;
	background: transparent; border: 0; box-shadow: none;
	padding: 0; margin: 0; cursor: pointer; font: inherit;
}
.phoenix-b2b-panel .pb2b-card-action { color: var(--pb2b-primary-2); font-weight: 600; }
.phoenix-b2b-panel .pb2b-card-action:hover { color: #C084FC; }
.phoenix-b2b-panel .pb2b-link-danger { color: var(--pb2b-danger) !important; }
.phoenix-b2b-panel .pb2b-link-danger:hover { color: #F87171 !important; }

.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-app-card {
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
}
.phoenix-b2b-panel .pb2b-card-header,
.phoenix-b2b-panel .pb2b-app-section-header {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 16px 20px; border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-card-title,
.phoenix-b2b-panel .pb2b-app-section-title {
	font-size: 15px; font-weight: 600; color: var(--pb2b-text); margin: 0;
	display: flex; align-items: center; gap: 8px;
}
.phoenix-b2b-panel .pb2b-card-body,
.phoenix-b2b-panel .pb2b-app-card-body { padding: 20px; }
.phoenix-b2b-panel .pb2b-app-card.pb2b-card-flush > .pb2b-app-card-body { padding: 0; }

.phoenix-b2b-panel .pb2b-btn,
.phoenix-b2b-panel a.pb2b-btn,
.phoenix-b2b-panel button.pb2b-btn,
.phoenix-b2b-panel .pb2b-app-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 42px; padding: 9px 18px;
	border-radius: 999px; border: 1px solid var(--pb2b-border-strong);
	background: var(--pb2b-bg-3); color: var(--pb2b-text);
	font-size: 13.5px; font-weight: 700; line-height: 1; text-decoration: none !important;
	cursor: pointer; transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease, box-shadow .15s ease;
}
.phoenix-b2b-panel .pb2b-btn-primary,
.phoenix-b2b-panel .pb2b-app-button-primary {
	background: linear-gradient(135deg, var(--pb2b-c-primary-2), var(--pb2b-c-primary));
	border-color: transparent; color: #fff;
	box-shadow: 0 6px 16px rgba(109,40,217,.26);
}
.phoenix-b2b-panel .pb2b-btn-primary:hover,
.phoenix-b2b-panel .pb2b-app-button-primary:hover {
	color: #fff; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(109,40,217,.34);
}
.phoenix-b2b-panel .pb2b-btn-outline,
.phoenix-b2b-panel .pb2b-app-button-ghost {
	background: transparent; color: var(--pb2b-text); border-color: var(--pb2b-border-strong);
}
.phoenix-b2b-panel .pb2b-btn-outline:hover,
.phoenix-b2b-panel .pb2b-app-button-ghost:hover { background: var(--pb2b-bg-3); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-app-button-link {
	background: transparent !important; border-color: transparent !important; box-shadow: none !important;
	color: var(--pb2b-primary-2); min-height: 0; padding: 6px 8px;
}
.phoenix-b2b-panel .pb2b-btn-sm,
.phoenix-b2b-panel .pb2b-app-button-sm { min-height: 36px; padding: 7px 14px; font-size: 12.5px; }
.phoenix-b2b-panel .pb2b-btn[disabled],
.phoenix-b2b-panel .pb2b-app-button[disabled],
.phoenix-b2b-panel .pb2b-app-button:disabled { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }

.phoenix-b2b-panel .pb2b-notif-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.phoenix-b2b-panel .pb2b-notif-filters .pb2b-chip { cursor: pointer; }
.phoenix-b2b-panel .pb2b-notif {
	display: flex; gap: 14px; justify-content: space-between;
	padding: 14px 16px; background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius-sm);
}
.phoenix-b2b-panel .pb2b-notif.is-read { opacity: .72; }
.phoenix-b2b-panel .pb2b-notif.is-unread { box-shadow: inset 3px 0 0 var(--pb2b-c-primary); }
.phoenix-b2b-panel .pb2b-notif-main { min-width: 0; flex: 1 1 auto; }

.phoenix-b2b-panel .pb2b-notif-type {
	display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px;
	font-size: 11px; font-weight: 700; letter-spacing: .02em;
	background: var(--pb2b-bg-4); color: var(--pb2b-text-soft); border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-notif-type-promotion        { background: rgba(124,58,237,.16); color: var(--pb2b-c-primary-2); border-color: rgba(124,58,237,.30); }
.phoenix-b2b-panel .pb2b-notif-type-document         { background: rgba(59,130,246,.16); color: #93C5FD;                border-color: rgba(59,130,246,.30); }
.phoenix-b2b-panel .pb2b-notif-type-order_status     { background: rgba(56,189,248,.16); color: var(--pb2b-info);        border-color: rgba(56,189,248,.30); }
.phoenix-b2b-panel .pb2b-notif-type-account_approved { background: rgba(34,197,94,.16);  color: var(--pb2b-c-success);    border-color: rgba(34,197,94,.30); }
.phoenix-b2b-panel .pb2b-notif-type-monthly_limit    { background: rgba(245,158,11,.16); color: var(--pb2b-c-warning);    border-color: rgba(245,158,11,.30); }
.phoenix-b2b-panel .pb2b-notif-type-saved_cart       { background: var(--pb2b-bg-4);     color: var(--pb2b-text-soft);    border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-notif-type-info             { background: rgba(56,189,248,.14); color: var(--pb2b-info);        border-color: rgba(56,189,248,.26); }
.phoenix-b2b-panel .pb2b-notif-title { font-weight: 600; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-notif-body { font-size: 13px; color: var(--pb2b-text-soft); margin-top: 4px; }
.phoenix-b2b-panel .pb2b-notif-body p { margin: 0 0 6px; }
.phoenix-b2b-panel .pb2b-notif-body p:last-child { margin-bottom: 0; }
.phoenix-b2b-panel .pb2b-notif-date { font-size: 11.5px; color: var(--pb2b-text-dim); }
.phoenix-b2b-panel .pb2b-notif-actions { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; white-space: nowrap; }

.phoenix-b2b-panel .pb2b-empty,
.phoenix-b2b-panel .pb2b-app-empty {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	padding: 40px 20px;
}
.phoenix-b2b-panel .pb2b-empty-icon,
.phoenix-b2b-panel .pb2b-app-empty-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 64px; height: 64px; margin-bottom: 14px;
	border-radius: 999px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border);
	color: var(--pb2b-primary-2);
}
.phoenix-b2b-panel .pb2b-empty-sm { padding: 24px 14px; }
.phoenix-b2b-panel .pb2b-empty h3, .phoenix-b2b-panel .pb2b-empty h4,
.phoenix-b2b-panel .pb2b-app-empty h4 { color: var(--pb2b-text); margin: 0 0 6px; font-size: 15px; }
.phoenix-b2b-panel .pb2b-empty p, .phoenix-b2b-panel .pb2b-app-empty p {
	color: var(--pb2b-text-muted); margin: 0 0 16px; font-size: 13.5px; max-width: 420px;
}

.phoenix-b2b-panel .pb2b-status,
.phoenix-b2b-panel .pb2b-pill {
	display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px;
	border-radius: 999px; font-size: 11.5px; font-weight: 700; line-height: 1.4;
	background: var(--pb2b-bg-4); color: var(--pb2b-text-soft); border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-status-completed,
.phoenix-b2b-panel .pb2b-status-paid     { background: rgba(34,197,94,.14);  color: var(--pb2b-c-success); border-color: rgba(34,197,94,.30); }
.phoenix-b2b-panel .pb2b-status-processing,
.phoenix-b2b-panel .pb2b-status-on-hold  { background: rgba(245,158,11,.14); color: var(--pb2b-c-warning); border-color: rgba(245,158,11,.30); }
.phoenix-b2b-panel .pb2b-status-pending  { background: rgba(56,189,248,.14); color: var(--pb2b-info);      border-color: rgba(56,189,248,.30); }
.phoenix-b2b-panel .pb2b-status-cancelled,
.phoenix-b2b-panel .pb2b-status-failed,
.phoenix-b2b-panel .pb2b-status-refunded { background: rgba(239,68,68,.14);  color: var(--pb2b-c-danger);  border-color: rgba(239,68,68,.30); }

.phoenix-b2b-panel .pb2b-card a:not(.pb2b-app-button-link),
.phoenix-b2b-panel .pb2b-app-card a:not(.pb2b-app-button-link),
.phoenix-b2b-panel .pb2b-cat-tile,
.phoenix-b2b-panel .pb2b-discount-label { text-decoration: none; }
.phoenix-b2b-panel .pb2b-cat-tile { color: var(--pb2b-text); }

.phoenix-b2b-panel .pb2b-cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
@media (max-width: 1199.98px) { .phoenix-b2b-panel .pb2b-cat-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 767px)     { .phoenix-b2b-panel .pb2b-cat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; } }

.phoenix-b2b-panel,
.phoenix-b2b-panel .pb2b-content { max-width: 100%; overflow-x: clip; }

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-notif { flex-direction: column; gap: 10px; }
	.phoenix-b2b-panel .pb2b-notif-actions { flex-direction: row; align-items: center; gap: 14px; }
	.phoenix-b2b-panel .pb2b-card-header,
	.phoenix-b2b-panel .pb2b-app-section-header { flex-wrap: wrap; gap: 10px; }
}

.phoenix-b2b-panel .pb2b-burger {
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0;
	border-radius: 16px;
	cursor: pointer;

	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.20);
	color: #F8FAFC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
	transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
	-webkit-appearance: none;
	appearance: none;
}
.phoenix-b2b-panel .pb2b-burger:hover { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.30); color: #ffffff; }
.phoenix-b2b-panel .pb2b-burger:active { transform: scale(0.96); }
.phoenix-b2b-panel .pb2b-burger:focus-visible { outline: 2px solid var(--pb2b-primary-2, #6366F1); outline-offset: 2px; }

.phoenix-b2b-panel .pb2b-burger svg {
	width: 24px;
	height: 24px;
	display: block;
	stroke: currentColor;
	fill: none;
	pointer-events: none;
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger {
	background: #EEF1F8;
	border-color: #CBD5E1;
	color: #0F172A;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.10);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger:hover { background: #E2E8F0; border-color: #94A3B8; color: #0F172A; }

.phoenix-b2b-panel .pb2b-burger:not(:has(svg))::before {
	content: "";
	width: 22px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor;
}

.phoenix-b2b-panel .pb2b-brand-title { white-space: normal; }
.phoenix-b2b-panel .pb2b-brand-mono { text-transform: uppercase; }

.phoenix-b2b-panel .pb2b-card-grid,
.phoenix-b2b-panel .pb2b-shop-grid,
.phoenix-b2b-panel .pb2b-favorites-grid,
.phoenix-b2b-panel .pb2b-shop-main .pb2b-card-grid { align-items: stretch; }

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-self: stretch;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-media,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-media,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-media {
	aspect-ratio: 1 / 1;
	flex: 0 0 auto;
	width: 100%;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-image,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-image,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-body,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-body,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-sku,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-sku,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-sku {
	min-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-title,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-title,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.35;
	min-height: 2.7em;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-pricing,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-pricing,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-pricing {
	margin-top: 0;
	min-height: 40px;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-calc,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-calc,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-calc {
	margin-top: 8px;
	flex: 0 0 auto;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card-actions,
.phoenix-b2b-panel .pb2b-shop-grid .pb2b-card-actions,
.phoenix-b2b-panel .pb2b-favorites-grid .pb2b-card-actions {
	margin-top: auto;
	padding-top: 12px;
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-shop-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.phoenix-b2b-panel .pb2b-card-grid .pb2b-shop-card .pb2b-shop-card-actions { margin-top: auto; }

.phoenix-b2b-panel .pb2b-content { padding-bottom: 24px; }
.phoenix-b2b-panel .pb2b-content > *:last-child { margin-bottom: 0; }
.phoenix-b2b-panel .pb2b-content > .pb2b-card,
.phoenix-b2b-panel .pb2b-content > .pb2b-app-card,
.phoenix-b2b-panel .pb2b-content > .pb2b-hero,
.phoenix-b2b-panel .pb2b-content > .pb2b-stats,
.phoenix-b2b-panel .pb2b-content > .pb2b-app-section { min-height: 0; }

@media (max-width: 767.98px) {
	.phoenix-b2b-panel .pb2b-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; }
	.phoenix-b2b-panel .pb2b-quick-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; }
	.phoenix-b2b-panel .pb2b-grid-2 { grid-template-columns: 1fr; }
	.phoenix-b2b-panel .pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop-grid,
	.phoenix-b2b-panel .pb2b-favorites-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.phoenix-b2b-panel,
	.phoenix-b2b-panel .pb2b-main,
	.phoenix-b2b-panel .pb2b-content { overflow-x: clip; max-width: 100%; }
	.phoenix-b2b-panel .pb2b-content { padding-bottom: 16px; }
}

@media (max-width: 359.98px) {
	.phoenix-b2b-panel .pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop-grid,
	.phoenix-b2b-panel .pb2b-favorites-grid { grid-template-columns: 1fr !important; }
}

.phoenix-b2b-panel .pb2b-qo-stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--pb2b-border-strong);
	border-radius: 999px;
	overflow: hidden;
	background: var(--pb2b-bg-3);
	max-width: 100%;
}
.phoenix-b2b-panel .pb2b-qo-stepper-btn {
	flex: 0 0 auto;
	width: 34px;
	height: 38px;
	border: 0;
	background: transparent;
	color: var(--pb2b-text);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .12s ease;
	-webkit-appearance: none;
	appearance: none;
}
.phoenix-b2b-panel .pb2b-qo-stepper-btn:hover { background: var(--pb2b-bg-4); }
.phoenix-b2b-panel .pb2b-qo-stepper-btn:active { background: var(--pb2b-bg-4); }

.phoenix-b2b-panel .pb2b-qo-stepper .phoenix-b2b-qo-qty {
	flex: 1 1 auto;
	width: 48px;
	min-width: 40px;
	max-width: 64px;
	height: 38px;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--pb2b-text);
	font-size: 14px;
	font-weight: 600;
	-moz-appearance: textfield;
}
.phoenix-b2b-panel .pb2b-qo-stepper .phoenix-b2b-qo-qty:focus { outline: none; box-shadow: none; }
.phoenix-b2b-panel .pb2b-qo-stepper .phoenix-b2b-qo-qty::-webkit-outer-spin-button,
.phoenix-b2b-panel .pb2b-qo-stepper .phoenix-b2b-qo-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.phoenix-b2b-panel .pb2b-qo-qty-na { color: var(--pb2b-text-dim); }

.phoenix-b2b-panel .phoenix-b2b-qo .pb2b-qo-col-sku code {
	display: inline-block;
	max-width: 100%;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--pb2b-bg-4);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.phoenix-b2b-panel .pb2b-cart-sku {
	display: inline-flex;
	align-items: center;
	width: auto;
	max-width: 100%;
	margin-top: 5px;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--pb2b-bg-4);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-muted);
	font-size: 11.5px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-qo-price-na {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(124, 58, 237, 0.12);
	border: 1px solid rgba(124, 58, 237, 0.28);
	color: var(--pb2b-primary-2);
	font-size: 12.5px;
	font-weight: 600;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search {
		flex-wrap: nowrap;
		gap: 8px;
		align-items: stretch;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search .pb2b-shop-search-input {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		height: 48px;
		min-height: 48px;
		font-size: 16px;
	}

	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search .pb2b-shop-btn {
		flex: 0 0 auto;
		width: auto;
		min-width: 0;
		height: 48px;
		min-height: 48px;
		padding: 0 16px;
		font-size: 14px;
		white-space: nowrap;
		background: var(--pb2b-bg-3);
		color: var(--pb2b-text);
		border: 1px solid var(--pb2b-border-strong);
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search .pb2b-shop-btn:hover {
		background: var(--pb2b-bg-4);
		color: var(--pb2b-text);
	}

	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-toolbar-right {
		width: 100%;
		display: flex;
		gap: 8px;
		align-items: stretch;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-toolbar-right > * { flex: 1 1 auto; }
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filter-toggle,
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-orderby {
		min-height: 44px;
		font-size: 14px;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-view-toggle { flex: 0 0 auto; }
}

.phoenix-b2b-panel .pb2b-shop-grid { align-items: stretch; }
.phoenix-b2b-panel .pb2b-shop-grid > .pb2b-card,
.phoenix-b2b-panel .pb2b-card-grid > .pb2b-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.phoenix-b2b-panel .pb2b-shop-grid > .pb2b-card .pb2b-card-body,
.phoenix-b2b-panel .pb2b-card-grid > .pb2b-card .pb2b-card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.phoenix-b2b-panel .pb2b-shop-grid > .pb2b-card .pb2b-card-actions,
.phoenix-b2b-panel .pb2b-card-grid > .pb2b-card .pb2b-card-actions {
	margin-top: auto;
}

.phoenix-b2b-panel .phoenix-b2b-qo .pb2b-qo-col-name a,
.phoenix-b2b-panel .phoenix-b2b-qo-table a { text-decoration: none; }
.phoenix-b2b-panel .phoenix-b2b-qo .pb2b-qo-col-name a:hover { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-qty { min-width: 132px; }
.phoenix-b2b-panel .phoenix-b2b-qo-search-input,
.phoenix-b2b-panel .phoenix-b2b-qo-cat {
	min-height: 42px;
}

.phoenix-b2b-panel .phoenix-b2b-qo-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-bottom: 14px;
}
.phoenix-b2b-panel .phoenix-b2b-qo-search { flex: 1 1 280px; }
.phoenix-b2b-panel .phoenix-b2b-qo-search-input { width: 100%; }

@media (max-width: 767px) {
	.phoenix-b2b-panel .phoenix-b2b-qo-table tbody tr {
		grid-template-columns: 22px 56px 1fr auto;
		grid-template-areas:
			"check thumb name   name"
			"check thumb sku    stock"
			"price price price  price"
			"qty   qty   qty    action";
		gap: 8px 10px;
		padding: 12px 14px;
	}

	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-price {
		justify-content: flex-start;
		margin-top: 2px;
		padding-top: 8px;
		border-top: 1px solid var(--pb2b-border);
		font-size: 15px;
	}

	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-qty { justify-content: flex-start; }
	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-qty .pb2b-qo-stepper {
		width: 100%;
		max-width: 200px;
		justify-content: space-between;
	}
	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-qty .pb2b-qo-stepper .phoenix-b2b-qo-qty {
		flex: 1 1 auto;
		max-width: none;
	}
	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-action { justify-content: flex-end; }
	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-action .phoenix-b2b-qo-add-single,
	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-action .button {
		width: auto;
		min-width: 96px;
		padding: 0 18px;
	}

	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-stock { justify-content: flex-end; }

	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-name { gap: 4px; }

	.phoenix-b2b-panel .phoenix-b2b-qo-toolbar { flex-direction: column; align-items: stretch; gap: 8px; }
	.phoenix-b2b-panel .phoenix-b2b-qo-search { flex: 1 1 100%; }
	.phoenix-b2b-panel .phoenix-b2b-qo-search-input,
	.phoenix-b2b-panel .phoenix-b2b-qo-cat {
		width: 100% !important;
		height: 48px;
		min-height: 48px;
		font-size: 16px;
	}
	.phoenix-b2b-panel .phoenix-b2b-qo-filter { width: 100%; }
}

.phoenix-b2b-panel .pb2b-cart-remove svg { width: 18px; height: 18px; }
.phoenix-b2b-panel .pb2b-cart-remove:focus-visible {
	outline: 2px solid var(--pb2b-primary-2);
	outline-offset: 2px;
}
@media (max-width: 767px) {

	.phoenix-b2b-panel .pb2b-cart-cell-rm .pb2b-cart-remove {
		width: 38px;
		height: 38px;
	}
}

.phoenix-b2b-panel [data-pb2b-shop-wrap],
.phoenix-b2b-panel [data-pb2b-catalog-flow],
.phoenix-b2b-panel [data-pb2b-cart-section],
.phoenix-b2b-panel [data-pb2b-checkout-section] {
	max-width: 100%;
	overflow-x: clip;
}
.phoenix-b2b-panel .phoenix-b2b-qo,
.phoenix-b2b-panel .phoenix-b2b-qo-results { max-width: 100%; }
@media (max-width: 767px) {

	.phoenix-b2b-panel .phoenix-b2b-qo-results,
	.phoenix-b2b-panel .phoenix-b2b-qo-table-wrap { overflow-x: visible; }
}

.phoenix-b2b-panel {

}
@media (min-width: 768px) {
	.phoenix-b2b-panel {
	}
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel {
	}
}

.phoenix-b2b-panel.pb2b-app-shell {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

.phoenix-b2b-panel .pb2b-app-header {
	position: sticky;
	top: 0;
	z-index: 30;
}

.phoenix-b2b-panel .pb2b-app-content {
	width: 100%;
	min-width: 0;
}

.phoenix-b2b-panel .pb2b-section {
	width: 100%;
	max-width: 100%;
}
.phoenix-b2b-panel .pb2b-section + .pb2b-section { margin-top: var(--pb2b-section-gap); }
.phoenix-b2b-panel .pb2b-section-inner {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
}
.phoenix-b2b-panel .pb2b-section-card {
	background: var(--pb2b-surface);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius, 14px);
	padding: var(--pb2b-card-pad);
	box-shadow: var(--pb2b-shadow-sm);
}

.phoenix-b2b-panel .pb2b-content,
.phoenix-b2b-panel .pb2b-app-content {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
}

.phoenix-b2b-panel .pb2b-app-card.pb2b-card-flush > .pb2b-app-card-body {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
	padding-bottom: var(--pb2b-page-x);
}
.phoenix-b2b-panel .pb2b-shop-cartbar,
.phoenix-b2b-panel .pb2b-catalog-flowbar {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
}

.phoenix-b2b-panel .pb2b-shop-head,
.phoenix-b2b-panel .pb2b-shop-note,
.phoenix-b2b-panel .pb2b-shop-toolbar,
.phoenix-b2b-panel .pb2b-shop-bar,
.phoenix-b2b-panel .pb2b-shop-results {
	margin-left: 0;
	margin-right: 0;
}

.phoenix-b2b-panel .pb2b-shop-bar { padding-top: 2px; }
.phoenix-b2b-panel .pb2b-shop-count { color: var(--pb2b-muted); }

.phoenix-b2b-panel,
.phoenix-b2b-panel .pb2b-main,
.phoenix-b2b-panel .pb2b-content,
.phoenix-b2b-panel .pb2b-app-content {
	max-width: 100%;
}
.phoenix-b2b-panel .pb2b-content,
.phoenix-b2b-panel .pb2b-app-content { overflow-x: clip; }

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel .pb2b-topbar,
	.phoenix-b2b-panel .pb2b-app-header {
		min-height: var(--pb2b-app-header-h);
		gap: 10px;
		padding-left: var(--pb2b-page-x);
		padding-right: var(--pb2b-page-x);
		padding-top: env(safe-area-inset-top, 0px);
	}

	.phoenix-b2b-panel .pb2b-burger {
		width: 44px;
		height: 44px;
		border-radius: 14px;
		background: var(--pb2b-surface-soft);
		border: 1px solid var(--pb2b-border);
		color: var(--pb2b-text);
		box-shadow: none;
	}
	.phoenix-b2b-panel .pb2b-burger:hover {
		background: var(--pb2b-bg-4);
		border-color: var(--pb2b-border-strong);
	}
	.phoenix-b2b-panel .pb2b-burger svg { width: 20px; height: 20px; }

	.phoenix-b2b-panel .pb2b-topbar-title { min-width: 0; }
	.phoenix-b2b-panel .pb2b-topbar-h1 {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: -0.01em;
	}

	.phoenix-b2b-panel .pb2b-topbar-sub { display: none; }

	.phoenix-b2b-panel .pb2b-topbar-right { gap: 8px; }

	.phoenix-b2b-panel .pb2b-topbar-cart {
		width: 40px;
		height: 40px;
		padding: 0;
		justify-content: center;
		position: relative;
		background: var(--pb2b-surface-soft);
		border: 1px solid var(--pb2b-border);
		border-radius: 999px;
	}
	.phoenix-b2b-panel .pb2b-topbar-cart.has-items { border-color: rgba(124, 58, 237, 0.45); }
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-cart-ico { width: 20px; height: 20px; }

	.phoenix-b2b-panel .pb2b-topbar-cart-badge {
		position: absolute;
		top: -4px;
		right: -4px;
		min-width: 18px;
		height: 18px;
		padding: 0 5px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 999px;
		background: var(--pb2b-primary);
		color: #fff;
		font-size: 10px;
		font-weight: 800;
		line-height: 1;
		border: 2px solid var(--pb2b-bg-1);
		box-sizing: border-box;
	}
	.phoenix-b2b-panel .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge { display: none; }

	.phoenix-b2b-panel .pb2b-greeting { display: none; }
	.phoenix-b2b-panel .pb2b-user-name { display: none; }
	.phoenix-b2b-panel .pb2b-user-chip { padding: 0; }
	.phoenix-b2b-panel .pb2b-user-avatar { width: 40px; height: 40px; flex: 0 0 40px; }

	.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip { display: none; }

}

.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: none; }

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-topbar,
	.phoenix-b2b-panel .pb2b-app-header {
		min-height: var(--pb2b-app-header-h);
		padding-left: var(--pb2b-page-x);
		padding-right: var(--pb2b-page-x);
		gap: 16px;
	}
	.phoenix-b2b-panel .pb2b-topbar-right { gap: 10px; }

	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total:empty { display: none; }

	.phoenix-b2b-panel .pb2b-user-chip {
		gap: 10px;
		padding: 4px 12px 4px 4px;
		background: var(--pb2b-surface-soft);
		border: 1px solid var(--pb2b-border);
		border-radius: 999px;
	}
	.phoenix-b2b-panel .pb2b-user-name {
		display: flex;
		flex-direction: column;
		line-height: 1.2;
		max-width: 200px;
	}
	.phoenix-b2b-panel .pb2b-greeting {
		display: block;
		font-size: 11px;
		font-weight: 600;
		color: var(--pb2b-muted);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.phoenix-b2b-panel .pb2b-greeting-name {
		font-size: 13px;
		font-weight: 700;
		color: var(--pb2b-text);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip-primary {
	background: var(--pb2b-surface-soft);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
	font-weight: 600;
}
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip-primary .pb2b-chip-amount {
	color: var(--pb2b-primary-2);
	font-weight: 700;
}

.phoenix-b2b-panel .pb2b-user-avatar {
	background: var(--pb2b-accent-grad);
	box-shadow: 0 2px 8px rgba(124, 58, 237, 0.28);
	border: 1px solid var(--pb2b-border-strong);
}

@media (max-width: 1199.98px) {

	.phoenix-b2b-panel .pb2b-sidebar {
		width: min(84vw, 320px);
		padding-top: calc(16px + env(safe-area-inset-top, 0px));
	}

	.phoenix-b2b-panel .pb2b-nav {
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		padding-bottom: 8px;
	}
	.phoenix-b2b-panel .pb2b-sidebar-footer {
		padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	}

	.phoenix-b2b-panel .pb2b-sidebar-close {
		width: 38px;
		height: 38px;
		border-radius: 12px;
		background: var(--pb2b-surface-soft);
	}
}

.phoenix-b2b-panel .pb2b-sidebar-backdrop {
	background: rgba(2, 6, 23, 0.55);
	-webkit-backdrop-filter: saturate(140%) blur(6px);
	backdrop-filter: saturate(140%) blur(6px);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-sidebar-backdrop {
	background: rgba(15, 23, 42, 0.40);
}

.phoenix-b2b-panel .pb2b-nav-item.is-active { font-weight: 600; }

.phoenix-b2b-panel .pb2b-app-footer {
	margin-top: var(--pb2b-section-gap);
	padding: 18px var(--pb2b-page-x) calc(20px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--pb2b-border);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 18px;
	color: var(--pb2b-muted);
}
.phoenix-b2b-panel .pb2b-app-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}
.phoenix-b2b-panel .pb2b-app-footer-link {
	color: var(--pb2b-text-soft);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}
.phoenix-b2b-panel .pb2b-app-footer-link:hover { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-app-footer-brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--pb2b-muted);
}
.phoenix-b2b-panel .pb2b-app-footer-brand strong { color: var(--pb2b-text-soft); font-weight: 700; }
.phoenix-b2b-panel .pb2b-app-footer-ver {
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--pb2b-surface-soft);
	border: 1px solid var(--pb2b-border);
}
@media (max-width: 640px) {
	.phoenix-b2b-panel .pb2b-app-footer {
		flex-direction: column;
		align-items: flex-start;
		padding-top: 14px;
		gap: 10px;
	}
	.phoenix-b2b-panel .pb2b-app-footer-links { gap: 4px 16px; }
}

.phoenix-b2b-panel.pb2b-app { min-height: 100vh; }
@supports (min-height: 100dvh) {
	.phoenix-b2b-panel.pb2b-app { min-height: 100dvh; }
}

.phoenix-b2b-panel .pb2b-pwa-prompt {
	display: none;
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	z-index: 60;
	padding: 14px 14px 14px 16px;
	border-radius: 16px;
	background: var(--pb2b-surface);
	border: 1px solid var(--pb2b-border-strong);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
	color: var(--pb2b-text);
	align-items: center;
	gap: 12px;
}
.phoenix-b2b-panel .pb2b-pwa-prompt.is-visible { display: flex; }
.phoenix-b2b-panel .pb2b-pwa-prompt-ico {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--pb2b-accent-grad);
	color: #fff;
}
.phoenix-b2b-panel .pb2b-pwa-prompt-ico svg { width: 22px; height: 22px; }
.phoenix-b2b-panel .pb2b-pwa-prompt-body { flex: 1 1 auto; min-width: 0; }
.phoenix-b2b-panel .pb2b-pwa-prompt-title { font-size: 14px; font-weight: 700; }
.phoenix-b2b-panel .pb2b-pwa-prompt-text { font-size: 12.5px; color: var(--pb2b-muted); margin-top: 2px; }
.phoenix-b2b-panel .pb2b-pwa-prompt-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-pwa-install {
	border: 0;
	border-radius: 10px;
	padding: 9px 14px;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	background: var(--pb2b-primary);
	cursor: pointer;
	white-space: nowrap;
}
.phoenix-b2b-panel .pb2b-pwa-install:hover { background: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-pwa-dismiss {
	border: 1px solid var(--pb2b-border);
	background: transparent;
	color: var(--pb2b-muted);
	width: 34px;
	height: 34px;
	border-radius: 10px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.phoenix-b2b-panel .pb2b-pwa-dismiss:hover { color: var(--pb2b-text); background: var(--pb2b-surface-soft); }
.phoenix-b2b-panel .pb2b-pwa-dismiss svg { width: 16px; height: 16px; }

.phoenix-b2b-panel .pb2b-pwa-prompt .pb2b-pwa-install { display: inline-flex; }
.phoenix-b2b-panel .pb2b-pwa-prompt.is-ios .pb2b-pwa-install { display: none; }
.phoenix-b2b-panel .pb2b-pwa-ios-hint { display: none; }
.phoenix-b2b-panel .pb2b-pwa-prompt.is-ios .pb2b-pwa-ios-hint { display: inline; }

@media (display-mode: standalone) {
	.phoenix-b2b-panel .pb2b-pwa-prompt { display: none !important; }
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-topbar-cart-badge { border-color: #FFFFFF; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-pwa-prompt {
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger {
	background: #EEF1F8;
	border-color: #CBD5E1;
	color: #0F172A;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger:hover { background: #E2E8F0; border-color: #94A3B8; }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-user-avatar { border-color: rgba(15, 23, 42, 0.10); }

@media (prefers-reduced-motion: reduce) {
	.phoenix-b2b-panel .pb2b-sidebar,
	.phoenix-b2b-panel .pb2b-pwa-prompt,
	.phoenix-b2b-panel .pb2b-burger { transition: none !important; }
}

.phoenix-b2b-panel .pb2b-shop .pb2b-shop-grid.pb2b-card-grid,
.phoenix-b2b-panel .pb2b-shop .pb2b-card-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 13px !important;
	align-items: stretch;
}
@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-grid.pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop .pb2b-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-grid.pb2b-card-grid,
	.phoenix-b2b-panel .pb2b-shop .pb2b-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}
}

.phoenix-b2b-panel .pb2b-shop .pb2b-shop-resultbar {
	padding: 2px 2px 0;
}
.phoenix-b2b-panel .pb2b-shop .pb2b-shop-count {
	font-weight: 600;
}

@media (min-width: 1024px) {
	.phoenix-b2b-panel .pb2b-shop {
		max-width: 1560px;
		margin-inline: auto;
	}
}

@media (max-width: 900px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters {
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		max-width: none;
		max-height: 85vh;
		margin: 0;
		border-radius: 18px 18px 0 0;
		box-shadow: 0 -12px 40px rgba(15, 23, 42, .28);
		transform: translateY(100%);
		transition: transform .28s cubic-bezier(.4, 0, .2, 1);
		padding-top: 14px;
	}
	.phoenix-b2b-panel .pb2b-shop.pb2b-filters-open .pb2b-shop-filters {
		transform: translateY(0);
	}

	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters-head {
		position: relative;
		padding-top: 10px;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters-head::before {
		content: "";
		position: absolute;
		top: -4px;
		left: 50%;
		transform: translateX(-50%);
		width: 40px;
		height: 4px;
		border-radius: 999px;
		background: var(--s-border-strong, #cbd5e1);
	}
}

.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters-toggle {
	display: none !important;
}

.phoenix-b2b-panel .pb2b-shop-cartbar-v2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 14px;
	padding: 12px 16px;
	background: var(--pb2b-surface, #fff);
	border: 1px solid var(--pb2b-border, #e2e8f0);
	border-radius: var(--pb2b-radius, 14px);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-info {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}
.phoenix-b2b-panel .pb2b-shop-cartbar-ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	background: var(--pb2b-bg-4, #eef1f8);
	color: var(--pb2b-primary-2, #6d28d9);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.phoenix-b2b-panel .pb2b-shop-cartbar-count {
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.phoenix-b2b-panel .pb2b-shop-cartbar-count strong {
	font-size: 15px;
	font-weight: 700;
	color: var(--pb2b-text, #0f172a);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-count-lbl {
	font-size: 12.5px;
	color: var(--pb2b-text-muted, #64748b);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-total {
	font-size: 14px;
	font-weight: 600;
	color: var(--pb2b-text, #0f172a);
}
.phoenix-b2b-panel .pb2b-shop-cartbar-total:empty {
	display: none;
}
.phoenix-b2b-panel .pb2b-shop-cartbar-actions {
	display: flex;
	gap: 8px;
	flex: 0 0 auto;
}

.phoenix-b2b-panel .pb2b-shop-cartbar-v2.is-empty .pb2b-shop-cartbar-total {
	display: none;
}
.phoenix-b2b-panel .pb2b-shop-cartbar-v2.is-empty .pb2b-shop-cartbar-ico {
	opacity: .65;
}
@media (max-width: 560px) {
	.phoenix-b2b-panel .pb2b-shop-cartbar-v2 {
		padding: 12px 14px;
	}
	.phoenix-b2b-panel .pb2b-shop-cartbar-actions {
		width: 100%;
	}
	.phoenix-b2b-panel .pb2b-shop-cartbar-btn {
		flex: 1 1 0;
		min-width: 0;
	}
}

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-card .pb2b-card-calc {
		display: none !important;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-card .pb2b-card-title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		min-height: 0;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-card .pb2b-card-sku {
		font-size: 11.5px;
	}
}

.phoenix-b2b-panel .pb2b-catalog-flowbar-v2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px 16px;
	background: var(--pb2b-surface, #fff);
	border-bottom: 1px solid var(--pb2b-border, #e2e8f0);
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-info {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	min-width: 0;
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--pb2b-bg-4, #eef1f8);
	border: 1px solid var(--pb2b-border, #e2e8f0);
	font-size: 12.5px;
	white-space: nowrap;
	max-width: 100%;
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill-lbl {
	color: var(--pb2b-text-muted, #64748b);
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill strong {
	color: var(--pb2b-text, #0f172a);
	font-weight: 700;
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill-val {
	color: var(--pb2b-primary-2, #6d28d9);
	font-weight: 600;
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-pill-val:empty {
	display: none;
}
.phoenix-b2b-panel .pb2b-catalog-flowbar-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	flex: 0 0 auto;
}
.phoenix-b2b-panel .pb2b-catalog-hint {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.45;
}
@media (min-width: 1024px) {
	.phoenix-b2b-panel .pb2b-catalog-flowbar-v2 {
		position: sticky;
		top: 0;
		z-index: 30;
		border-radius: var(--pb2b-radius, 14px) var(--pb2b-radius, 14px) 0 0;
	}
}
@media (max-width: 600px) {
	.phoenix-b2b-panel .pb2b-catalog-flowbar-v2 {
		padding: 10px 12px;
		gap: 8px;
	}
	.phoenix-b2b-panel .pb2b-catalog-flowbar-pill {
		flex: 1 1 auto;
		justify-content: center;
	}
	.phoenix-b2b-panel .pb2b-catalog-flowbar-actions {
		width: 100%;
	}
	.phoenix-b2b-panel .pb2b-catalog-flowbar-actions .pb2b-app-button {
		flex: 1 1 0;
		min-width: 0;
	}
}

.phoenix-b2b-panel .pb2b-cart-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	align-items: start;
}
@media (min-width: 1024px) {
	.phoenix-b2b-panel .pb2b-cart-layout {
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: 20px;
	}
	.phoenix-b2b-panel .pb2b-cart-summary-inner {
		position: sticky;
		top: 16px;
	}
}

.phoenix-b2b-panel .pb2b-cart-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

.phoenix-b2b-panel .pb2b-cart-line-head {
	display: none;
}

.phoenix-b2b-panel .pb2b-cart-line {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 40px;
	grid-template-areas:
		"media main   remove"
		"price price  price"
		"qty   qty    value";
	gap: 10px 12px;
	max-width: 100%;
	padding: 16px;
	background: var(--pb2b-surface, #fff);
	border: 1px solid var(--pb2b-border, #e2e8f0);
	border-radius: var(--pb2b-radius, 14px);
}
.phoenix-b2b-panel .pb2b-cart-line.is-busy {
	opacity: .55;
	pointer-events: none;
}
.phoenix-b2b-panel .pb2b-cart-line.is-removing {
	opacity: 0;
	transform: translateX(8px);
	transition: opacity .18s ease, transform .18s ease;
}

.phoenix-b2b-panel .pb2b-cart-line-media {
	grid-area: media;
	align-self: start;
}
.phoenix-b2b-panel .pb2b-cart-line-thumb {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--pb2b-bg-4, #eef1f8);
}
.phoenix-b2b-panel .pb2b-cart-line-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.phoenix-b2b-panel .pb2b-cart-line-thumb-empty {
	border: 1px dashed var(--pb2b-border, #e2e8f0);
}

.phoenix-b2b-panel .pb2b-cart-line-main {
	grid-area: main;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-self: start;
}
.phoenix-b2b-panel .pb2b-cart-line-title {
	font-weight: 600;
	color: var(--pb2b-text, #0f172a);
	text-decoration: none;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-cart-line-title:hover {
	color: var(--pb2b-primary-2, #6d28d9);
}
.phoenix-b2b-panel .pb2b-cart-line-sku {
	align-self: flex-start;
	max-width: 100%;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--pb2b-bg-4, #eef1f8);
	border: 1px solid var(--pb2b-border, #e2e8f0);
	color: var(--pb2b-text-muted, #64748b);
	font-size: 11.5px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-cart-line-remove {
	grid-area: remove;
	align-self: start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 10px;
	background: transparent;
	border: 1px solid var(--pb2b-border, #e2e8f0);
	color: var(--pb2b-text-muted, #64748b);
	cursor: pointer;
	transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.phoenix-b2b-panel .pb2b-cart-line-remove:hover {
	color: var(--pb2b-danger, #dc2626);
	border-color: var(--pb2b-danger, #dc2626);
	background: rgba(220, 38, 38, .08);
}

.phoenix-b2b-panel .pb2b-cart-line-price {
	grid-area: price;
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.phoenix-b2b-panel .pb2b-cart-line-price-val {
	font-weight: 600;
	color: var(--pb2b-text, #0f172a);
}
.phoenix-b2b-panel .pb2b-cart-line-qty {
	grid-area: qty;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.phoenix-b2b-panel .pb2b-cart-line-value {
	grid-area: value;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 8px;
	text-align: right;
}
.phoenix-b2b-panel .pb2b-cart-line-value strong {
	font-weight: 700;
	color: var(--pb2b-text, #0f172a);
}
.phoenix-b2b-panel .pb2b-cart-line-lbl {
	font-size: 11.5px;
	font-weight: 600;
	color: var(--pb2b-text-muted, #64748b);
	text-transform: uppercase;
	letter-spacing: .03em;
}

@media (min-width: 1024px) {
	.phoenix-b2b-panel .pb2b-cart-list {
		gap: 0;
		border: 1px solid var(--pb2b-border, #e2e8f0);
		border-radius: var(--pb2b-radius, 14px);
		overflow: hidden;
		background: var(--pb2b-surface, #fff);
	}
	.phoenix-b2b-panel .pb2b-cart-line-head {
		display: grid;
		grid-template-columns: 60px minmax(0, 1fr) 130px 132px 110px 44px;
		gap: 14px;
		align-items: center;
		padding: 12px 16px;
		background: var(--pb2b-bg-3, #f1f4fb);
		border-bottom: 1px solid var(--pb2b-border, #e2e8f0);
		font-size: 11.5px;
		font-weight: 700;
		letter-spacing: .03em;
		text-transform: uppercase;
		color: var(--pb2b-text-muted, #64748b);
	}
	.phoenix-b2b-panel .pb2b-cart-line-head-prod { grid-column: 1 / 3; }
	.phoenix-b2b-panel .pb2b-cart-line-head-price { grid-column: 3; text-align: right; }
	.phoenix-b2b-panel .pb2b-cart-line-head-qty { grid-column: 4; text-align: center; }
	.phoenix-b2b-panel .pb2b-cart-line-head-val { grid-column: 5; text-align: right; }
	.phoenix-b2b-panel .pb2b-cart-line-head-rm { grid-column: 6; }

	.phoenix-b2b-panel .pb2b-cart-line {
		grid-template-columns: 60px minmax(0, 1fr) 130px 132px 110px 44px;
		grid-template-areas: "media main price qty value remove";
		gap: 14px;
		align-items: center;
		padding: 14px 16px;
		border: 0;
		border-bottom: 1px solid var(--pb2b-border, #e2e8f0);
		border-radius: 0;
		background: transparent;
	}
	.phoenix-b2b-panel .pb2b-cart-list > .pb2b-cart-line:last-child {
		border-bottom: 0;
	}
	.phoenix-b2b-panel .pb2b-cart-line-media,
	.phoenix-b2b-panel .pb2b-cart-line-main,
	.phoenix-b2b-panel .pb2b-cart-line-remove {
		align-self: center;
	}
	.phoenix-b2b-panel .pb2b-cart-line-thumb {
		width: 60px;
		height: 60px;
	}
	.phoenix-b2b-panel .pb2b-cart-line-title {
		-webkit-line-clamp: 2;
	}
	.phoenix-b2b-panel .pb2b-cart-line-lbl {
		display: none;
	}
	.phoenix-b2b-panel .pb2b-cart-line-price {
		justify-content: flex-end;
		text-align: right;
	}
	.phoenix-b2b-panel .pb2b-cart-line-qty {
		justify-content: center;
	}
}

.phoenix-b2b-panel .pb2b-cart-line,
.phoenix-b2b-panel .pb2b-cart-list,
.phoenix-b2b-panel .pb2b-shop-cartbar-v2,
.phoenix-b2b-panel .pb2b-catalog-flowbar-v2 {
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters,
	.phoenix-b2b-panel .pb2b-cart-line.is-removing,
	.phoenix-b2b-panel .pb2b-cart-line-remove {
		transition: none;
	}
}

@media (max-width: 380px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search .pb2b-shop-btn {
		flex: 0 0 auto;
		width: 48px;
		min-width: 48px;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search .pb2b-shop-btn::before {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		margin: 0 auto;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cpath%20d='m21%2021-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cpath%20d='m21%2021-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
	}
}

.phoenix-b2b-panel {

}

.phoenix-b2b-panel .pb2b-app-button-danger {
	background: rgba(239, 68, 68, 0.12);
	border: 1px solid rgba(239, 68, 68, 0.34);
	color: var(--pb2b-danger-ink);
}
.phoenix-b2b-panel .pb2b-app-button-danger:hover {
	background: var(--pb2b-danger, #EF4444);
	border-color: var(--pb2b-danger, #EF4444);
	color: #fff;
}

.phoenix-b2b-panel .pb2b-app-button svg { flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-app-button { display: inline-flex; align-items: center; gap: 8px; }

.phoenix-b2b-panel .pb2b-chip {
	cursor: pointer;
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-card-soft);
	color: var(--pb2b-text-soft);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.4;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-chip:hover {
	color: var(--pb2b-text);
	border-color: var(--pb2b-border-strong);
}
.phoenix-b2b-panel .pb2b-chip.pb2b-chip-primary,
.phoenix-b2b-panel .pb2b-chip.is-active {
	background: var(--pb2b-primary, #7C3AED);
	border-color: var(--pb2b-primary, #7C3AED);
	color: #fff;
}

.phoenix-b2b-panel .pb2b-app-badge-primary {
	background: rgba(124, 58, 237, 0.16);
	color: var(--pb2b-primary-2, #A855F7);
	border-color: rgba(124, 58, 237, 0.34);
}

.phoenix-b2b-panel .pb2b-app-subtitle {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--pb2b-text-muted);
	text-transform: uppercase;
	letter-spacing: .03em;
}
.phoenix-b2b-panel .pb2b-app-subtitle-spaced { margin-top: 18px; }

.phoenix-b2b-panel .pb2b-checkout-head { align-items: center; }
.phoenix-b2b-panel .pb2b-checkout-head-main {
	display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; min-width: 0;
}
.phoenix-b2b-panel .pb2b-checkout-head-sum {
	display: inline-flex; align-items: baseline; gap: 6px; font-size: 13.5px;
}
.phoenix-b2b-panel .pb2b-checkout-head-sum strong { color: var(--pb2b-text); font-size: 15px; }
.phoenix-b2b-panel .pb2b-checkout-back { margin-left: auto; }

.phoenix-b2b-panel .pb2b-checkout-steps {
	list-style: none; margin: 0 0 18px; padding: 0;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
}
.phoenix-b2b-panel .pb2b-checkout-step {
	display: flex; align-items: center; gap: 8px; min-width: 0;
	padding: 10px 12px;
	background: var(--pb2b-card-soft);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm, 10px);
	color: var(--pb2b-text-muted);
	font-size: 12.5px; font-weight: 600;
}
.phoenix-b2b-panel .pb2b-checkout-step-no {
	flex: 0 0 auto; width: 22px; height: 22px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px; font-size: 12px; font-weight: 800;
	background: var(--pb2b-bg-4); color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-checkout-step-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-checkout-step.is-active {
	background: rgba(124, 58, 237, 0.12);
	border-color: rgba(124, 58, 237, 0.34);
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-checkout-step.is-active .pb2b-checkout-step-no {
	background: var(--pb2b-primary, #7C3AED); color: #fff;
}
.phoenix-b2b-panel .pb2b-checkout-step.is-done .pb2b-checkout-step-no {
	background: rgba(34, 197, 94, 0.18); color: var(--pb2b-success-ink);
}
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-checkout-steps { grid-template-columns: repeat(2, 1fr); }
}

.phoenix-b2b-panel .pb2b-checkout-issues {
	margin: 0 0 18px; padding: 16px;
	background: rgba(245, 158, 11, 0.10);
	border: 1px solid rgba(245, 158, 11, 0.34);
	border-radius: var(--pb2b-radius, 14px);
}
.phoenix-b2b-panel .pb2b-checkout-issues-head { display: flex; gap: 12px; align-items: flex-start; }
.phoenix-b2b-panel .pb2b-checkout-issues-ico {
	flex: 0 0 auto; color: var(--pb2b-warning-ink);
}
.phoenix-b2b-panel .pb2b-checkout-issues-head h4 { margin: 0 0 2px; font-size: 15px; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-checkout-issues-head p { margin: 0; font-size: 13px; }
.phoenix-b2b-panel .pb2b-checkout-issues-list {
	list-style: none; margin: 14px 0 0; padding: 0;
	display: flex; flex-direction: column; gap: 8px;
}
.phoenix-b2b-panel .pb2b-checkout-issue {
	display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
	padding: 10px 12px;
	background: var(--pb2b-card);
	border: 1px solid var(--pb2b-border);
	border-left: 3px solid var(--pb2b-warning, #F59E0B);
	border-radius: var(--pb2b-radius-sm, 10px);
}
.phoenix-b2b-panel .pb2b-checkout-issue.pb2b-issue-remove { border-left-color: var(--pb2b-danger, #EF4444); }
.phoenix-b2b-panel .pb2b-checkout-issue-name { font-weight: 700; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-checkout-issue-msg { font-size: 13px; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-checkout-issues-actions {
	display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px;
}

.phoenix-b2b-panel .pb2b-checkout-app .woocommerce-billing-fields > h3,
.phoenix-b2b-panel .pb2b-checkout-app .woocommerce-shipping-fields > h3,
.phoenix-b2b-panel .pb2b-checkout-app #order_review_heading {
	font-size: 16px; font-weight: 800; margin: 0 0 12px; color: var(--pb2b-text);
}

@media (min-width: 992px) {
	.phoenix-b2b-panel .pb2b-checkout-app #order_review { position: sticky; top: calc(var(--pb2b-app-header-h, 64px) + 12px); }
}

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-NoticeGroup,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-error,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-message,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-info {
	list-style: none; margin: 0 0 16px; padding: 14px 16px;
	border-radius: var(--pb2b-radius-sm, 10px); font-size: 13.5px;
	border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-checkout-woo ul.woocommerce-error {
	background: rgba(239, 68, 68, 0.10); border-color: rgba(239, 68, 68, 0.34); color: var(--pb2b-danger-ink);
}
.phoenix-b2b-panel .pb2b-checkout-woo ul.woocommerce-error li { margin: 0; }
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-message {
	background: rgba(34, 197, 94, 0.10); border-color: rgba(34, 197, 94, 0.34); color: var(--pb2b-success-ink);
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-info {
	background: rgba(56, 189, 248, 0.10); border-color: rgba(56, 189, 248, 0.34); color: var(--pb2b-text);
}

.phoenix-b2b-panel .pb2b-checkout-success .pb2b-success-hero { text-align: center; padding: 8px 0 4px; }
.phoenix-b2b-panel .pb2b-success-mark {
	display: inline-flex; align-items: center; justify-content: center;
	width: 64px; height: 64px; border-radius: 999px; margin-bottom: 12px;
	background: rgba(34, 197, 94, 0.16); color: var(--pb2b-success-ink);
	border: 1px solid rgba(34, 197, 94, 0.34);
}
.phoenix-b2b-panel .pb2b-success-hero h3 { margin: 0 0 6px; font-size: 19px; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-success-hero p { margin: 0 auto; max-width: 460px; font-size: 13.5px; }
.phoenix-b2b-panel .pb2b-success-summary {
	margin: 18px auto 0; max-width: 460px;
	background: var(--pb2b-card-soft); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius, 14px); padding: 6px 16px;
}
.phoenix-b2b-panel .pb2b-success-row {
	display: flex; align-items: center; justify-content: space-between; gap: 14px;
	padding: 10px 0; border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-success-row:last-child { border-bottom: 0; }
.phoenix-b2b-panel .pb2b-success-label { color: var(--pb2b-text-muted); font-size: 13px; }
.phoenix-b2b-panel .pb2b-success-value { color: var(--pb2b-text); font-weight: 700; text-align: right; }
.phoenix-b2b-panel .pb2b-success-row-total .pb2b-success-value { font-size: 17px; }
.phoenix-b2b-panel .pb2b-success-actions {
	display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 18px 0 0;
}
.phoenix-b2b-panel .pb2b-checkout-success .pb2b-checkout-fallback { text-align: center; }

.phoenix-b2b-panel .pb2b-app-table td.pb2b-col-actions { white-space: normal; }
@media (max-width: 767px) {

	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) td.pb2b-col-actions { justify-content: flex-start; }
	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) td.pb2b-col-actions::before { content: ""; }
	.phoenix-b2b-panel .pb2b-app-table:not(.pb2b-cart-table) td.pb2b-col-actions .pb2b-app-button { width: 100%; justify-content: center; }
	.phoenix-b2b-panel .pb2b-orders-table td.pb2b-col-actions .pb2b-app-button,
	.phoenix-b2b-panel .pb2b-app-table td.pb2b-col-actions .pb2b-app-button + .pb2b-app-button { margin-top: 8px; }
}

.phoenix-b2b-panel .pb2b-notif-filters {
	display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;
}
.phoenix-b2b-panel .pb2b-notif-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.phoenix-b2b-panel .pb2b-notif {
	display: flex; gap: 14px; align-items: flex-start; justify-content: space-between;
	padding: 14px 16px;
	background: var(--pb2b-card); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius, 14px);
}
.phoenix-b2b-panel .pb2b-notif.is-unread { border-left: 3px solid var(--pb2b-primary, #7C3AED); }
.phoenix-b2b-panel .pb2b-notif-main { min-width: 0; flex: 1; }
.phoenix-b2b-panel .pb2b-notif-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }

.phoenix-b2b-panel .pb2b-notif-type {
	display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px;
	font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
	background: var(--pb2b-card-soft); color: var(--pb2b-text-soft); border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-notif-date { font-size: 11.5px; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-notif-title { font-weight: 700; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-notif-body { font-size: 13.5px; color: var(--pb2b-text-muted); margin-top: 2px; }
.phoenix-b2b-panel .pb2b-notif-body p { margin: 0 0 6px; }
.phoenix-b2b-panel .pb2b-notif-actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-link-danger { color: var(--pb2b-danger-ink); }
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-notif { flex-direction: column; gap: 10px; }
	.phoenix-b2b-panel .pb2b-notif-actions { flex-direction: row; align-items: center; gap: 16px; }
}

.phoenix-b2b-panel .pb2b-savecart-form {
	display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap;
}
.phoenix-b2b-panel .pb2b-savecart-field { flex: 1 1 240px; min-width: 0; }
.phoenix-b2b-panel .pb2b-savecart-field label {
	display: block; font-size: 12.5px; font-weight: 600; color: var(--pb2b-text-muted); margin-bottom: 6px;
}
.phoenix-b2b-panel .pb2b-savecart-result { flex: 1 0 100%; font-size: 13px; }
.phoenix-b2b-panel .pb2b-savecart-result.phoenix-b2b-success { color: var(--pb2b-success-ink); }
.phoenix-b2b-panel .pb2b-savecart-result.phoenix-b2b-error { color: var(--pb2b-danger-ink); }

.phoenix-b2b-panel .pb2b-company-note { display: flex; gap: 14px; align-items: flex-start; }
.phoenix-b2b-panel .pb2b-company-note-ico { margin: 0; color: var(--pb2b-primary-2, #A855F7); }
.phoenix-b2b-panel .pb2b-company-note-body { flex: 1; min-width: 0; }
.phoenix-b2b-panel .pb2b-company-note-body strong { color: var(--pb2b-text); }

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-app-card-body table:not(.pb2b-cart-table):not(.woocommerce-checkout-review-order-table) {
		display: block; width: 100%; border: 0;
	}
	.phoenix-b2b-panel .pb2b-app-card-body table:not(.pb2b-cart-table):not(.woocommerce-checkout-review-order-table) thead { display: none; }
	.phoenix-b2b-panel .pb2b-app-card-body table:not(.pb2b-cart-table):not(.woocommerce-checkout-review-order-table) tbody,
	.phoenix-b2b-panel .pb2b-app-card-body table:not(.pb2b-cart-table):not(.woocommerce-checkout-review-order-table) tr,
	.phoenix-b2b-panel .pb2b-app-card-body table:not(.pb2b-cart-table):not(.woocommerce-checkout-review-order-table) td { display: block; width: 100%; }
	.phoenix-b2b-panel .pb2b-app-card-body table:not(.pb2b-cart-table):not(.woocommerce-checkout-review-order-table) tr {
		background: var(--pb2b-card); border: 1px solid var(--pb2b-border);
		border-radius: var(--pb2b-radius-sm, 10px); padding: 12px 14px; margin-bottom: 12px;
	}
}

.phoenix-b2b-panel .pb2b-app-card-body { max-width: 100%; }
.phoenix-b2b-panel .pb2b-app-card-body > * { max-width: 100%; }

.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-app-card { background: var(--pb2b-card); border-color: var(--pb2b-border); }

.phoenix-b2b-panel[data-pb2b-theme="light"] {
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-completed,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-paid     { color: #15803D; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-processing,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-on-hold  { color: #B45309; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-cancelled,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-failed,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-status-refunded { color: #B91C1C; }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-issue-name,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-issues-head h4,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-success-value { color: var(--pb2b-text); }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo .input-text::placeholder,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo textarea::placeholder { color: #64748B; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo select option { background: #fff; color: #0F172A; }

.phoenix-b2b-panel,
.phoenix-b2b-panel .pb2b-content,
.phoenix-b2b-panel .pb2b-app-content { max-width: 100%; overflow-x: clip; }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-app-card-body { color: var(--pb2b-text); }

.phoenix-b2b-panel {

}

.phoenix-b2b-panel,
.phoenix-b2b-panel .pb2b-main,
.phoenix-b2b-panel .pb2b-content,
.phoenix-b2b-panel .pb2b-app-content {
	max-width: 100%;
	overflow-x: clip;
}

.phoenix-b2b-panel .pb2b-app-content > .pb2b-app-card,
.phoenix-b2b-panel .pb2b-section,
.phoenix-b2b-panel .pb2b-checkout-card,
.phoenix-b2b-panel .pb2b-cart-card {
	max-width: 100%;
}

@media (min-width: 1500px) {
	.phoenix-b2b-panel .pb2b-app-content {
		max-width: var(--pb2b-content-max);
		margin-inline: auto;
	}
}

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel .pb2b-app-content,
	.phoenix-b2b-panel .pb2b-content {
		padding-left: var(--pb2b-page-x, 16px);
		padding-right: var(--pb2b-page-x, 16px);
	}
}

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel .pb2b-burger {
		width: 42px;
		height: 42px;
		border-radius: 14px;
		background: var(--pb2b-surface-soft);
		border: 1px solid var(--pb2b-border);
		color: var(--pb2b-text);
		box-shadow: none;
	}
	.phoenix-b2b-panel .pb2b-burger svg {
		width: 19px;
		height: 19px;
		stroke: currentColor;
	}
}

.phoenix-b2b-panel .pb2b-user-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.16), rgba(168, 85, 247, 0.16));
	color: var(--pb2b-primary-2, #A855F7);
	border: 1px solid var(--pb2b-border-strong);
	box-shadow: none;
	font-weight: 800;
	letter-spacing: .01em;
}

.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip-primary {
	background: var(--pb2b-surface-soft);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
	font-weight: 600;
}

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel .pb2b-topbar-cart {
		background: var(--pb2b-surface-soft);
		border: 1px solid var(--pb2b-border);
		color: var(--pb2b-text);
	}
	.phoenix-b2b-panel .pb2b-topbar-cart-ico svg { stroke: currentColor; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: inline-flex; }
}

.phoenix-b2b-panel .pb2b-topbar-bell,
.phoenix-b2b-panel .pb2b-topbar-cart {
	color: var(--pb2b-text);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-burger svg,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-topbar-bell svg,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-topbar-cart-ico svg {
	color: var(--pb2b-text);
	stroke: currentColor;
}

.phoenix-b2b-panel .pb2b-shop .pb2b-shop-resultbar {
	padding: 4px 2px 2px;
}
.phoenix-b2b-panel .pb2b-shop .pb2b-shop-count {
	display: inline-block;
	padding-left: 2px;
	color: var(--pb2b-text-soft);
	font-weight: 600;
}

.phoenix-b2b-panel .pb2b-shop .pb2b-shop-toolbar {
	gap: 10px;
}
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-toolbar { gap: 10px; }
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-search { gap: 8px; }
}

.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters-toggle { display: none !important; }

.phoenix-b2b-panel .phoenix-b2b-qo-row a,
.phoenix-b2b-panel .pb2b-qo-col-name a {
	text-decoration: none;
}

.phoenix-b2b-panel .pb2b-qo-col-sku span,
.phoenix-b2b-panel .pb2b-qo-col-sku code {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 600px) {
	.phoenix-b2b-panel .pb2b-catalog-flowbar-pill { min-width: 0; }
}

.phoenix-b2b-panel .pb2b-cart-line-quote {
	color: var(--pb2b-primary-2, #A855F7) !important;
	font-weight: 700;
	font-size: 13px;
}

.phoenix-b2b-panel .pb2b-cart-line-sku {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	max-width: 100%;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--pb2b-bg-4, #eef1f8);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-muted);
	font-size: 11.5px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-cart-line-sku-val {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.phoenix-b2b-panel .pb2b-cart-line-remove {
	min-width: 38px;
	min-height: 38px;
}
.phoenix-b2b-panel .pb2b-cart-line-remove svg { width: 18px; height: 18px; }

.phoenix-b2b-panel .pb2b-checkout-issues.pb2b-issues-soft {
	background: var(--pb2b-card-soft);
	border-color: var(--pb2b-border);
}

.phoenix-b2b-panel .pb2b-checkout-issues-list + .pb2b-checkout-issues-list {
	margin-top: 8px;
}

.phoenix-b2b-panel .pb2b-checkout-issue {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	flex-wrap: nowrap;
	padding: 12px 14px;
	background: var(--pb2b-card);
	border: 1px solid var(--pb2b-border);
	border-left: 3px solid var(--pb2b-border-strong);
	border-radius: var(--pb2b-radius-sm, 10px);
}

.phoenix-b2b-panel .pb2b-checkout-issue.pb2b-issue-blocking { border-left-color: var(--pb2b-danger, #EF4444); }
.phoenix-b2b-panel .pb2b-checkout-issue.pb2b-issue-quote_required { border-left-color: var(--pb2b-primary, #7C3AED); }
.phoenix-b2b-panel .pb2b-checkout-issue.pb2b-issue-fixable_qty { border-left-color: var(--pb2b-warning, #F59E0B); }
.phoenix-b2b-panel .pb2b-checkout-issue.pb2b-issue-warning { border-left-color: var(--pb2b-text-dim, #64748B); }

.phoenix-b2b-panel .pb2b-issue-media {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--pb2b-bg-4, #eef1f8);
}
.phoenix-b2b-panel .pb2b-issue-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.phoenix-b2b-panel .pb2b-issue-media-empty {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px dashed var(--pb2b-border);
	border-radius: 10px;
}

.phoenix-b2b-panel .pb2b-issue-info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.phoenix-b2b-panel .pb2b-issue-top {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.phoenix-b2b-panel .pb2b-checkout-issue-name {
	font-weight: 700;
	color: var(--pb2b-text);
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.phoenix-b2b-panel .pb2b-checkout-issue-msg {
	font-size: 13px;
	color: var(--pb2b-text-muted);
	line-height: 1.45;
}

.phoenix-b2b-panel .pb2b-issue-tag {
	display: inline-flex;
	align-items: center;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 10.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .03em;
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-card-soft);
	color: var(--pb2b-text-soft);
	white-space: nowrap;
	flex: 0 0 auto;
}
.phoenix-b2b-panel .pb2b-issue-tag-blocking {
	background: rgba(239, 68, 68, 0.12);
	border-color: rgba(239, 68, 68, 0.34);
	color: var(--pb2b-danger-ink, #DC2626);
}
.phoenix-b2b-panel .pb2b-issue-tag-quote_required {
	background: rgba(124, 58, 237, 0.12);
	border-color: rgba(124, 58, 237, 0.34);
	color: var(--pb2b-primary-2, #A855F7);
}
.phoenix-b2b-panel .pb2b-issue-tag-fixable_qty {
	background: rgba(245, 158, 11, 0.14);
	border-color: rgba(245, 158, 11, 0.34);
	color: var(--pb2b-warning-ink, #B45309);
}

.phoenix-b2b-panel .pb2b-issue-sku {
	align-self: flex-start;
	max-width: 100%;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--pb2b-bg-4, #eef1f8);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-muted);
	font-size: 11px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-issue-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin-top: 2px;
}
.phoenix-b2b-panel .pb2b-issue-act {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--pb2b-primary-2, #A855F7);
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	line-height: 1.3;
}
.phoenix-b2b-panel .pb2b-issue-act:hover { text-decoration: underline; }
.phoenix-b2b-panel .pb2b-issue-act-remove { color: var(--pb2b-danger-ink, #DC2626); }
.phoenix-b2b-panel .pb2b-issue-act-quote { color: var(--pb2b-primary-2, #A855F7); }

@media (max-width: 480px) {
	.phoenix-b2b-panel .pb2b-issue-media { width: 42px; height: 42px; }
	.phoenix-b2b-panel .pb2b-checkout-issue { padding: 12px; gap: 10px; }
}

.phoenix-b2b-panel .pb2b-checkout-admnote {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: var(--pb2b-radius-sm, 10px);
	background: rgba(56, 189, 248, 0.10);
	border: 1px solid rgba(56, 189, 248, 0.34);
	color: var(--pb2b-text);
	font-size: 13px;
	line-height: 1.45;
}
.phoenix-b2b-panel .pb2b-checkout-admnote-ico { flex: 0 0 auto; color: #0EA5E9; margin-top: 1px; }

.phoenix-b2b-panel .pb2b-checkout-woo-block {
	margin: 0 0 16px;
	padding: 16px;
	background: rgba(239, 68, 68, 0.08);
	border: 1px solid rgba(239, 68, 68, 0.30);
	border-radius: var(--pb2b-radius, 14px);
}
.phoenix-b2b-panel .pb2b-checkout-woo-block-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 8px; }
.phoenix-b2b-panel .pb2b-checkout-woo-block-ico { flex: 0 0 auto; color: var(--pb2b-danger-ink, #DC2626); }
.phoenix-b2b-panel .pb2b-checkout-woo-block-head h4 { margin: 0 0 2px; font-size: 15px; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-checkout-woo-block-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.phoenix-b2b-panel .pb2b-checkout-woo-block .woocommerce-error { margin: 0; }

.phoenix-b2b-panel .pb2b-card-price-na,
.phoenix-b2b-panel .pb2b-qo-price-na {
	font-weight: 600;
}

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-issue {
	background: #fff;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-issue-name,
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-checkout-woo-block-head h4 {
	color: var(--pb2b-text);
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-issue-tag-blocking { color: #B91C1C; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-issue-tag-fixable_qty { color: #B45309; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-issue-act-remove { color: #B91C1C; }
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-cart-line-quote { color: #6D28D9 !important; }

.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-user-avatar {
	color: #6D28D9;
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(168, 85, 247, 0.12));
}

.phoenix-b2b-panel .pb2b-app-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}
@media (max-width: 600px) {
	.phoenix-b2b-panel .pb2b-app-footer-links { gap: 8px 14px; }
}

@media (max-width: 1199.98px) {
	.phoenix-b2b-panel .pb2b-app-content { padding-bottom: 8px; }
}
/* === panel-v3-1.css === */
.phoenix-b2b-panel .pb2b-account { position: relative; flex: 0 0 auto; }

.phoenix-b2b-panel .pb2b-account-toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 4px 6px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 999px;
	cursor: pointer;
	color: var(--pb2b-text);
	transition: background .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-account-toggle:hover { background: var(--pb2b-bg-3); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-account-toggle:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }

.phoenix-b2b-panel .pb2b-user-avatar {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--pb2b-accent-grad);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .2px;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: 0 4px 12px rgba(124, 58, 237, 0.28);
}

.phoenix-b2b-panel .pb2b-account-id {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.15;
	text-align: left;
}
.phoenix-b2b-panel .pb2b-account-id .pb2b-greeting { font-size: 11px; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-account-id .pb2b-greeting-name { font-size: 13px; font-weight: 700; color: var(--pb2b-text); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-account-caret { color: var(--pb2b-text-muted); transition: transform .18s ease; flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-account.is-open .pb2b-account-caret { transform: rotate(180deg); }

.phoenix-b2b-panel .pb2b-account-menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 1000;
	min-width: 264px;
	max-width: calc(100vw - 24px);
	padding: 10px;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	box-shadow: var(--pb2b-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.phoenix-b2b-panel .pb2b-account.is-open .pb2b-account-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.phoenix-b2b-panel .pb2b-account-head {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 8px 8px 12px;
	border-bottom: 1px solid var(--pb2b-border);
	margin-bottom: 8px;
}
.phoenix-b2b-panel .pb2b-account-avatar-lg {
	width: 44px; height: 44px; flex: 0 0 44px;
	border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-accent-grad); color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase;
}
.phoenix-b2b-panel .pb2b-account-head-text { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.phoenix-b2b-panel .pb2b-account-head-name { font-size: 14px; color: var(--pb2b-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-account-head-company { font-size: 12px; color: var(--pb2b-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-account-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--pb2b-success-ink); font-weight: 600; margin-top: 2px; }
.phoenix-b2b-panel .pb2b-account-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pb2b-success); box-shadow: 0 0 0 3px var(--pb2b-success-soft); }

.phoenix-b2b-panel .pb2b-account-links { display: flex; flex-direction: column; }
.phoenix-b2b-panel .pb2b-account-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 10px;
	border-radius: var(--pb2b-radius-sm);
	color: var(--pb2b-text-soft);
	text-decoration: none;
	font-size: 14px;
	transition: background .12s ease, color .12s ease;
}
.phoenix-b2b-panel .pb2b-account-link:hover { background: var(--pb2b-bg-3); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-account-link-ico { width: 18px; height: 18px; display: inline-flex; color: var(--pb2b-text-muted); flex: 0 0 18px; }
.phoenix-b2b-panel .pb2b-account-link-ico svg { width: 18px; height: 18px; }
.phoenix-b2b-panel .pb2b-account-link:hover .pb2b-account-link-ico { color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-account-logout { margin-top: 6px; border-top: 1px solid var(--pb2b-border); padding-top: 12px; color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-account-logout .pb2b-account-link-ico { color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-account-logout:hover { background: var(--pb2b-danger-soft); color: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-sidebar-close {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 14px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-sidebar-close:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-sidebar-close:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 20px; height: 20px; display: block; stroke: currentColor; }

.phoenix-b2b-panel .pb2b-sidebar-close:empty::before { content: "\00d7"; font-size: 24px; line-height: 1; color: currentColor; }

.phoenix-b2b-panel .pb2b-topbar-cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	text-decoration: none;
	position: relative;
	transition: background .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-cart:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-topbar-cart-ico { width: 20px; height: 20px; display: inline-flex; color: var(--pb2b-primary-2); flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-topbar-cart-ico svg { width: 20px; height: 20px; }
.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; flex-direction: column; line-height: 1.1; align-items: flex-start; }
.phoenix-b2b-panel .pb2b-topbar-cart-count { font-weight: 700; font-size: 13px; color: var(--pb2b-text); white-space: nowrap; }
.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 11px; color: var(--pb2b-text-muted); white-space: nowrap; }
.phoenix-b2b-panel .pb2b-topbar-cart-total * { color: inherit; font-size: inherit; }

.phoenix-b2b-panel .pb2b-topbar-cart-badge {
	position: absolute;
	top: -4px; left: 22px;
	min-width: 18px; height: 18px; padding: 0 5px;
	border-radius: 999px;
	background: var(--pb2b-primary);
	color: #fff; font-size: 11px; font-weight: 700;
	display: inline-flex; align-items: center; justify-content: center;
	border: 2px solid var(--pb2b-bg-2);
}
.phoenix-b2b-panel .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge { display: none; }

@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: none; }
}

@media (max-width: 1199px) {

	.phoenix-b2b-panel .pb2b-sidebar-close { display: inline-flex; }
}

@media (max-width: 767px) {

	.phoenix-b2b-panel .pb2b-topbar-title { min-width: 0; flex: 1 1 auto; }
	.phoenix-b2b-panel .pb2b-topbar-h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.phoenix-b2b-panel .pb2b-topbar-cart { padding: 6px 10px; gap: 6px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { display: block; font-size: 12px; font-weight: 600; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: inline-flex; }

	.phoenix-b2b-panel .pb2b-account-menu {
		position: fixed;
		top: calc(var(--pb2b-app-header-h, 64px) + 6px);
		right: 12px;
		left: auto;
		min-width: 240px;
		max-width: calc(100vw - 24px);
	}

	.phoenix-b2b-panel .pb2b-cart-line-head { display: none; }

	.phoenix-b2b-panel .pb2b-cart-line {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 10px 12px;
		width: 100%;
		padding: 16px;
		position: relative;
		background: var(--pb2b-bg-2);
		border: 1px solid var(--pb2b-border);
		border-radius: var(--pb2b-radius);
		box-shadow: var(--pb2b-shadow-sm);
	}
	.phoenix-b2b-panel .pb2b-cart-line + .pb2b-cart-line { margin-top: 12px; }

	.phoenix-b2b-panel .pb2b-cart-line-media { flex: 0 0 64px; }
	.phoenix-b2b-panel .pb2b-cart-line-thumb { width: 64px; height: 64px; border-radius: 12px; overflow: hidden; display: block; background: var(--pb2b-bg-3); }
	.phoenix-b2b-panel .pb2b-cart-line-thumb img { width: 100%; height: 100%; object-fit: cover; }
	.phoenix-b2b-panel .pb2b-cart-line-thumb-empty { width: 64px; height: 64px; border-radius: 12px; background: var(--pb2b-bg-3); display: block; }

	.phoenix-b2b-panel .pb2b-cart-line-main { flex: 1 1 0; min-width: 0; padding-right: 4px; }
	.phoenix-b2b-panel .pb2b-cart-line-title {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-weight: 600;
		line-height: 1.3;
		color: var(--pb2b-text);
		text-decoration: none;
	}

	.phoenix-b2b-panel .pb2b-cart-line-sku {
		display: inline-block;
		max-width: 100%;
		margin-top: 6px;
		padding: 2px 8px;
		border-radius: 999px;
		background: var(--pb2b-bg-3);
		color: var(--pb2b-text-muted);
		font-size: 11px;
		line-height: 1.5;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: bottom;
	}
	.phoenix-b2b-panel .pb2b-cart-line-sku-val { font-weight: 600; }

	.phoenix-b2b-panel .pb2b-cart-line-remove {
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		border-radius: 12px;
		background: transparent;
		border: 1px solid var(--pb2b-border);
		color: var(--pb2b-text-muted);
		cursor: pointer;
		transition: color .15s ease, border-color .15s ease, background .15s ease;
	}
	.phoenix-b2b-panel .pb2b-cart-line-remove svg { width: 18px; height: 18px; display: block; }
	.phoenix-b2b-panel .pb2b-cart-line-remove:hover { color: var(--pb2b-danger); border-color: var(--pb2b-danger); background: var(--pb2b-danger-soft); }

	.phoenix-b2b-panel .pb2b-cart-line-price {
		flex: 1 1 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin: 0;
		padding-top: 10px;
		border-top: 1px solid var(--pb2b-border);
	}

	.phoenix-b2b-panel .pb2b-cart-line-qty {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0;
	}
	.phoenix-b2b-panel .pb2b-cart-line-value {
		flex: 1 1 auto;
		display: flex;
		align-items: baseline;
		justify-content: flex-end;
		gap: 6px;
		margin: 0 0 0 auto;
		text-align: right;
		min-width: 0;
	}

	.phoenix-b2b-panel .pb2b-cart-line-lbl {
		display: inline;
		white-space: nowrap;
		word-break: normal;
		text-transform: none;
		letter-spacing: 0;
		font-size: 12px;
		font-weight: 500;
		color: var(--pb2b-text-muted);
		width: auto;
	}
	.phoenix-b2b-panel .pb2b-cart-line-qty .pb2b-cart-line-lbl { display: none; }

	.phoenix-b2b-panel .pb2b-cart-line-price-val { white-space: nowrap; font-weight: 600; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-cart-line-value strong { white-space: nowrap; font-weight: 700; color: var(--pb2b-text); font-size: 15px; }
	.phoenix-b2b-panel .pb2b-cart-line-quote { color: var(--pb2b-warning-ink); font-weight: 600; white-space: nowrap; }

	.phoenix-b2b-panel .pb2b-cart-line-qty .pb2b-stepper { display: inline-flex; align-items: center; }
}

@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-cart-line-price .pb2b-cart-line-lbl,
	.phoenix-b2b-panel .pb2b-cart-line-qty .pb2b-cart-line-lbl,
	.phoenix-b2b-panel .pb2b-cart-line-value .pb2b-cart-line-lbl { display: none; }
	.phoenix-b2b-panel .pb2b-cart-line-remove { display: inline-flex; }
	.phoenix-b2b-panel .pb2b-cart-line-value strong { white-space: nowrap; }
}

.phoenix-b2b-panel .pb2b-checkout-issues {
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	padding: 16px;
	margin-bottom: 16px;
}
.phoenix-b2b-panel .pb2b-checkout-issues-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.phoenix-b2b-panel .pb2b-checkout-issues-ico { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--pb2b-danger-soft); color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-checkout-issues.pb2b-issues-soft .pb2b-checkout-issues-ico { background: var(--pb2b-warning-soft); color: var(--pb2b-warning-ink); }
.phoenix-b2b-panel .pb2b-checkout-issues-head h4 { margin: 0 0 2px; font-size: 15px; color: var(--pb2b-text); }

.phoenix-b2b-panel .pb2b-checkout-issues-list { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.phoenix-b2b-panel .pb2b-checkout-issue {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 12px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
}
.phoenix-b2b-panel .pb2b-issue-media { width: 52px; height: 52px; flex: 0 0 52px; border-radius: 10px; overflow: hidden; background: var(--pb2b-bg-4); display: inline-flex; }
.phoenix-b2b-panel .pb2b-issue-media img { width: 100%; height: 100%; object-fit: cover; }
.phoenix-b2b-panel .pb2b-issue-media-empty { width: 100%; height: 100%; background: var(--pb2b-bg-4); }
.phoenix-b2b-panel .pb2b-issue-info { flex: 1 1 0; min-width: 0; }
.phoenix-b2b-panel .pb2b-issue-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-checkout-issue-name { font-weight: 600; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-issue-sku { display: block; font-size: 11px; color: var(--pb2b-text-muted); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.phoenix-b2b-panel .pb2b-checkout-issue-msg { display: block; font-size: 13px; color: var(--pb2b-text-soft); margin-top: 4px; }

.phoenix-b2b-panel .pb2b-issue-tag { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.phoenix-b2b-panel .pb2b-issue-tag-blocking { background: var(--pb2b-danger-soft); color: var(--pb2b-danger-ink); }
.phoenix-b2b-panel .pb2b-issue-tag-quote_required { background: var(--pb2b-info-soft); color: var(--pb2b-blue); }
.phoenix-b2b-panel .pb2b-issue-tag-fixable_qty { background: var(--pb2b-warning-soft); color: var(--pb2b-warning-ink); }
.phoenix-b2b-panel .pb2b-issue-tag-warning { background: var(--pb2b-warning-soft); color: var(--pb2b-warning-ink); }

.phoenix-b2b-panel .pb2b-issue-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.phoenix-b2b-panel .pb2b-issue-act {
	display: inline-flex; align-items: center;
	padding: 6px 10px;
	border-radius: var(--pb2b-radius-sm);
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-bg-2);
	color: var(--pb2b-text-soft);
	font-size: 12px; font-weight: 600; text-decoration: none; cursor: pointer;
	transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.phoenix-b2b-panel .pb2b-issue-act:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-issue-act-remove { color: var(--pb2b-danger); border-color: var(--pb2b-danger-soft); }
.phoenix-b2b-panel .pb2b-issue-act-remove:hover { background: var(--pb2b-danger-soft); color: var(--pb2b-danger); border-color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-issue-act-quote { color: var(--pb2b-blue); border-color: var(--pb2b-info-soft); }
.phoenix-b2b-panel .pb2b-issue-act-quote:hover { background: var(--pb2b-info-soft); }

.phoenix-b2b-panel .pb2b-checkout-issues-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.phoenix-b2b-panel .pb2b-checkout-woo-block {
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-left: 3px solid var(--pb2b-danger);
	border-radius: var(--pb2b-radius);
	padding: 16px;
}
.phoenix-b2b-panel .pb2b-checkout-woo-block-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
.phoenix-b2b-panel .pb2b-checkout-woo-block-ico { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--pb2b-danger-soft); color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-checkout-woo-block-head h4 { margin: 0 0 2px; font-size: 15px; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-checkout-woo-block-notices .woocommerce-error,
.phoenix-b2b-panel .pb2b-checkout-woo-block-notices .woocommerce-message,
.phoenix-b2b-panel .pb2b-checkout-woo-block-notices .woocommerce-info {
	list-style: none; margin: 0 0 8px; padding: 10px 12px;
	border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-3); color: var(--pb2b-text); border: 1px solid var(--pb2b-border);
	font-size: 13px;
}
.phoenix-b2b-panel .pb2b-checkout-woo-block-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-topbar,
	.phoenix-b2b-panel .pb2b-app-header {
		min-height: 64px;
		padding: 0 16px;
		gap: 10px;
		overflow: visible;
	}
	.phoenix-b2b-panel .pb2b-burger { width: 42px; height: 42px; flex: 0 0 42px; }
	.phoenix-b2b-panel .pb2b-topbar-title { flex: 1 1 auto; min-width: 0; }
	.phoenix-b2b-panel .pb2b-topbar-h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.phoenix-b2b-panel .pb2b-topbar-right { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }

	.phoenix-b2b-panel .pb2b-account { display: none; }

	.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip.pb2b-hide-mobile { display: none; }
}

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-account { display: inline-flex; position: relative; }
}

.phoenix-b2b-panel .pb2b-side-account {
	margin: 0 12px 8px;
	padding: 14px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
}
.phoenix-b2b-panel .pb2b-side-account-top { display: flex; gap: 12px; align-items: center; }
.phoenix-b2b-panel .pb2b-side-account-avatar {
	width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast);
	font-weight: 700; font-size: 16px; line-height: 1; text-transform: uppercase;
}
.phoenix-b2b-panel .pb2b-side-account-id { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.phoenix-b2b-panel .pb2b-side-account-name { font-size: 14px; color: var(--pb2b-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-side-account-company { font-size: 12px; color: var(--pb2b-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-side-account-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--pb2b-success-ink); margin-top: 2px; }
.phoenix-b2b-panel .pb2b-side-account-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pb2b-success); box-shadow: 0 0 0 3px var(--pb2b-success-soft); flex: 0 0 7px; }
.phoenix-b2b-panel .pb2b-side-account-actions { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-side-account-link {
	display: flex; align-items: center; gap: 10px; padding: 8px;
	border-radius: var(--pb2b-radius-sm); color: var(--pb2b-text-soft);
	text-decoration: none; font-size: 13px; font-weight: 500;
	transition: background .12s ease, color .12s ease;
}
.phoenix-b2b-panel .pb2b-side-account-link:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-side-account-link-ico { width: 16px; height: 16px; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-side-account-link-ico svg { width: 16px; height: 16px; }
.phoenix-b2b-panel .pb2b-side-account-link:hover .pb2b-side-account-link-ico { color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-side-account-logout { color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-side-account-logout .pb2b-side-account-link-ico { color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-side-account-logout:hover { background: var(--pb2b-danger-soft); color: var(--pb2b-danger); }

@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { flex-direction: row; align-items: baseline; gap: 5px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count { font-size: 13px; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-topbar-cart-count::after { content: " poz."; font-weight: 600; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 13px; font-weight: 600; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-topbar-cart-total::before { content: "·"; margin-right: 5px; color: var(--pb2b-text-dim); font-weight: 700; }
}

@media (max-width: 360px) {
	.phoenix-b2b-panel .pb2b-topbar-cart { padding: 6px 8px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { display: none; }
}

.phoenix-b2b-panel .pb2b-card-grid,
.phoenix-b2b-panel .pb2b-card {
	--card-bg: var(--pb2b-bg-2);
	--card-border: var(--pb2b-border);
	--card-media-bg: var(--pb2b-bg-3);
	--card-ink: var(--pb2b-text);
	--card-muted: var(--pb2b-text-muted);
	--card-primary: var(--pb2b-primary);
	--card-primary-2: var(--pb2b-primary-hover);
	--card-shadow: var(--pb2b-shadow-sm);
	--card-shadow-hover: var(--pb2b-shadow);
}
.phoenix-b2b-panel .pb2b-card { color: var(--pb2b-text); }

.phoenix-b2b-panel .pb2b-card-btn-cart { background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-card-btn-cart:hover,
.phoenix-b2b-panel .pb2b-card-btn-cart:focus { color: var(--pb2b-primary-contrast); }

.phoenix-b2b-panel .pb2b-card-btn-login { background: var(--pb2b-bg-2); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-login:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-card-btn-view { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-btn-view:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-card-btn-options { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary-soft); }
.phoenix-b2b-panel .pb2b-card-btn-options:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-card-btn-qv { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-btn-qv:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-card-price-na { color: var(--pb2b-primary-strong); background: var(--pb2b-primary-soft); }
.phoenix-b2b-panel .pb2b-card-price-locked { color: var(--pb2b-primary-strong); background: var(--pb2b-primary-soft); border-color: var(--pb2b-primary-soft); }

.phoenix-b2b-panel .pb2b-card-calc { background: var(--pb2b-bg-3); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-calc-label { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-card-calc-field { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-calc-cur { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-card-calc-profit { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-card-calc-profit strong { color: var(--pb2b-success-strong); }
.phoenix-b2b-panel .pb2b-card-calc-pill { background: var(--pb2b-success-soft); color: var(--pb2b-success-strong); }
.phoenix-b2b-panel .pb2b-card-calc.is-neg .pb2b-card-calc-profit strong { color: var(--pb2b-danger-strong); }
.phoenix-b2b-panel .pb2b-card-calc.is-neg .pb2b-card-calc-pill { background: var(--pb2b-danger-soft); color: var(--pb2b-danger-strong); }

.phoenix-b2b-panel .pb2b-app-button-primary { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-app-button-primary:hover { color: var(--pb2b-primary-contrast); }
/* === panel-v3-3.css === */
.phoenix-b2b-panel {
	--pb2b-header-h:        70px;
	--pb2b-bottomnav-h:     62px;
	--pb2b-safe-top:        env(safe-area-inset-top, 0px);
	--pb2b-safe-bottom:     env(safe-area-inset-bottom, 0px);
	--pb2b-safe-left:       env(safe-area-inset-left, 0px);
	--pb2b-safe-right:      env(safe-area-inset-right, 0px);
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel { --pb2b-header-h: 72px; }
}

.phoenix-b2b-panel .pb2b-topbar,
.phoenix-b2b-panel .pb2b-app-header {
	position: sticky;
	top: 0;
	z-index: 30;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: calc(var(--pb2b-header-h) + var(--pb2b-safe-top));

	padding-top: var(--pb2b-safe-top);
	padding-right: max(var(--pb2b-page-x), var(--pb2b-safe-right));
	padding-bottom: 0;
	padding-left: max(var(--pb2b-page-x), var(--pb2b-safe-left));
	background: var(--pb2b-bg-1);
	border-bottom: 1px solid var(--pb2b-border);
	box-shadow: var(--pb2b-shadow-sm);
	-webkit-backdrop-filter: saturate(150%) blur(10px);
	backdrop-filter: saturate(150%) blur(10px);
	overflow: visible;
}

@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
	.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-topbar,
	.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-app-header {
		background: color-mix(in srgb, var(--pb2b-bg-1) 86%, transparent);
	}
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-topbar,
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-app-header {
		background: color-mix(in srgb, var(--pb2b-bg-1) 82%, transparent);
	}
}

body.admin-bar .phoenix-b2b-panel .pb2b-topbar,
body.admin-bar .phoenix-b2b-panel .pb2b-app-header { top: 46px; }
@media (min-width: 783px) {
	body.admin-bar .phoenix-b2b-panel .pb2b-topbar,
	body.admin-bar .phoenix-b2b-panel .pb2b-app-header { top: 32px; }
}

.phoenix-b2b-panel .pb2b-burger {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 12px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, transform .08s ease;
}
.phoenix-b2b-panel .pb2b-burger:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-burger:active { transform: scale(.96); }
.phoenix-b2b-panel .pb2b-burger:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-burger svg { width: 22px; height: 22px; display: block; stroke: currentColor; }

.phoenix-b2b-panel .pb2b-topbar-title {
	flex: 1 1 auto;
	min-width: 0;
}
.phoenix-b2b-panel .pb2b-topbar-h1 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--pb2b-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.phoenix-b2b-panel .pb2b-topbar-sub {
	margin: 1px 0 0;
	font-size: 12px;
	color: var(--pb2b-text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.phoenix-b2b-panel .pb2b-topbar-right {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
	flex-wrap: nowrap;
}
.phoenix-b2b-panel .pb2b-topbar-right > * { flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-theme-toggle { order: 1; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-topbar-bell  { order: 2; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-topbar-cart  { order: 3; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-account      { order: 4; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip         { order: 0; }

.phoenix-b2b-panel .pb2b-topbar-bell {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	position: relative;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-soft);
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-bell:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-topbar-bell:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }

.phoenix-b2b-panel .pb2b-topbar-right .pb2b-theme-toggle,
.phoenix-b2b-panel .pb2b-topbar .pb2b-theme-toggle {
	flex: 0 0 auto;
	width: auto;
	min-height: 40px;
	padding: 7px 8px;
	align-items: center;
	border-color: transparent;
	background: transparent;
}
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-theme-toggle .pb2b-theme-toggle-text,
.phoenix-b2b-panel .pb2b-topbar .pb2b-theme-toggle .pb2b-theme-toggle-text { display: none; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-theme-toggle:hover,
.phoenix-b2b-panel .pb2b-topbar .pb2b-theme-toggle:hover { background: transparent; border-color: transparent; }
.phoenix-b2b-panel .pb2b-topbar-right .pb2b-theme-toggle:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); border-radius: 999px; }

.phoenix-b2b-panel .pb2b-topbar-bell svg { width: 19px; height: 19px; }
.phoenix-b2b-panel .pb2b-topbar-bell-dot {
	position: absolute; top: -3px; right: -3px;
	min-width: 17px; height: 17px; padding: 0 4px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: var(--pb2b-danger); color: #fff;
	font-size: 10px; font-weight: 700; line-height: 1;
	border: 2px solid var(--pb2b-bg-1);
	box-sizing: border-box;
}

.phoenix-b2b-panel .pb2b-topbar-cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	text-decoration: none;
	position: relative;
	transition: background .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-cart:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-topbar-cart:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-topbar-cart.has-items { border-color: color-mix(in srgb, var(--pb2b-primary) 45%, var(--pb2b-border)); }
.phoenix-b2b-panel .pb2b-topbar-cart-ico { width: 20px; height: 20px; flex: 0 0 20px; display: inline-flex; color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-topbar-cart-ico svg { width: 20px; height: 20px; }
.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; flex-direction: column; line-height: 1.12; align-items: flex-start; min-width: 0; }
.phoenix-b2b-panel .pb2b-topbar-cart-count { font-weight: 700; font-size: 13px; color: var(--pb2b-text); white-space: nowrap; }
.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 12px; color: var(--pb2b-text-muted); white-space: nowrap; }
.phoenix-b2b-panel .pb2b-topbar-cart-total:empty { display: none; }
.phoenix-b2b-panel .pb2b-topbar-cart-total * { color: inherit; font-size: inherit; }

.phoenix-b2b-panel .pb2b-topbar-cart-badge {
	position: absolute;
	top: -5px; left: 24px;
	min-width: 18px; height: 18px; padding: 0 5px;
	border-radius: 999px;
	background: var(--pb2b-primary);
	color: #fff; font-size: 11px; font-weight: 700; line-height: 1;
	display: inline-flex; align-items: center; justify-content: center;
	border: 2px solid var(--pb2b-bg-1);
	box-sizing: border-box;
}
.phoenix-b2b-panel .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge { display: none; }

@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { flex-direction: row; align-items: baseline; gap: 5px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count { font-size: 13px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count::after { content: " poz."; font-weight: 600; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 13px; font-weight: 700; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-topbar-cart-total::before { content: "·"; margin-right: 5px; color: var(--pb2b-text-dim); font-weight: 700; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: none; }
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-topbar-cart { padding: 6px 10px; gap: 6px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { display: block; font-size: 12px; font-weight: 700; color: var(--pb2b-text); }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: inline-flex; }
}

@media (max-width: 360px) {
	.phoenix-b2b-panel .pb2b-topbar-cart { padding: 0; width: 40px; height: 40px; justify-content: center; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { left: auto; right: -4px; top: -4px; }
	.phoenix-b2b-panel .pb2b-topbar-right { gap: 8px; }
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-burger { display: inline-flex; }

	.phoenix-b2b-panel .pb2b-account,
	.phoenix-b2b-panel .pb2b-user-chip,
	.phoenix-b2b-panel .pb2b-user-name,
	.phoenix-b2b-panel .pb2b-topbar-right .pb2b-account-toggle,
	.phoenix-b2b-panel .pb2b-topbar-right .pb2b-user-avatar { display: none; }

	.phoenix-b2b-panel .pb2b-topbar-right .pb2b-chip { display: none; }
}

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-account { display: inline-flex; }
	.phoenix-b2b-panel .pb2b-burger { display: none; }
}

.phoenix-b2b-panel .pb2b-bottom-nav {
	display: none;
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 30;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	align-items: stretch;
	gap: 2px;
	padding: 6px max(8px, var(--pb2b-safe-left)) calc(6px + var(--pb2b-safe-bottom)) max(8px, var(--pb2b-safe-right));
	background: var(--pb2b-bg-1);
	border-top: 1px solid var(--pb2b-border);
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.10);
}
@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
	.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-bottom-nav { background: color-mix(in srgb, var(--pb2b-bg-1) 88%, transparent); -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); }
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-bottom-nav { background: color-mix(in srgb, var(--pb2b-bg-1) 84%, transparent); -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); }
}

.phoenix-b2b-panel .pb2b-bottom-nav-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-height: var(--pb2b-bottomnav-h);
	padding: 6px 4px;
	border-radius: 14px;
	text-decoration: none;
	color: var(--pb2b-text-muted);
	-webkit-tap-highlight-color: transparent;
	transition: color .14s ease, background .14s ease, transform .08s ease;
}
.phoenix-b2b-panel .pb2b-bottom-nav-item:active { transform: scale(.95); }
.phoenix-b2b-panel .pb2b-bottom-nav-item:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-bottom-nav-ico { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; }
.phoenix-b2b-panel .pb2b-bottom-nav-ico svg { width: 23px; height: 23px; stroke: currentColor; }
.phoenix-b2b-panel .pb2b-bottom-nav-label {
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .1px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.phoenix-b2b-panel .pb2b-bottom-nav-item.is-active {
	color: var(--pb2b-primary-strong);
	background: var(--pb2b-primary-soft);
}
.phoenix-b2b-panel .pb2b-bottom-nav-item.is-active .pb2b-bottom-nav-ico { color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-bottom-nav-badge {
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(6px);
	min-width: 17px; height: 17px; padding: 0 4px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: var(--pb2b-primary);
	color: #fff; font-size: 10px; font-weight: 700; line-height: 1;
	border: 2px solid var(--pb2b-bg-1);
	box-sizing: border-box;
}
.phoenix-b2b-panel .pb2b-bottom-nav-badge-alert { background: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-bottom-nav-item.is-empty .pb2b-bottom-nav-badge { display: none; }

@media (max-width: 768px) {
	.phoenix-b2b-panel .pb2b-bottom-nav { display: grid; }
	.phoenix-b2b-panel .pb2b-main {
		padding-bottom: calc(var(--pb2b-bottomnav-h) + var(--pb2b-safe-bottom) + 14px);
	}

	.phoenix-b2b-panel .pb2b-cart-summary-inner { bottom: calc(var(--pb2b-bottomnav-h) + var(--pb2b-safe-bottom) + 8px); }

	.pb2b-app-toast-wrap { bottom: calc(var(--pb2b-bottomnav-h) + var(--pb2b-safe-bottom) + 12px) !important; }
}
@media (min-width: 769px) {
	.phoenix-b2b-panel .pb2b-bottom-nav { display: none; }
}

.phoenix-b2b-panel .pb2b-sidebar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.phoenix-b2b-panel .pb2b-sidebar-close {
	flex: 0 0 42px;
	width: 42px; height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 12px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-sidebar-close:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-sidebar-close:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 20px; height: 20px; display: block; stroke: currentColor; }

.phoenix-b2b-panel .pb2b-sidebar-close:empty::before { content: "\00d7"; font-size: 24px; line-height: 1; color: currentColor; }

@media (min-width: 1200px) { .phoenix-b2b-panel .pb2b-sidebar-close { display: none; } }
@media (max-width: 1199px) { .phoenix-b2b-panel .pb2b-sidebar-close { display: inline-flex; } }

.phoenix-b2b-panel .pb2b-side-account {
	margin: 0 12px 8px;
	padding: 14px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
}
.phoenix-b2b-panel .pb2b-side-account-top { display: flex; gap: 12px; align-items: center; }
.phoenix-b2b-panel .pb2b-side-account-avatar {
	width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast);
	font-weight: 700; font-size: 16px; line-height: 1; text-transform: uppercase;
}
.phoenix-b2b-panel .pb2b-side-account-id { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.phoenix-b2b-panel .pb2b-side-account-name { font-size: 14px; font-weight: 700; color: var(--pb2b-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-side-account-company { font-size: 12px; color: var(--pb2b-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-side-account-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--pb2b-success-ink); margin-top: 2px; }
.phoenix-b2b-panel .pb2b-side-account-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pb2b-success); box-shadow: 0 0 0 3px var(--pb2b-success-soft); flex: 0 0 7px; }
.phoenix-b2b-panel .pb2b-side-account-actions { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-side-account-link {
	display: flex; align-items: center; gap: 10px; padding: 9px 8px;
	border-radius: var(--pb2b-radius-sm); color: var(--pb2b-text-soft);
	text-decoration: none; font-size: 13px; font-weight: 600;
	transition: background .12s ease, color .12s ease;
}
.phoenix-b2b-panel .pb2b-side-account-link:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-side-account-link:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-side-account-link-ico { width: 16px; height: 16px; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-side-account-link-ico svg { width: 16px; height: 16px; }
.phoenix-b2b-panel .pb2b-side-account-link:hover .pb2b-side-account-link-ico { color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-side-account-logout { color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-side-account-logout .pb2b-side-account-link-ico { color: var(--pb2b-danger); }
.phoenix-b2b-panel .pb2b-side-account-logout:hover { background: var(--pb2b-danger-soft); color: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-card-grid,
.phoenix-b2b-panel .pb2b-card {
	--card-bg: var(--pb2b-bg-2);
	--card-border: var(--pb2b-border);
	--card-media-bg: var(--pb2b-bg-3);
	--card-ink: var(--pb2b-text);
	--card-muted: var(--pb2b-text-muted);
	--card-primary: var(--pb2b-primary);
	--card-primary-2: var(--pb2b-primary-hover);
	--card-shadow: var(--pb2b-shadow-sm);
	--card-shadow-hover: var(--pb2b-shadow);
}
.phoenix-b2b-panel .pb2b-card { color: var(--pb2b-text); background: var(--pb2b-bg-2); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-title,
.phoenix-b2b-panel .pb2b-card-name { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-card-sku,
.phoenix-b2b-panel .pb2b-card-meta { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-card-btn-cart { background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); border-color: transparent; }
.phoenix-b2b-panel .pb2b-card-btn-cart:hover,
.phoenix-b2b-panel .pb2b-card-btn-cart:focus { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-card-btn-view { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-btn-view:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-options { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary-soft); }
.phoenix-b2b-panel .pb2b-card-btn-options:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-qv { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-btn-qv:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-login { background: var(--pb2b-bg-2); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-login:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-card-price-na,
.phoenix-b2b-panel .pb2b-card-price-locked { color: var(--pb2b-primary-strong); background: var(--pb2b-primary-soft); border-color: var(--pb2b-primary-soft); }

.phoenix-b2b-panel .pb2b-shop-card { background: var(--pb2b-bg-2); border-color: var(--pb2b-border); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-shop-card-title,
.phoenix-b2b-panel .pb2b-shop-card-title a { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-shop-card-desc { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-shop-badge { background: var(--pb2b-bg-3); color: var(--pb2b-text-muted); border: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-shop-btn { border-radius: var(--pb2b-radius-sm); font-weight: 600; }
.phoenix-b2b-panel .pb2b-shop-btn-primary { background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); border-color: transparent; }
.phoenix-b2b-panel .pb2b-shop-btn-primary:hover,
.phoenix-b2b-panel .pb2b-shop-btn-primary:focus { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-shop-btn-ghost { background: var(--pb2b-bg-2); color: var(--pb2b-text); border: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-shop-btn-ghost:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-app-button-primary { background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); border-color: transparent; }
.phoenix-b2b-panel .pb2b-app-button-primary:hover,
.phoenix-b2b-panel .pb2b-app-button-primary:focus { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-app-button-ghost,
.phoenix-b2b-panel .pb2b-app-button-link { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-app-button-ghost { background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-app-button-ghost:hover { background: var(--pb2b-bg-3); color: var(--pb2b-text); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-app-button-link:hover { color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-app-badge { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); }

.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-topbar-bell-dot,
.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-topbar-cart-badge,
.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-bottom-nav-badge { border-color: var(--pb2b-bg-1); }

.phoenix-b2b-panel .pb2b-content,
.phoenix-b2b-panel .pb2b-app-content {
	width: 100%;
	max-width: var(--pb2b-content-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: max(var(--pb2b-page-x), var(--pb2b-safe-left));
	padding-right: max(var(--pb2b-page-x), var(--pb2b-safe-right));
	padding-top: var(--pb2b-section-gap);
	display: flex;
	flex-direction: column;
	gap: var(--pb2b-section-gap);
	overflow-x: clip;
}

.phoenix-b2b-panel .pb2b-app-card { width: 100%; }

.phoenix-b2b-panel.pb2b-app { overflow-x: clip; max-width: 100vw; }
.phoenix-b2b-panel .pb2b-main { min-width: 0; }
.phoenix-b2b-panel img,
.phoenix-b2b-panel table,
.phoenix-b2b-panel video { max-width: 100%; }

@media (prefers-reduced-motion: reduce) {
	.phoenix-b2b-panel .pb2b-burger,
	.phoenix-b2b-panel .pb2b-topbar-cart,
	.phoenix-b2b-panel .pb2b-bottom-nav-item,
	.phoenix-b2b-panel .pb2b-side-account-link,
	.phoenix-b2b-panel .pb2b-sidebar-close,
	.phoenix-b2b-panel .pb2b-topbar-bell { transition: none; }
}
/* === panel-v3-4.css === */
.phoenix-b2b-panel .pb2b-nav-group {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.phoenix-b2b-panel .pb2b-nav-group + .pb2b-nav-group {
	margin-top: 16px;
}

.phoenix-b2b-panel .pb2b-nav-group-pinned {
	margin-bottom: 4px;
}

.phoenix-b2b-panel .pb2b-nav-group-title {
	margin: 0 0 6px;
	padding: 0 12px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pb2b-text-dim);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	user-select: none;
}

.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-nav-item.is-active,
.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-nav-item.is-active .pb2b-nav-label {
	color: var(--pb2b-primary-strong);
}
.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-nav-item.is-active {
	background: var(--pb2b-primary-soft);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pb2b-primary) 28%, transparent);
}
.phoenix-b2b-panel:not([data-pb2b-theme="dark"]) .pb2b-nav-item.is-active .pb2b-nav-icon {
	color: var(--pb2b-primary);
}

.phoenix-b2b-panel .pb2b-app-section-heading {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	flex: 1 1 auto;
}
.phoenix-b2b-panel .pb2b-app-section-sub {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.4;
	font-weight: 400;
	color: var(--pb2b-text-muted);
}

.phoenix-b2b-panel .pb2b-app-section-header:has(.pb2b-app-section-sub) {
	align-items: flex-start;
}
.phoenix-b2b-panel .pb2b-app-section-header > .pb2b-app-button,
.phoenix-b2b-panel .pb2b-app-section-header > .pb2b-app-badge {
	flex: 0 0 auto;
	align-self: center;
}

.phoenix-b2b-panel .pb2b-app-section-heading .pb2b-app-section-title {
	font-size: 15px;
	font-weight: 700;
}

.phoenix-b2b-panel .pb2b-section-header-tight {
	padding-top: 16px;
	padding-bottom: 14px;
}

@media (max-width: 600px) {
	.phoenix-b2b-panel .pb2b-app-section-header { flex-wrap: wrap; }
	.phoenix-b2b-panel .pb2b-app-section-header > .pb2b-app-button { align-self: flex-start; }
}

.phoenix-b2b-panel .pb2b-section-intro {
	margin: 0 0 4px;
	padding: 0;
}
.phoenix-b2b-panel .pb2b-section-intro-title {
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-section-intro-sub {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--pb2b-text-muted);
}

.phoenix-b2b-panel .pb2b-quick-tiles {
	align-items: stretch;
}
.phoenix-b2b-panel .pb2b-quick-tile {
	min-height: 84px;
	height: 100%;
	justify-content: center;
}

.phoenix-b2b-panel .pb2b-card-body > .pb2b-shop {
	min-height: 0;
	margin: 0;
}
.phoenix-b2b-panel .pb2b-card-body > .pb2b-shop > .pb2b-card-grid,
.phoenix-b2b-panel .pb2b-card-body > .pb2b-shop > .pb2b-shop-grid {
	width: 100%;
}

.phoenix-b2b-panel .pb2b-shop-empty-sm {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 120px;
	text-align: center;
	color: var(--pb2b-text-muted);
}

.phoenix-b2b-panel .pb2b-banners { margin-top: 0; }

.phoenix-b2b-panel .pb2b-app-section-heading,
.phoenix-b2b-panel .pb2b-app-section-sub,
.phoenix-b2b-panel .pb2b-section-intro,
.phoenix-b2b-panel .pb2b-nav-group { max-width: 100%; min-width: 0; }

.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-app-section-sub,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-section-intro-sub { color: var(--pb2b-text-muted); }

@media (prefers-reduced-motion: reduce) {
	.phoenix-b2b-panel .pb2b-quick-tile { transition: none; }
}
/* === panel-v3-5.css === */
.phoenix-b2b-panel {
	--pb2b-header-h:    72px;
	--pb2b-minicart-h:  46px;
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel { --pb2b-header-h: 72px; }
}

@media (max-width: 768px) {
	.phoenix-b2b-panel .pb2b-topbar-cart {
		width: 40px;
		height: 40px;
		padding: 0;
		justify-content: center;
		border-radius: 999px;
		gap: 0;
	}
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-cart-ico { width: 19px; height: 19px; flex: 0 0 19px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-ico svg { width: 19px; height: 19px; }

	.phoenix-b2b-panel .pb2b-topbar-cart-badge { left: auto; right: -4px; top: -4px; }
	.phoenix-b2b-panel .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge { display: none; }

	.phoenix-b2b-panel .pb2b-topbar-title { min-width: 0; }
	.phoenix-b2b-panel .pb2b-topbar-sub { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-right { gap: 8px; }
}

.phoenix-b2b-panel .pb2b-mini-cartbar {
	display: none;
	align-items: center;
	gap: 10px;
	margin: 10px max(var(--pb2b-page-x), var(--pb2b-safe-left)) 0 max(var(--pb2b-page-x), var(--pb2b-safe-right));
	padding: 8px 10px 8px 12px;
	min-height: var(--pb2b-minicart-h);
	background: var(--pb2b-bg-2);
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 30%, var(--pb2b-border));
	border-radius: 999px;
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-mini-cartbar.is-empty { display: none; }

.phoenix-b2b-panel .pb2b-mini-cartbar-info {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 1 1 auto;
	min-width: 0;
	text-decoration: none;
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-ico {
	width: 28px; height: 28px; flex: 0 0 28px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: var(--pb2b-primary-soft);
	color: var(--pb2b-primary-strong);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-ico svg { width: 16px; height: 16px; }
.phoenix-b2b-panel .pb2b-mini-cartbar-text {
	display: flex; align-items: baseline; gap: 6px;
	min-width: 0; font-size: 13px; line-height: 1.2;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.phoenix-b2b-panel .pb2b-mini-cartbar-count { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-mini-cartbar-count strong { color: var(--pb2b-text); font-weight: 700; }
.phoenix-b2b-panel .pb2b-mini-cartbar-sep { color: var(--pb2b-text-dim); }
.phoenix-b2b-panel .pb2b-mini-cartbar-total { font-weight: 700; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-mini-cartbar-total * { color: inherit; font-size: inherit; font-weight: inherit; }
.phoenix-b2b-panel .pb2b-mini-cartbar-actions { display: flex; gap: 6px; flex: 0 0 auto; }
.phoenix-b2b-panel .pb2b-mini-cartbar-btn {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 7px 12px; border-radius: 999px;
	font-size: 12.5px; font-weight: 700; line-height: 1; white-space: nowrap;
	text-decoration: none; border: 1px solid transparent; cursor: pointer;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-ghost {
	background: var(--pb2b-bg-3); color: var(--pb2b-text); border-color: var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-ghost:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-primary {
	background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-primary:hover,
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-primary:focus { color: var(--pb2b-primary-contrast); }

@media (max-width: 768px) {
	.phoenix-b2b-panel .pb2b-mini-cartbar.has-items { display: flex; }
}

@media (max-width: 400px) {
	.phoenix-b2b-panel .pb2b-mini-cartbar { gap: 8px; padding-right: 8px; }
	.phoenix-b2b-panel .pb2b-mini-cartbar-btn { padding: 7px 10px; }
}

@media (min-width: 769px) {
	.phoenix-b2b-panel .pb2b-mini-cartbar { display: none !important; }
}

.phoenix-b2b-panel .pb2b-bottom-nav-item,
.phoenix-b2b-panel .pb2b-bottom-nav-item:link,
.phoenix-b2b-panel .pb2b-bottom-nav-item:visited,
.phoenix-b2b-panel .pb2b-bottom-nav-item:hover,
.phoenix-b2b-panel .pb2b-bottom-nav-item:focus,
.phoenix-b2b-panel .pb2b-bottom-nav-item:active,
.phoenix-b2b-panel .pb2b-bottom-nav-label,
.phoenix-b2b-panel .pb2b-bottom-nav-item:hover .pb2b-bottom-nav-label,
.phoenix-b2b-panel .pb2b-bottom-nav-item:focus .pb2b-bottom-nav-label {
	text-decoration: none !important;
	text-underline-offset: 0;
}

.phoenix-b2b-panel .pb2b-bottom-nav-item.is-active {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pb2b-primary) 22%, transparent);
}

.phoenix-b2b-panel .pb2b-sidebar-topbar {
	padding: 12px 12px 8px;
	min-height: 0;
}
.phoenix-b2b-panel .pb2b-brand-compact { display: flex; align-items: center; gap: 9px; min-width: 0; }
.phoenix-b2b-panel .pb2b-brand-compact .pb2b-brand-mark {
	width: 30px; height: 30px; flex: 0 0 30px;
	border-radius: 9px; overflow: hidden;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-accent-grad); color: #fff;
}
.phoenix-b2b-panel .pb2b-brand-compact .pb2b-brand-logo-img { width: 100%; height: 100%; object-fit: cover; }
.phoenix-b2b-panel .pb2b-brand-compact .pb2b-brand-mono { font-size: 14px; font-weight: 800; line-height: 1; color: #fff; }
.phoenix-b2b-panel .pb2b-brand-compact .pb2b-brand-title {
	font-size: 13px; font-weight: 700; color: var(--pb2b-text-soft); letter-spacing: .2px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
}

.phoenix-b2b-panel .pb2b-side-account-hero {
	margin: 0 12px 10px;
	padding: 14px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--pb2b-primary) 7%, var(--pb2b-bg-2)) 0%, var(--pb2b-bg-2) 60%);
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 22%, var(--pb2b-border));
	border-radius: var(--pb2b-radius);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-avatar {
	width: 46px; height: 46px; flex: 0 0 46px; font-size: 17px;
	box-shadow: 0 6px 16px color-mix(in srgb, var(--pb2b-primary) 35%, transparent);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-name { font-size: 15px; }

.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin-top: 12px;
	padding-top: 12px;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link {
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 10px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
	font-size: 12px;
	line-height: 1.15;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link:hover {
	background: var(--pb2b-bg-4);
	border-color: color-mix(in srgb, var(--pb2b-primary) 40%, var(--pb2b-border));
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico {
	width: 18px; height: 18px; flex: 0 0 18px; color: var(--pb2b-primary);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico svg { width: 18px; height: 18px; }

.phoenix-b2b-panel .pb2b-side-account-link-badge {
	position: absolute; top: 8px; right: 8px;
	min-width: 18px; height: 18px; padding: 0 5px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px; background: var(--pb2b-danger); color: #fff;
	font-size: 10px; font-weight: 700; line-height: 1;
}

.phoenix-b2b-panel .pb2b-sidebar-foot-brand {
	display: flex; align-items: baseline; justify-content: center; gap: 6px;
	margin-top: 10px; padding-top: 10px;
	border-top: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-sidebar-foot-brand-name { font-size: 11.5px; font-weight: 700; color: var(--pb2b-text-muted); letter-spacing: .3px; }
.phoenix-b2b-panel .pb2b-sidebar-foot-brand-ver { font-size: 10.5px; color: var(--pb2b-text-dim); }

.phoenix-b2b-panel .pb2b-sidebar {
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--pb2b-primary) 70%, transparent) transparent;
}
.phoenix-b2b-panel .pb2b-sidebar::-webkit-scrollbar { width: 8px; }
.phoenix-b2b-panel .pb2b-sidebar::-webkit-scrollbar-track { background: transparent; }
.phoenix-b2b-panel .pb2b-sidebar::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--pb2b-primary) 55%, transparent);
	border-radius: 999px;
	border: 2px solid transparent;
	background-clip: padding-box;
}
.phoenix-b2b-panel .pb2b-sidebar:hover::-webkit-scrollbar-thumb { background: var(--pb2b-primary); background-clip: padding-box; }

.phoenix-b2b-panel .pb2b-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: clamp(18px, 3vw, 28px);
	border-radius: var(--pb2b-radius);
	background:
		radial-gradient(1200px 200px at 0% 0%, color-mix(in srgb, var(--pb2b-primary) 16%, transparent) 0%, transparent 70%),
		var(--pb2b-grad-dark);
	color: var(--pb2b-text-on-dark);
	box-shadow: var(--pb2b-shadow);
}
.phoenix-b2b-panel .pb2b-hero-main { min-width: 0; }
.phoenix-b2b-panel .pb2b-hero-greeting { font-size: 13px; opacity: .92; }
.phoenix-b2b-panel .pb2b-hero-company { margin: 4px 0 10px; font-size: clamp(20px, 3.4vw, 28px); line-height: 1.15; color: #fff; }
.phoenix-b2b-panel .pb2b-hero-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.phoenix-b2b-panel .pb2b-hero-cta { display: flex; flex-wrap: wrap; gap: 10px; }

.phoenix-b2b-panel .pb2b-stats { gap: var(--pb2b-section-gap); align-items: stretch; }
.phoenix-b2b-panel .pb2b-stat {
	display: flex; flex-direction: column; gap: 4px;
	padding: clamp(14px, 2vw, 18px);
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-stat-value { font-size: clamp(22px, 3vw, 28px); font-weight: 800; line-height: 1.1; color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-stat-label { font-size: 12px; font-weight: 600; color: var(--pb2b-text-muted); text-transform: uppercase; letter-spacing: .04em; }

.phoenix-b2b-panel .pb2b-quick-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
	gap: 10px;
}
.phoenix-b2b-panel .pb2b-quick-tile {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 8px; min-height: 88px; padding: 14px 10px; text-align: center;
	background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm); color: var(--pb2b-text); text-decoration: none;
	transition: background .14s ease, border-color .14s ease, transform .08s ease;
}
.phoenix-b2b-panel .pb2b-quick-tile:hover {
	background: var(--pb2b-bg-3);
	border-color: color-mix(in srgb, var(--pb2b-primary) 40%, var(--pb2b-border));
	transform: translateY(-2px);
}
.phoenix-b2b-panel .pb2b-quick-tile-icon { font-size: 22px; line-height: 1; }
.phoenix-b2b-panel .pb2b-quick-tile-label { font-size: 12px; font-weight: 600; line-height: 1.2; }

.phoenix-b2b-panel .pb2b-content > .pb2b-card,
.phoenix-b2b-panel .pb2b-content > .pb2b-grid-2 { margin: 0; }

@media (max-width: 768px) {
	.phoenix-b2b-panel .pb2b-hero { padding: 18px; }
	.phoenix-b2b-panel .pb2b-hero-cta { width: 100%; }
	.phoenix-b2b-panel .pb2b-hero-cta .pb2b-btn { flex: 1 1 auto; text-align: center; }
}

.phoenix-b2b-panel [data-pb2b-shop-wrap] .pb2b-app-card-body {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
}
.phoenix-b2b-panel .pb2b-shop-toolbar {
	display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
}
.phoenix-b2b-panel .pb2b-shop-search { display: flex; gap: 8px; flex: 1 1 280px; min-width: 0; }
.phoenix-b2b-panel .pb2b-shop-search-input {
	flex: 1 1 auto; min-width: 0; height: 42px;
	border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-shop-search .pb2b-shop-btn { flex: 0 0 auto; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-shop-toolbar-right { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-shop-orderby {
	height: 42px; border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
	padding: 0 30px 0 12px;
}
.phoenix-b2b-panel .pb2b-shop-count { color: var(--pb2b-text-muted); }

@media (max-width: 600px) {

	.phoenix-b2b-panel .pb2b-shop-search { flex: 1 1 100%; }
	.phoenix-b2b-panel .pb2b-shop-toolbar-right { width: 100%; justify-content: space-between; }
	.phoenix-b2b-panel .pb2b-shop-orderby { flex: 1 1 auto; }
}

.phoenix-b2b-panel .phoenix-b2b-qo-filter { display: flex; align-items: center; gap: 8px; }

.phoenix-b2b-panel .phoenix-b2b-qo-filter.pb2b-catpick-ready .phoenix-b2b-qo-cat {
	position: absolute !important;
	width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
	clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}
.phoenix-b2b-panel .phoenix-b2b-qo-filter.pb2b-catpick-ready > label { display: none; }

.phoenix-b2b-panel .pb2b-catpick-trigger {
	display: inline-flex; align-items: center; gap: 10px;
	min-height: 42px; padding: 8px 12px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm); color: var(--pb2b-text);
	font-size: 13px; font-weight: 600; cursor: pointer; max-width: 100%;
	transition: background .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-catpick-trigger:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-catpick-trigger:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-catpick-trigger-ico { width: 18px; height: 18px; flex: 0 0 18px; color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-catpick-trigger-ico svg { width: 18px; height: 18px; }
.phoenix-b2b-panel .pb2b-catpick-trigger-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-catpick-trigger-caret { width: 16px; height: 16px; flex: 0 0 16px; margin-left: auto; color: var(--pb2b-text-muted); }

.pb2b-catpick {
	position: fixed; inset: 0; z-index: 1000;
	display: none; align-items: flex-end; justify-content: center;
}
.pb2b-catpick.is-open { display: flex; }
.pb2b-catpick-overlay { position: absolute; inset: 0; background: rgba(2, 6, 23, 0.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.pb2b-catpick-sheet {
	position: relative;
	width: 100%; max-width: 560px;
	max-height: 82vh; display: flex; flex-direction: column;
	background: var(--pb2b-bg-1);
	border: 1px solid var(--pb2b-border);
	border-radius: 18px 18px 0 0;
	box-shadow: 0 -20px 60px rgba(0,0,0,.4);
	padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
	animation: pb2bCatpickUp .2s ease;
}
@keyframes pb2bCatpickUp { from { transform: translateY(14px); opacity: .6; } to { transform: translateY(0); opacity: 1; } }
.pb2b-catpick-grip { width: 40px; height: 4px; border-radius: 999px; background: var(--pb2b-border-strong); margin: 0 auto 10px; }
.pb2b-catpick-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.pb2b-catpick-title { margin: 0; font-size: 15px; font-weight: 700; color: var(--pb2b-text); }
.pb2b-catpick-close {
	width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text); cursor: pointer;
}
.pb2b-catpick-close svg { width: 18px; height: 18px; }
.pb2b-catpick-search {
	width: 100%; height: 42px; margin-bottom: 10px;
	border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
	padding: 0 12px;
}
.pb2b-catpick-list { overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1 1 auto; margin: 0 -4px; padding: 0 4px; }
.pb2b-catpick-item {
	display: flex; align-items: center; gap: 10px; width: 100%;
	padding: 11px 12px; margin-bottom: 4px;
	background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm); color: var(--pb2b-text);
	font-size: 14px; text-align: left; cursor: pointer;
	transition: background .12s ease, border-color .12s ease;
}
.pb2b-catpick-item:hover { background: var(--pb2b-bg-3); }
.pb2b-catpick-item.is-active {
	border-color: var(--pb2b-primary);
	background: var(--pb2b-primary-soft);
	color: var(--pb2b-primary-strong);
	font-weight: 700;
}
.pb2b-catpick-item-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pb2b-catpick-item-count {
	flex: 0 0 auto; font-size: 12px; font-weight: 700;
	color: var(--pb2b-text-muted); background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border); border-radius: 999px; padding: 2px 8px;
}
.pb2b-catpick-item.is-active .pb2b-catpick-item-count { color: var(--pb2b-primary-strong); border-color: color-mix(in srgb, var(--pb2b-primary) 40%, var(--pb2b-border)); }
.pb2b-catpick-empty { padding: 18px; text-align: center; color: var(--pb2b-text-muted); font-size: 13px; }
.pb2b-catpick-actions { display: flex; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--pb2b-border); }
.pb2b-catpick-actions .pb2b-catpick-all {
	flex: 0 0 auto; padding: 10px 14px; border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
	font-size: 13px; font-weight: 600; cursor: pointer;
}
.pb2b-catpick-actions .pb2b-catpick-apply {
	flex: 1 1 auto; padding: 10px 14px; border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); border: 1px solid transparent;
	font-size: 13px; font-weight: 700; cursor: pointer;
}

@media (min-width: 769px) {
	.pb2b-catpick { align-items: center; }
	.pb2b-catpick-sheet { border-radius: 18px; max-height: 76vh; }
	.pb2b-catpick-grip { display: none; }
}

.phoenix-b2b-panel [data-pb2b-catalog-flow] .pb2b-app-card-body {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
}

.phoenix-b2b-panel .pb2b-pview .pb2b-app-card-body {
	padding-left: var(--pb2b-page-x);
	padding-right: var(--pb2b-page-x);
}
.phoenix-b2b-panel .pb2b-pview-main { display: grid; grid-template-columns: 1fr; gap: 18px; }

.phoenix-b2b-panel .pb2b-pview-media { min-width: 0; }
.phoenix-b2b-panel .pb2b-pview-stage {
	position: relative;
	border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius);
	background: var(--pb2b-bg-3); overflow: hidden;
	aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;
}
.phoenix-b2b-panel .pb2b-pview-stage img { width: 100%; height: 100%; object-fit: contain; }
.phoenix-b2b-panel .pb2b-pview-badge {
	position: absolute; top: 10px; left: 10px; z-index: 2;
	padding: 4px 10px; border-radius: 999px;
	background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast);
	font-size: 11px; font-weight: 700;
}
.phoenix-b2b-panel .pb2b-pview-thumbs { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-pview-thumb {
	width: 60px; height: 60px; padding: 0; border-radius: 10px; overflow: hidden; cursor: pointer;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border);
	transition: border-color .12s ease;
}
.phoenix-b2b-panel .pb2b-pview-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.phoenix-b2b-panel .pb2b-pview-thumb.is-active { border-color: var(--pb2b-primary); box-shadow: 0 0 0 2px var(--pb2b-primary-soft); }

.phoenix-b2b-panel .pb2b-pview-info { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.phoenix-b2b-panel .pb2b-pview-stock { display: inline-flex; }
.phoenix-b2b-panel .pb2b-pview-title { margin: 0; font-size: clamp(19px, 2.6vw, 24px); line-height: 1.2; color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-pview-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.phoenix-b2b-panel .pb2b-pview-chip {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 4px 10px; border-radius: 999px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border);
	font-size: 12px; color: var(--pb2b-text-muted);
}
.phoenix-b2b-panel .pb2b-pview-chip strong { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-pview-cats { font-size: 13px; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-pview-cats-lbl { font-weight: 600; }
.phoenix-b2b-panel .pb2b-pview-cats-val { color: var(--pb2b-text); }

.phoenix-b2b-panel .pb2b-pview-pricing { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.phoenix-b2b-panel .pb2b-pview-price { font-size: clamp(22px, 3vw, 28px); font-weight: 800; color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-pview-price * { color: inherit; }
.phoenix-b2b-panel .pb2b-pview-price-old { font-size: 15px; color: var(--pb2b-text-dim); text-decoration: line-through; }
.phoenix-b2b-panel .pb2b-pview-price-suffix { font-size: 12px; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-pview-price-na,
.phoenix-b2b-panel .pb2b-pview-price-locked {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 12px; border-radius: 999px;
	background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong);
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 30%, transparent);
	font-size: 14px; font-weight: 700;
}
.phoenix-b2b-panel .pb2b-pview-short { margin: 0; color: var(--pb2b-text-soft); font-size: 14px; line-height: 1.55; }

.phoenix-b2b-panel .pb2b-pview-buy { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.phoenix-b2b-panel .pb2b-pview-qty {
	display: inline-flex; align-items: center;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius-sm);
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-pview-qty-btn {
	width: 42px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
	background: transparent; border: 0; color: var(--pb2b-text); cursor: pointer;
}
.phoenix-b2b-panel .pb2b-pview-qty-btn:hover { background: var(--pb2b-bg-4); color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-pview-qty-input {
	width: 56px; height: 44px; text-align: center; border: 0; background: transparent; color: var(--pb2b-text);
	font-size: 15px; font-weight: 700; -moz-appearance: textfield;
}
.phoenix-b2b-panel .pb2b-pview-qty-input::-webkit-outer-spin-button,
.phoenix-b2b-panel .pb2b-pview-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.phoenix-b2b-panel .pb2b-pview-add { flex: 1 1 auto; min-height: 44px; justify-content: center; }
.phoenix-b2b-panel .pb2b-pview-fav { flex: 0 0 auto; min-height: 44px; }
.phoenix-b2b-panel .pb2b-pview-fav.is-fav { color: var(--pb2b-danger); border-color: color-mix(in srgb, var(--pb2b-danger) 40%, var(--pb2b-border)); }
.phoenix-b2b-panel .pb2b-pview-fav.is-fav svg { color: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-pview-attrs { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 1px; border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius-sm); overflow: hidden; }
.phoenix-b2b-panel .pb2b-pview-attr { display: flex; justify-content: space-between; gap: 12px; padding: 9px 12px; background: var(--pb2b-bg-2); font-size: 13px; }
.phoenix-b2b-panel .pb2b-pview-attr-lbl { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-pview-attr-val { color: var(--pb2b-text); font-weight: 600; text-align: right; }

.phoenix-b2b-panel .pb2b-pview-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-pview-section-title { margin: 0 0 12px; font-size: 16px; font-weight: 700; color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-pview-desc { color: var(--pb2b-text-soft); font-size: 14px; line-height: 1.65; }
.phoenix-b2b-panel .pb2b-pview-desc :where(p, ul, ol) { margin: 0 0 10px; }
.phoenix-b2b-panel .pb2b-pview-desc :where(h1,h2,h3,h4) { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-pview-related .pb2b-card-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }

@media (min-width: 992px) {
	.phoenix-b2b-panel .pb2b-pview-main { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 28px; align-items: start; }
	.phoenix-b2b-panel .pb2b-pview-media { position: sticky; top: calc(var(--pb2b-header-h) + 16px); }
}
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-pview-related .pb2b-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 768px) {
	.phoenix-b2b-panel .pb2b-pview-buy {
		position: sticky;
		bottom: calc(var(--pb2b-bottomnav-h, 62px) + env(safe-area-inset-bottom, 0px) + 8px);
		z-index: 12;
		margin-top: 6px;
		padding: 10px;
		background: var(--pb2b-bg-1);
		border: 1px solid var(--pb2b-border);
		border-radius: var(--pb2b-radius);
		box-shadow: 0 8px 24px rgba(0,0,0,.18);
	}
	.phoenix-b2b-panel .pb2b-pview-related .pb2b-card-grid { gap: 11px; }
}

.phoenix-b2b-panel .pb2b-legal-card .pb2b-app-card-body { padding-left: var(--pb2b-page-x); padding-right: var(--pb2b-page-x); }
.phoenix-b2b-panel .pb2b-legal-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 12px;
}
.phoenix-b2b-panel .pb2b-legal-tile {
	display: flex; flex-direction: column; gap: 8px;
	padding: 16px;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-legal-tile-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.phoenix-b2b-panel .pb2b-legal-tile-ico {
	width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong);
}
.phoenix-b2b-panel .pb2b-legal-tile-req {
	font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	padding: 3px 8px; border-radius: 999px;
	background: var(--pb2b-warning-soft); color: var(--pb2b-warning-ink);
	border: 1px solid color-mix(in srgb, var(--pb2b-warning) 30%, transparent);
}
.phoenix-b2b-panel .pb2b-legal-tile-req.is-ok {
	background: var(--pb2b-success-soft); color: var(--pb2b-success-ink);
	border-color: color-mix(in srgb, var(--pb2b-success) 30%, transparent);
}
.phoenix-b2b-panel .pb2b-legal-tile-opt {
	font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	padding: 3px 8px; border-radius: 999px;
	background: var(--pb2b-bg-3); color: var(--pb2b-text-muted); border: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-legal-tile-title { margin: 2px 0 0; font-size: 15px; font-weight: 700; color: var(--pb2b-text); line-height: 1.25; }
.phoenix-b2b-panel .pb2b-legal-tile-sum { margin: 0; font-size: 13px; color: var(--pb2b-text-muted); line-height: 1.45; flex: 1 1 auto; }
.phoenix-b2b-panel .pb2b-legal-tile-read { align-self: flex-start; margin-top: 4px; }

.phoenix-b2b-panel .pb2b-legal-accept {
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
	margin-top: 16px; padding: 14px 16px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius);
}
.phoenix-b2b-panel .pb2b-legal-accept.is-accepted {
	background: var(--pb2b-success-soft);
	border-color: color-mix(in srgb, var(--pb2b-success) 30%, var(--pb2b-border));
}
.phoenix-b2b-panel .pb2b-legal-accept-check { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; flex: 1 1 280px; min-width: 0; }
.phoenix-b2b-panel .pb2b-legal-accept-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.phoenix-b2b-panel .pb2b-legal-accept-check-box {
	width: 22px; height: 22px; flex: 0 0 22px; border-radius: 6px;
	background: var(--pb2b-bg-1); border: 2px solid var(--pb2b-border-strong);
	display: inline-flex; align-items: center; justify-content: center;
	transition: background .12s ease, border-color .12s ease;
}
.phoenix-b2b-panel .pb2b-legal-accept-check-box::after {
	content: ""; width: 11px; height: 6px; margin-top: -2px;
	border-left: 2px solid #fff; border-bottom: 2px solid #fff;
	transform: rotate(-45deg) scale(0); transition: transform .12s ease;
}
.phoenix-b2b-panel .pb2b-legal-accept-check input:checked + .pb2b-legal-accept-check-box {
	background: var(--pb2b-primary); border-color: var(--pb2b-primary);
}
.phoenix-b2b-panel .pb2b-legal-accept-check input:checked + .pb2b-legal-accept-check-box::after { transform: rotate(-45deg) scale(1); }
.phoenix-b2b-panel .pb2b-legal-accept-check input:focus-visible + .pb2b-legal-accept-check-box { box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-legal-accept-check-label { font-size: 14px; font-weight: 600; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-legal-accept-note { width: 100%; margin: 0; font-size: 12.5px; }
.phoenix-b2b-panel .pb2b-legal-accept-done { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; }
.phoenix-b2b-panel .pb2b-legal-accept-done-ico {
	width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-success); color: #fff;
}
.phoenix-b2b-panel .pb2b-legal-accept-done-text { display: flex; flex-direction: column; gap: 2px; }
.phoenix-b2b-panel .pb2b-legal-accept-done-text strong { color: var(--pb2b-success-ink); font-size: 14px; }

.phoenix-b2b-panel .pb2b-legal-reader[hidden] { display: none; }
.phoenix-b2b-panel .pb2b-legal-reader {
	position: fixed; inset: 0; z-index: 1001;
	display: flex; align-items: center; justify-content: center; padding: 16px;
}
.phoenix-b2b-panel .pb2b-legal-reader-overlay { position: absolute; inset: 0; background: rgba(2,6,23,.6); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.phoenix-b2b-panel .pb2b-legal-reader-dialog {
	position: relative; width: 100%; max-width: 640px; max-height: 84vh;
	display: flex; flex-direction: column;
	background: var(--pb2b-bg-1); border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius); box-shadow: var(--pb2b-shadow-lg);
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-legal-reader-head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 14px 16px; border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-legal-reader-title { margin: 0; font-size: 16px; font-weight: 700; color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-legal-reader-close {
	width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text); cursor: pointer;
}
.phoenix-b2b-panel .pb2b-legal-reader-body { padding: 16px; overflow-y: auto; color: var(--pb2b-text-soft); font-size: 14px; line-height: 1.65; }
.phoenix-b2b-panel .pb2b-legal-reader-body :where(p, ul, ol) { margin: 0 0 12px; }
.phoenix-b2b-panel .pb2b-legal-reader-body :where(h1,h2,h3,h4) { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-legal-reader-body em { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-app-badge-warn {
	background: var(--pb2b-warning-soft);
	color: var(--pb2b-warning-ink);
	border-color: color-mix(in srgb, var(--pb2b-warning) 30%, transparent);
}

.phoenix-b2b-panel .pb2b-mini-cartbar,
.phoenix-b2b-panel .pb2b-pview,
.phoenix-b2b-panel .pb2b-pview-main,
.phoenix-b2b-panel .pb2b-legal-grid,
.phoenix-b2b-panel .pb2b-legal-accept { max-width: 100%; min-width: 0; }

@media (prefers-reduced-motion: reduce) {
	.phoenix-b2b-panel .pb2b-quick-tile,
	.phoenix-b2b-panel .pb2b-catpick-trigger,
	.phoenix-b2b-panel .pb2b-mini-cartbar-btn,
	.phoenix-b2b-panel .pb2b-pview-thumb,
	.phoenix-b2b-panel .pb2b-pview-qty-btn { transition: none; }
	.pb2b-catpick-sheet { animation: none; }
}
/* === panel-v3-6.css === */
.phoenix-b2b-panel .pb2b-quick-tile-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pb2b-primary);
}
.phoenix-b2b-panel .pb2b-quick-tile-icon svg {
	width: 26px;
	height: 26px;
	display: block;
}

.phoenix-b2b-panel .pb2b-banner-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-banner-icon svg { width: 22px; height: 22px; display: block; }

.phoenix-b2b-panel .pb2b-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pb2b-text-dim);
}
.phoenix-b2b-panel .pb2b-empty-icon svg { width: 40px; height: 40px; display: block; }

.phoenix-b2b-panel .pb2b-shop-orderby,
.phoenix-b2b-panel .pb2b-shop-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C8598' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	padding-right: 34px;
	cursor: pointer;
}

.phoenix-b2b-panel .pb2b-shop-orderby::-ms-expand,
.phoenix-b2b-panel .pb2b-shop-select::-ms-expand { display: none; }

.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-shop-orderby option,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-shop-select option {
	background: #111827;
	color: #F8FAFC;
}

.phoenix-b2b-panel .phoenix-b2b-qo-sticky { display: none; }

.phoenix-b2b-panel .pb2b-checkout-woo a { text-decoration: none; }
.phoenix-b2b-panel .pb2b-checkout-woo a:hover,
.phoenix-b2b-panel .pb2b-checkout-woo a:focus { text-decoration: underline; }

.phoenix-b2b-panel .pb2b-shop-orderby,
.phoenix-b2b-panel .pb2b-shop-select { max-width: 100%; }
/* === panel-v3-7.css === */
.phoenix-b2b-panel,
.phoenix-b2b-panel *,
.phoenix-b2b-panel *::before,
.phoenix-b2b-panel *::after { box-sizing: border-box; }

.phoenix-b2b-panel { max-width: 100%; }
.phoenix-b2b-panel .pb2b-content { overflow-x: hidden; }
.phoenix-b2b-panel img,
.phoenix-b2b-panel svg,
.phoenix-b2b-panel video,
.phoenix-b2b-panel canvas { max-width: 100%; }
.phoenix-b2b-panel pre,
.phoenix-b2b-panel code { white-space: pre-wrap; word-break: break-word; }
.phoenix-b2b-panel .pb2b-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.phoenix-b2b-panel a { text-decoration: none; }
.phoenix-b2b-panel .pb2b-nav-item,
.phoenix-b2b-panel .pb2b-nav-item:hover,
.phoenix-b2b-panel .pb2b-nav-item:focus,
.phoenix-b2b-panel .pb2b-side-account-link,
.phoenix-b2b-panel .pb2b-side-account-link:hover,
.phoenix-b2b-panel .pb2b-side-account-link:focus,
.phoenix-b2b-panel .pb2b-account-link,
.phoenix-b2b-panel .pb2b-account-link:hover,
.phoenix-b2b-panel .pb2b-bottom-nav-item,
.phoenix-b2b-panel .pb2b-bottom-nav-item:hover,
.phoenix-b2b-panel .pb2b-btn,
.phoenix-b2b-panel .pb2b-btn:hover,
.phoenix-b2b-panel .pb2b-card-action,
.phoenix-b2b-panel .pb2b-card-action:hover,
.phoenix-b2b-panel .pb2b-quick-tile,
.phoenix-b2b-panel .pb2b-quick-tile:hover,
.phoenix-b2b-panel .pb2b-app-footer-link,
.phoenix-b2b-panel .pb2b-app-footer-link:hover,
.phoenix-b2b-panel .pb2b-sidebar-foot-brand,
.phoenix-b2b-panel .pb2b-chip,
.phoenix-b2b-panel .pb2b-topbar-cart,
.phoenix-b2b-panel .pb2b-topbar-cart:hover,
.phoenix-b2b-panel .pb2b-topbar-bell,
.phoenix-b2b-panel .pb2b-brand,
.phoenix-b2b-panel .pb2b-account-toggle { text-decoration: none !important; }

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar-topbar {
		display: flex; align-items: center; justify-content: flex-end;
		padding: 10px 12px 4px; min-height: 0;
	}
	.phoenix-b2b-panel .pb2b-sidebar-topbar .pb2b-brand,
	.phoenix-b2b-panel .pb2b-sidebar-topbar .pb2b-brand-compact { display: none !important; }
}

.phoenix-b2b-panel .pb2b-sidebar-close {
	width: 34px; height: 34px; flex: 0 0 34px; padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px;
	border: 1px solid var(--pb2b-border);
	background: var(--pb2b-bg-3);
	color: var(--pb2b-text-muted);
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-sidebar-close:hover { background: var(--pb2b-bg-4); color: var(--pb2b-text); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-sidebar-close:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 16px; height: 16px; display: block; stroke: currentColor; }
.phoenix-b2b-panel .pb2b-sidebar-close:empty::before { content: "\00d7"; font-size: 20px; line-height: 1; }

.phoenix-b2b-panel .pb2b-side-account-hero {
	margin: 0 10px 12px;
	padding: 15px;
	background: linear-gradient(158deg,
		color-mix(in srgb, var(--pb2b-primary) 11%, var(--pb2b-bg-2)) 0%,
		var(--pb2b-bg-2) 60%);
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 24%, var(--pb2b-border));
	border-radius: var(--pb2b-radius);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-top {
	display: flex; align-items: center; gap: 13px; min-width: 0;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-avatar {
	width: 50px; height: 50px; flex: 0 0 50px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: var(--pb2b-accent-grad);
	color: var(--pb2b-primary-contrast);
	font-size: 20px; font-weight: 800; line-height: 1; text-transform: uppercase;
	box-shadow: 0 8px 18px color-mix(in srgb, var(--pb2b-primary) 38%, transparent);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-id {
	display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-name {
	font-size: 16px; font-weight: 800; line-height: 1.15;
	color: var(--pb2b-text-strong) !important;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-company {
	font-size: 12px; font-weight: 500;
	color: var(--pb2b-text-muted) !important;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-status {
	align-self: flex-start;
	display: inline-flex; align-items: center; gap: 6px;
	margin-top: 1px; padding: 3px 9px;
	border-radius: 999px;
	background: var(--pb2b-success-soft);
	color: var(--pb2b-success-ink) !important;
	font-size: 11px; font-weight: 700; line-height: 1;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-status-dot {
	width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%;
	background: var(--pb2b-success); box-shadow: none;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-actions {
	display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
	margin-top: 14px; padding-top: 14px;
	border-top: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link {
	position: relative;
	display: flex; flex-direction: column; align-items: flex-start; gap: 7px;
	padding: 11px; min-height: 64px;
	background: var(--pb2b-bg-2);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-sm);
	color: var(--pb2b-text) !important;
	font-size: 12px; font-weight: 600; line-height: 1.15;
	transition: background .15s ease, border-color .15s ease, transform .08s ease;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link:hover {
	background: var(--pb2b-bg-3);
	border-color: color-mix(in srgb, var(--pb2b-primary) 45%, var(--pb2b-border));
	transform: translateY(-1px);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico {
	width: 20px; height: 20px; flex: 0 0 20px; color: var(--pb2b-primary);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico svg { width: 20px; height: 20px; display: block; }
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-badge {
	position: absolute; top: 8px; right: 8px;
	min-width: 18px; height: 18px; padding: 0 5px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px; background: var(--pb2b-danger); color: #fff;
	font-size: 10px; font-weight: 800; line-height: 1;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout {
	grid-column: 1 / -1;
	flex-direction: row; align-items: center; justify-content: center; gap: 8px;
	min-height: 0; padding: 11px 12px;
	background: var(--pb2b-danger-soft);
	border-color: color-mix(in srgb, var(--pb2b-danger) 28%, var(--pb2b-border));
	color: var(--pb2b-danger-ink) !important;
	font-size: 12.5px; font-weight: 700;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout:hover {
	background: color-mix(in srgb, var(--pb2b-danger) 16%, var(--pb2b-bg-2));
	border-color: color-mix(in srgb, var(--pb2b-danger) 45%, var(--pb2b-border));
	transform: none;
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout .pb2b-side-account-link-ico {
	width: 18px; height: 18px; flex: 0 0 18px; color: var(--pb2b-danger-ink);
}
.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout .pb2b-side-account-link-ico svg { width: 18px; height: 18px; }

.phoenix-b2b-panel .pb2b-nav-grouped { padding: 2px 10px 10px; }
.phoenix-b2b-panel .pb2b-nav-group + .pb2b-nav-group {
	margin-top: 12px; padding-top: 12px;
	border-top: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-nav-group-pinned { padding-bottom: 2px; }
.phoenix-b2b-panel .pb2b-nav-group-title {
	padding: 2px 10px 7px;
	font-size: 10.5px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase;
	color: var(--pb2b-text-dim);
}
.phoenix-b2b-panel .pb2b-nav-item {
	position: relative;
	display: flex; align-items: center; gap: 11px;
	padding: 9px 11px; margin: 1px 0;
	border-radius: var(--pb2b-radius-sm);
	color: var(--pb2b-text-soft);
	font-size: 13.5px; font-weight: 600; line-height: 1.1;
	transition: background .14s ease, color .14s ease;
}
.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-icon { width: 20px; height: 20px; flex: 0 0 20px; display: inline-flex; align-items: center; justify-content: center; color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-icon svg { width: 20px; height: 20px; display: block; }
.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phoenix-b2b-panel .pb2b-nav-item:hover { background: var(--pb2b-bg-3); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-nav-item:hover .pb2b-nav-icon { color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-nav-item:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-nav-item.is-active {
	background: var(--pb2b-primary-soft);
	color: var(--pb2b-primary-strong);
	box-shadow: inset 3px 0 0 0 var(--pb2b-primary);
}
.phoenix-b2b-panel .pb2b-nav-item.is-active .pb2b-nav-icon { color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-nav-item.is-active .pb2b-nav-label { font-weight: 700; }
.phoenix-b2b-panel .pb2b-nav-indicator { display: none; }
.phoenix-b2b-panel .pb2b-nav-badge {
	margin-left: auto; min-width: 18px; height: 18px; padding: 0 6px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px; background: var(--pb2b-primary); color: var(--pb2b-primary-contrast);
	font-size: 10.5px; font-weight: 800; line-height: 1;
}
.phoenix-b2b-panel .pb2b-nav-badge-alert { background: var(--pb2b-danger); }

.phoenix-b2b-panel .pb2b-sidebar {
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--pb2b-primary) 75%, transparent) transparent;
}
.phoenix-b2b-panel .pb2b-sidebar::-webkit-scrollbar { width: 9px; }
.phoenix-b2b-panel .pb2b-sidebar::-webkit-scrollbar-track { background: transparent; margin: 6px 0; }
.phoenix-b2b-panel .pb2b-sidebar::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--pb2b-primary) 60%, transparent);
	border: 2px solid transparent; border-radius: 999px; background-clip: padding-box; min-height: 42px;
}
.phoenix-b2b-panel .pb2b-sidebar:hover::-webkit-scrollbar-thumb { background: var(--pb2b-primary); background-clip: padding-box; }

.phoenix-b2b-panel .pb2b-sidebar-footer { padding: 8px 14px 16px; }
.phoenix-b2b-panel .pb2b-sidebar-foot-brand {
	margin-top: 0; padding-top: 12px;
	border-top: 1px solid var(--pb2b-border);
	justify-content: center;
}
.phoenix-b2b-panel .pb2b-sidebar-foot-brand-name { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-sidebar-foot-brand-ver { color: var(--pb2b-text-dim); }

.phoenix-b2b-panel .pb2b-mini-cartbar { display: none !important; }

.phoenix-b2b-panel .pb2b-app-header { gap: 8px; flex-wrap: nowrap; }
.phoenix-b2b-panel .pb2b-topbar-title { flex: 1 1 auto; min-width: 0; }
.phoenix-b2b-panel .pb2b-topbar-h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-topbar-sub { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-topbar-right { gap: 8px; align-items: center; flex-wrap: nowrap; }

.phoenix-b2b-panel .pb2b-topbar-cart {
	position: relative;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 7px 12px; border-radius: 999px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	transition: background .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-cart:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-topbar-cart:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-topbar-cart.has-items { border-color: color-mix(in srgb, var(--pb2b-primary) 45%, var(--pb2b-border)); }
.phoenix-b2b-panel .pb2b-topbar-cart-ico { width: 19px; height: 19px; flex: 0 0 19px; display: inline-flex; color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-topbar-cart-ico svg { width: 19px; height: 19px; display: block; }

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex !important; flex-direction: row; align-items: center; line-height: 1; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count { display: none !important; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total {
		display: inline !important; font-size: 12.5px; font-weight: 800;
		color: var(--pb2b-text-strong); white-space: nowrap;
	}
	.phoenix-b2b-panel .pb2b-topbar-cart-total * { color: inherit; font-size: inherit; font-weight: inherit; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total:empty { display: none !important; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge {
		position: static !important; display: inline-flex !important;
		align-items: center; justify-content: center;
		min-width: 18px; height: 18px; padding: 0 5px; margin: 0; border: 0; inset: auto;
		border-radius: 999px; background: var(--pb2b-primary); color: var(--pb2b-primary-contrast);
		font-size: 11px; font-weight: 800; line-height: 1;
	}

	.phoenix-b2b-panel .pb2b-topbar-cart.is-empty { padding: 8px; }
	.phoenix-b2b-panel .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge,
	.phoenix-b2b-panel .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-meta { display: none !important; }

	.phoenix-b2b-panel .pb2b-burger { width: 38px; height: 38px; }
	.phoenix-b2b-panel .pb2b-topbar-bell { width: 36px; height: 36px; }

	.phoenix-b2b-panel .pb2b-topbar-sub { display: none; }
}
@media (max-width: 430px) {
	.phoenix-b2b-panel .pb2b-app-header { gap: 6px; }
	.phoenix-b2b-panel .pb2b-topbar-right { gap: 6px; }
	.phoenix-b2b-panel .pb2b-topbar-cart { padding: 6px 10px; gap: 7px; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 12px; }
}

.phoenix-b2b-panel .pb2b-account-toggle { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-account-id .pb2b-greeting { color: var(--pb2b-text-muted) !important; }
.phoenix-b2b-panel .pb2b-account-id .pb2b-greeting-name { color: var(--pb2b-text-strong) !important; }
.phoenix-b2b-panel .pb2b-user-avatar,
.phoenix-b2b-panel .pb2b-account-avatar-lg { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-account-caret { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-account-menu { background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border); box-shadow: var(--pb2b-shadow-lg); }
.phoenix-b2b-panel .pb2b-account-head { border-bottom: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-account-head-name { color: var(--pb2b-text-strong) !important; }
.phoenix-b2b-panel .pb2b-account-head-company { color: var(--pb2b-text-muted) !important; }
.phoenix-b2b-panel .pb2b-account-status { color: var(--pb2b-success-ink) !important; }
.phoenix-b2b-panel .pb2b-account-link { color: var(--pb2b-text) !important; }
.phoenix-b2b-panel .pb2b-account-link .pb2b-account-link-ico { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-account-link:hover { background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .pb2b-account-link:hover .pb2b-account-link-ico { color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-account-logout,
.phoenix-b2b-panel .pb2b-account-logout .pb2b-account-link-ico { color: var(--pb2b-danger-ink) !important; }
.phoenix-b2b-panel .pb2b-account-logout:hover { background: var(--pb2b-danger-soft); }

.phoenix-b2b-panel .pb2b-card-title,
.phoenix-b2b-panel .pb2b-section-title,
.phoenix-b2b-panel .pb2b-section-head-title,
.phoenix-b2b-panel .pb2b-hero-company { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-section-sub,
.phoenix-b2b-panel .pb2b-section-head-desc,
.phoenix-b2b-panel .pb2b-card-sub,
.phoenix-b2b-panel .pb2b-muted,
.phoenix-b2b-panel .pb2b-stat-foot { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
.phoenix-b2b-panel select,
.phoenix-b2b-panel textarea {
	background-color: var(--pb2b-bg-3);
	color: var(--pb2b-text);
	border: 1px solid var(--pb2b-border);
	border-radius: var(--pb2b-radius-xs);
}
.phoenix-b2b-panel input::placeholder,
.phoenix-b2b-panel textarea::placeholder { color: var(--pb2b-text-dim); opacity: 1; }
.phoenix-b2b-panel input:focus,
.phoenix-b2b-panel select:focus,
.phoenix-b2b-panel textarea:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--pb2b-primary) 55%, var(--pb2b-border));
	box-shadow: var(--pb2b-shadow-focus);
}

.phoenix-b2b-panel .pb2b-chip { background: var(--pb2b-bg-3); color: var(--pb2b-text); border: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-chip-primary { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); border-color: color-mix(in srgb, var(--pb2b-primary) 30%, var(--pb2b-border)); }
.phoenix-b2b-panel .pb2b-chip-amount { color: inherit; font-weight: 800; }

.phoenix-b2b-panel .pb2b-content { gap: var(--pb2b-section-gap); }

.phoenix-b2b-panel .pb2b-hero {
	padding: clamp(18px, 3vw, 28px);
	border-radius: var(--pb2b-radius);
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 18%, var(--pb2b-border));
	background: linear-gradient(150deg,
		color-mix(in srgb, var(--pb2b-primary) 12%, var(--pb2b-bg-2)) 0%,
		var(--pb2b-bg-2) 62%);
	box-shadow: var(--pb2b-shadow);
}
.phoenix-b2b-panel .pb2b-hero-greeting { color: var(--pb2b-text-muted); font-weight: 600; }
.phoenix-b2b-panel .pb2b-hero-company { font-size: clamp(20px, 3.5vw, 26px); font-weight: 800; line-height: 1.1; }
.phoenix-b2b-panel .pb2b-hero-meta { gap: 8px; flex-wrap: wrap; }
.phoenix-b2b-panel .pb2b-hero-pill { background: var(--pb2b-bg-3); color: var(--pb2b-text); border: 1px solid var(--pb2b-border); border-radius: 999px; }
.phoenix-b2b-panel .pb2b-hero-pill-accent { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); border-color: color-mix(in srgb, var(--pb2b-primary) 30%, var(--pb2b-border)); }
.phoenix-b2b-panel .pb2b-hero-status { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-hero-cta { gap: 10px; flex-wrap: wrap; }

.phoenix-b2b-panel .pb2b-stats { gap: var(--pb2b-section-gap); }
.phoenix-b2b-panel .pb2b-stat {
	display: flex; flex-direction: column; gap: 6px;
	padding: 16px 18px; min-height: 106px;
	border-radius: var(--pb2b-radius);
	background: var(--pb2b-card);
	border: 1px solid var(--pb2b-border);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-stat-label { color: var(--pb2b-text-muted); font-size: 12px; font-weight: 600; }
.phoenix-b2b-panel .pb2b-stat-value { color: var(--pb2b-text-strong); font-size: clamp(22px, 3.5vw, 28px); font-weight: 800; line-height: 1.05; }
.phoenix-b2b-panel .pb2b-stat-foot { color: var(--pb2b-text-muted); font-size: 11.5px; }
.phoenix-b2b-panel .pb2b-stat-accent { box-shadow: inset 3px 0 0 0 var(--pb2b-primary), var(--pb2b-shadow-sm); }
.phoenix-b2b-panel .pb2b-stat-success { box-shadow: inset 3px 0 0 0 var(--pb2b-success), var(--pb2b-shadow-sm); }

.phoenix-b2b-panel .pb2b-card { background: var(--pb2b-card); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius); box-shadow: var(--pb2b-shadow-sm); }
.phoenix-b2b-panel .pb2b-card-header { padding: 16px 18px; border-bottom: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-title { font-size: 15px; font-weight: 800; }
.phoenix-b2b-panel .pb2b-card-action { color: var(--pb2b-primary-strong); font-weight: 700; font-size: 13px; }
.phoenix-b2b-panel .pb2b-card-body { padding: 18px; }

.phoenix-b2b-panel .pb2b-quick-tiles { gap: 10px; }
.phoenix-b2b-panel .pb2b-quick-tile {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;
	padding: 16px 12px; min-height: 94px;
	border-radius: var(--pb2b-radius-sm);
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text); font-weight: 600;
	transition: background .15s ease, border-color .15s ease, transform .08s ease, box-shadow .15s ease;
}
.phoenix-b2b-panel .pb2b-quick-tile:hover {
	background: var(--pb2b-bg-2);
	border-color: color-mix(in srgb, var(--pb2b-primary) 40%, var(--pb2b-border));
	transform: translateY(-2px);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-quick-tile:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-quick-tile-icon { color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-quick-tile-label { color: var(--pb2b-text); font-size: 12.5px; }

.phoenix-b2b-panel .pb2b-banner { background: var(--pb2b-card); border: 1px solid var(--pb2b-border); border-radius: var(--pb2b-radius); }
.phoenix-b2b-panel .pb2b-banner-body strong { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-banner-icon { color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 11px 18px; border-radius: var(--pb2b-radius-sm);
	font-weight: 700; font-size: 14px; line-height: 1; cursor: pointer;
	border: 1px solid transparent;
	transition: background .15s ease, border-color .15s ease, filter .15s ease, transform .08s ease;
}
.phoenix-b2b-panel .pb2b-btn:active { transform: translateY(1px); }
.phoenix-b2b-panel .pb2b-btn:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-btn-primary { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-btn-primary:hover { background: var(--pb2b-primary-hover); color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-btn-outline { background: transparent; border-color: var(--pb2b-border-strong); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-btn-outline:hover { background: var(--pb2b-bg-3); border-color: color-mix(in srgb, var(--pb2b-primary) 45%, var(--pb2b-border)); }

.phoenix-b2b-panel .pb2b-table { width: 100%; border-collapse: collapse; }
.phoenix-b2b-panel .pb2b-table th { color: var(--pb2b-text-muted); font-weight: 700; }
.phoenix-b2b-panel .pb2b-table td { color: var(--pb2b-text); border-color: var(--pb2b-border); }

.phoenix-b2b-panel .pb2b-empty h4 { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-empty p { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-empty-icon { color: var(--pb2b-text-dim); }

.phoenix-b2b-panel .pb2b-app-footer { border-top: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-app-footer-link { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-app-footer-link:hover { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-app-footer-brand strong { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-app-footer-ver { color: var(--pb2b-text-dim); }

@media (min-width: 1200px) {

	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex; flex-direction: column; line-height: 1.1; align-items: flex-start; }
	.phoenix-b2b-panel .pb2b-topbar-cart-count { display: block; font-weight: 800; font-size: 13px; color: var(--pb2b-text-strong); white-space: nowrap; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total { font-size: 11px; color: var(--pb2b-text-muted); white-space: nowrap; }
	.phoenix-b2b-panel .pb2b-topbar-cart-total:empty { display: none; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: none; }
}
/* === panel-v3-8.css === */
@media (max-width: 1199px) {

	.phoenix-b2b-panel .pb2b-sidebar { padding-left: 12px !important; padding-right: 12px !important; }

	.phoenix-b2b-panel .pb2b-side-account-hero {
		margin: 2px 0 12px !important;
		padding: 13px 13px 12px !important;
		border-radius: var(--pb2b-radius);
	}

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-top { gap: 12px; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-avatar {
		width: 46px; height: 46px; flex: 0 0 46px; font-size: 18px;
		box-shadow: 0 6px 14px color-mix(in srgb, var(--pb2b-primary) 34%, transparent);
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-id { gap: 3px; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-name { font-size: 15px; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-company { font-size: 11.5px; }

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-status {
		max-width: 100%; padding: 3px 9px; font-size: 10.5px;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-actions {
		gap: 8px; margin-top: 12px; padding-top: 12px;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link {
		flex-direction: column; align-items: center; justify-content: center;
		text-align: center; gap: 6px;
		padding: 10px 8px; min-height: 60px;
		font-size: 11.5px; line-height: 1.2;
		white-space: normal; word-break: normal; overflow-wrap: anywhere;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico { width: 18px; height: 18px; flex: 0 0 18px; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico svg { width: 18px; height: 18px; }

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-badge { top: 6px; right: 6px; }

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout {
		margin-top: 2px; padding: 9px 12px; min-height: 0; font-size: 12px;
	}
}

@media (max-width: 1199px) {

	.phoenix-b2b-panel .pb2b-nav-grouped {
		flex: 1 1 auto; min-height: 0; overflow-y: auto;
		padding: 2px 0 10px !important;
	}

	.phoenix-b2b-panel .pb2b-nav-group + .pb2b-nav-group { margin-top: 12px; padding-top: 12px; }
	.phoenix-b2b-panel .pb2b-nav-group-title {
		padding: 0 4px 6px 12px; margin: 0;
		font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase;
		color: var(--pb2b-text-dim);
	}

	.phoenix-b2b-panel .pb2b-nav-item {
		padding: 9px 12px; margin: 1px 0; gap: 12px; border-radius: var(--pb2b-radius-sm);
	}
	.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-icon { width: 19px; height: 19px; flex: 0 0 19px; }
	.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-icon svg { width: 19px; height: 19px; }
	.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-label { font-size: 13.5px; }
}

.phoenix-b2b-panel .pb2b-sidebar-footer { padding: 6px 12px 14px; }
.phoenix-b2b-panel .pb2b-sidebar-foot-brand {
	margin-top: 0; padding-top: 10px;
	border-top: 1px solid var(--pb2b-border);
	justify-content: center; gap: 0;
}
.phoenix-b2b-panel .pb2b-sidebar-foot-brand-name {
	font-size: 10.5px; font-weight: 600; letter-spacing: .04em;
	color: var(--pb2b-text-dim);
}

@media (max-width: 1199px) {

	.phoenix-b2b-panel .pb2b-app-header { align-items: center; }
	.phoenix-b2b-panel .pb2b-topbar-title { flex: 1 1 auto !important; min-width: 0 !important; }
	.phoenix-b2b-panel .pb2b-topbar-h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.phoenix-b2b-panel .pb2b-topbar-right { flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center; }

	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart {
		position: relative !important;
		display: inline-flex !important; align-items: center !important;
		width: auto !important; max-width: none !important; min-width: 0 !important;
		height: auto !important; flex: 0 0 auto !important;
		padding: 7px 12px !important; gap: 8px !important;
		overflow: visible !important; justify-content: flex-start !important;
		border-radius: 999px !important;
	}
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-ico {
		width: 19px !important; height: 19px !important; flex: 0 0 19px !important;
		color: var(--pb2b-primary-2);
	}

	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-meta {
		display: inline-flex !important; flex-direction: row !important; align-items: center !important;
		width: auto !important; max-width: none !important; min-width: 0 !important;
		overflow: visible !important; line-height: 1 !important;
	}

	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-count { display: none !important; }
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-count::after { content: none !important; }

	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-total {
		display: inline-block !important;
		width: auto !important; max-width: none !important; overflow: visible !important;
		white-space: nowrap !important;
		font-size: 12.5px !important; font-weight: 800 !important;
		color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-total::before { content: none !important; margin: 0 !important; }
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-total * { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-total:empty { display: none !important; }

	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-badge {
		position: absolute !important; top: -6px !important; right: -6px !important;
		left: auto !important; inset: auto -6px auto auto !important; margin: 0 !important;
		min-width: 17px !important; height: 17px !important; padding: 0 4px !important;
		display: inline-flex !important; align-items: center !important; justify-content: center !important;
		border-radius: 999px !important;
		background: var(--pb2b-primary) !important; color: var(--pb2b-primary-contrast) !important;
		border: 2px solid var(--pb2b-bg-1) !important; box-sizing: border-box !important;
		font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important;
	}

	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart.is-empty { padding: 8px !important; }
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge,
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-meta { display: none !important; }
}

@media (max-width: 359px) {
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart { padding: 8px !important; gap: 0 !important; }
	.phoenix-b2b-panel .pb2b-topbar .pb2b-topbar-cart-meta { display: none !important; }
}

.phoenix-b2b-panel .pb2b-app-header,
.phoenix-b2b-panel .pb2b-topbar {
	background: color-mix(in srgb, var(--pb2b-bg-1) 88%, transparent);
	-webkit-backdrop-filter: saturate(140%) blur(10px);
	backdrop-filter: saturate(140%) blur(10px);
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-topbar-h1 { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-topbar-sub { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-topbar-bell {
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text);
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-topbar-bell:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-topbar-bell:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-topbar-bell-dot { border-color: var(--pb2b-bg-1); }

.phoenix-b2b-panel .pb2b-burger {
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px;
	background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-burger:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-burger:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }

.phoenix-b2b-panel .pb2b-topbar-cart { background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-topbar-cart.has-items { border-color: color-mix(in srgb, var(--pb2b-primary) 45%, var(--pb2b-border)); }

@media (max-width: 430px) {
	.phoenix-b2b-panel .pb2b-theme-toggle-track { width: 46px; height: 24px; }
	.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-theme-toggle-knob { transform: translate(22px, -50%); }
}

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-sidebar-close { display: none !important; }
}

.phoenix-b2b-panel .pb2b-content .pb2b-stat { height: 100%; }
.phoenix-b2b-panel .pb2b-content .pb2b-stat-value { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-content .pb2b-stat-label { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-content .pb2b-hero-greeting { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-content .pb2b-hero-company { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-content .pb2b-quick-tile {
	height: 100%;
	transition: background .15s ease, border-color .15s ease, transform .08s ease;
}
.phoenix-b2b-panel .pb2b-content .pb2b-quick-tile:hover { transform: translateY(-1px); }
.phoenix-b2b-panel .pb2b-content .pb2b-quick-tile-label { color: var(--pb2b-text); }

@media (max-width: 767px) {

	.phoenix-b2b-panel .pb2b-content { gap: 14px; }
	.phoenix-b2b-panel .pb2b-content .pb2b-hero { padding: 16px; }
}

.phoenix-b2b-panel .pb2b-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.phoenix-b2b-panel .pb2b-content select,
.phoenix-b2b-panel .pb2b-content textarea {
	background-color: var(--pb2b-bg-2);
	color: var(--pb2b-text-strong);
	border-color: var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-content input::placeholder,
.phoenix-b2b-panel .pb2b-content textarea::placeholder { color: var(--pb2b-text-dim); opacity: 1; }
.phoenix-b2b-panel .pb2b-content input:focus,
.phoenix-b2b-panel .pb2b-content select:focus,
.phoenix-b2b-panel .pb2b-content textarea:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--pb2b-primary) 55%, var(--pb2b-border));
	box-shadow: var(--pb2b-shadow-focus);
}

.phoenix-b2b-panel .pb2b-content select { color-scheme: light dark; }

.phoenix-b2b-panel .pb2b-content .pb2b-card-title,
.phoenix-b2b-panel .pb2b-content .pb2b-overline { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-content .pb2b-muted { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel a,
.phoenix-b2b-panel a:hover,
.phoenix-b2b-panel a:focus,
.phoenix-b2b-panel .pb2b-nav-item,
.phoenix-b2b-panel .pb2b-side-account-link,
.phoenix-b2b-panel .pb2b-app-footer-link { text-decoration: none; }

.phoenix-b2b-panel .pb2b-content a:focus-visible {
	outline: none; border-radius: 4px; box-shadow: var(--pb2b-shadow-focus);
}
/* === panel-v3-9.css === */
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar {
		padding-left: 0 !important;
		padding-right: 0 !important;
		gap: 0 !important;

	}
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar-topbar {
		position: absolute !important;
		top: calc(env(safe-area-inset-top, 0px) + 9px) !important;
		right: 12px !important;
		left: auto !important;
		width: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
		border: 0 !important;
		z-index: 6 !important;
		justify-content: flex-end !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close {
		width: 30px !important; height: 30px !important; flex: 0 0 30px !important;
		padding: 0 !important;
		border-radius: 9px !important;
		background: color-mix(in srgb, var(--pb2b-bg-2) 86%, transparent) !important;
		border: 1px solid var(--pb2b-border) !important;
		color: var(--pb2b-text-muted) !important;
		-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
		box-shadow: var(--pb2b-shadow-sm);
	}
	.phoenix-b2b-panel .pb2b-sidebar-close:hover {
		background: var(--pb2b-bg-3) !important;
		color: var(--pb2b-text-strong) !important;
		border-color: var(--pb2b-border-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 15px !important; height: 15px !important; }
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-side-account-hero {
		margin: 0 0 12px !important;
		padding: calc(env(safe-area-inset-top, 0px) + 44px) 16px 16px !important;
		background: linear-gradient(168deg,
			color-mix(in srgb, var(--pb2b-primary) 20%, var(--pb2b-bg-1)) 0%,
			color-mix(in srgb, var(--pb2b-primary) 8%, var(--pb2b-bg-1)) 42%,
			var(--pb2b-bg-1) 100%) !important;
		border: 0 !important;
		border-bottom: 1px solid var(--pb2b-border) !important;
		border-radius: 0 0 20px 20px !important;
		box-shadow: 0 10px 24px -16px color-mix(in srgb, var(--pb2b-primary) 50%, transparent) !important;
	}
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-top {
		gap: 13px !important; align-items: center !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-avatar {
		width: 50px !important; height: 50px !important; flex: 0 0 50px !important;
		font-size: 20px !important;
		box-shadow: 0 8px 18px color-mix(in srgb, var(--pb2b-primary) 40%, transparent) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-id { gap: 4px !important; min-width: 0 !important; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-name {
		font-size: 17px !important; font-weight: 800 !important; line-height: 1.1 !important;
		color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-company {
		font-size: 12px !important; color: var(--pb2b-text-muted) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-status {
		align-self: flex-start !important;
		max-width: 100% !important; margin-top: 2px !important; padding: 4px 10px !important;
		font-size: 11px !important; font-weight: 700 !important;
		background: color-mix(in srgb, var(--pb2b-success) 16%, var(--pb2b-bg-1)) !important;
		color: var(--pb2b-success-ink) !important;
		white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
	}
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-actions {
		display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 9px !important;
		margin-top: 14px !important; padding-top: 14px !important;
		border-top: 1px solid color-mix(in srgb, var(--pb2b-text) 8%, transparent) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link {
		position: relative !important;
		flex-direction: column !important; align-items: center !important; justify-content: center !important;
		text-align: center !important; gap: 7px !important;
		min-height: 64px !important; padding: 11px 8px !important;
		background: color-mix(in srgb, var(--pb2b-bg-2) 78%, transparent) !important;
		border: 1px solid var(--pb2b-border) !important;
		border-radius: 12px !important;
		color: var(--pb2b-text) !important;
		font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important;
		white-space: normal !important; overflow-wrap: anywhere !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link:hover {
		background: var(--pb2b-bg-2) !important;
		border-color: color-mix(in srgb, var(--pb2b-primary) 42%, var(--pb2b-border)) !important;
		transform: translateY(-1px) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico { width: 19px !important; height: 19px !important; flex: 0 0 19px !important; color: var(--pb2b-primary) !important; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico svg { width: 19px !important; height: 19px !important; }
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-badge {
		top: 6px !important; right: 6px !important; left: auto !important;
		min-width: 17px !important; height: 17px !important; padding: 0 4px !important;
		background: var(--pb2b-danger) !important; color: #fff !important;
		font-size: 10px !important; font-weight: 800 !important;
	}

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout {
		grid-column: 1 / -1 !important;
		flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
		min-height: 0 !important; margin-top: 1px !important; padding: 10px 12px !important;
		background: color-mix(in srgb, var(--pb2b-danger) 9%, transparent) !important;
		border: 1px solid color-mix(in srgb, var(--pb2b-danger) 24%, var(--pb2b-border)) !important;
		color: var(--pb2b-danger-ink) !important;
		font-size: 12.5px !important; font-weight: 700 !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout:hover {
		background: color-mix(in srgb, var(--pb2b-danger) 16%, transparent) !important;
		border-color: color-mix(in srgb, var(--pb2b-danger) 42%, var(--pb2b-border)) !important;
		transform: none !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout .pb2b-side-account-link-ico { color: var(--pb2b-danger-ink) !important; }
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-nav-grouped {
		padding: 2px 12px 12px !important;
		flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important;
	}
	.phoenix-b2b-panel .pb2b-nav-group + .pb2b-nav-group {
		margin-top: 12px !important; padding-top: 12px !important;
		border-top: 1px solid var(--pb2b-border) !important;
	}
	.phoenix-b2b-panel .pb2b-nav-group-title {
		padding: 0 6px 7px !important; margin: 0 !important;
		font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important;
		color: var(--pb2b-text-dim) !important;
	}
	.phoenix-b2b-panel .pb2b-nav-item {
		position: relative !important;
		padding: 10px 12px !important; margin: 2px 0 !important; gap: 13px !important;
		border-radius: 11px !important;
		color: var(--pb2b-text-soft) !important;
		font-weight: 600 !important;
	}
	.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; color: var(--pb2b-text-muted) !important; }
	.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-icon svg { width: 20px !important; height: 20px !important; }
	.phoenix-b2b-panel .pb2b-nav-item .pb2b-nav-label { font-size: 14px !important; }
	.phoenix-b2b-panel .pb2b-nav-item:hover {
		background: color-mix(in srgb, var(--pb2b-text) 5%, transparent) !important;
		color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-nav-item:hover .pb2b-nav-icon { color: var(--pb2b-text) !important; }

	.phoenix-b2b-panel .pb2b-nav-item.is-active {
		background: color-mix(in srgb, var(--pb2b-primary) 14%, transparent) !important;
		color: var(--pb2b-primary-strong) !important;
	}
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-nav-item.is-active { color: var(--pb2b-primary-2) !important; }
	.phoenix-b2b-panel .pb2b-nav-item.is-active .pb2b-nav-icon { color: inherit !important; }
	.phoenix-b2b-panel .pb2b-nav-item.is-active::before {
		content: "" !important; position: absolute !important;
		left: 4px !important; top: 50% !important; transform: translateY(-50%) !important;
		width: 3px !important; height: 18px !important; border-radius: 999px !important;
		background: var(--pb2b-primary) !important;
	}
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar-footer {
		margin-top: auto !important;
		padding: 8px 12px calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-foot-brand {
		margin: 0 !important; padding-top: 10px !important;
		border-top: 1px solid var(--pb2b-border) !important;
		justify-content: center !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-foot-brand-name {
		font-size: 10px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important;
		color: var(--pb2b-text-dim) !important;
	}
}

@media (max-width: 1199px) {

	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-title { flex: 1 1 auto !important; min-width: 0 !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-h1 { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-right { flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; }

	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart {
		position: relative !important; overflow: visible !important;
		display: inline-flex !important; align-items: center !important; justify-content: flex-start !important;
		width: auto !important; max-width: none !important; min-width: 0 !important;
		height: auto !important; flex: 0 0 auto !important;
		gap: 8px !important; padding: 8px 13px !important;
		border-radius: 999px !important;
		background: var(--pb2b-bg-3) !important; border: 1px solid var(--pb2b-border) !important;
	}
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart.has-items {
		border-color: color-mix(in srgb, var(--pb2b-primary) 45%, var(--pb2b-border)) !important;
		background: color-mix(in srgb, var(--pb2b-primary) 8%, var(--pb2b-bg-3)) !important;
	}
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-ico {
		width: 19px !important; height: 19px !important; flex: 0 0 19px !important;
		color: var(--pb2b-primary-2) !important;
	}
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-ico svg { width: 100% !important; height: 100% !important; }

	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-meta {
		display: inline-flex !important; flex-direction: row !important; align-items: center !important;
		width: auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; line-height: 1 !important;
	}
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-count { display: none !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-count::after { content: none !important; }

	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total {
		display: inline-block !important;
		width: auto !important; max-width: none !important; overflow: visible !important;
		white-space: nowrap !important;
		font-size: 13px !important; font-weight: 800 !important; letter-spacing: -.01em !important;
		color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total::before { content: none !important; margin: 0 !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total * { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-total:empty { display: none !important; }

	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-badge {
		position: absolute !important;
		top: -7px !important; right: -7px !important; bottom: auto !important; left: auto !important;
		margin: 0 !important; transform: none !important;
		min-width: 18px !important; height: 18px !important; padding: 0 5px !important;
		display: inline-flex !important; align-items: center !important; justify-content: center !important;
		border-radius: 999px !important;
		background: var(--pb2b-primary) !important; color: var(--pb2b-primary-contrast) !important;
		border: 2px solid var(--pb2b-bg-1) !important; box-sizing: border-box !important;
		font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important;
		box-shadow: 0 2px 6px color-mix(in srgb, var(--pb2b-primary) 45%, transparent) !important;
	}

	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart.is-empty { padding: 9px !important; gap: 0 !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-badge,
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart.is-empty .pb2b-topbar-cart-meta { display: none !important; }
}

@media (max-width: 359px) {
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart { padding: 9px !important; gap: 0 !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-cart .pb2b-topbar-cart-meta { display: none !important; }
}

.phoenix-b2b-panel .pb2b-app-header,
.phoenix-b2b-panel .pb2b-topbar {
	background: color-mix(in srgb, var(--pb2b-bg-1) 90%, transparent);
	-webkit-backdrop-filter: saturate(140%) blur(10px); backdrop-filter: saturate(140%) blur(10px);
	border-bottom: 1px solid var(--pb2b-border);
}
@media (max-width: 1199px) {

	.phoenix-b2b-panel .pb2b-app-header { padding-right: calc(12px + env(safe-area-inset-right, 0px)) !important; padding-left: calc(12px + env(safe-area-inset-left, 0px)) !important; }
	.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-right { gap: 9px !important; }

	.phoenix-b2b-panel .pb2b-topbar-bell,
	.phoenix-b2b-panel .pb2b-burger {
		background: var(--pb2b-bg-3); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
	}
}
.phoenix-b2b-panel .pb2b-topbar-h1 { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-topbar-bell:hover,
.phoenix-b2b-panel .pb2b-burger:hover { background: var(--pb2b-bg-4); border-color: var(--pb2b-border-strong); color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-topbar-bell:focus-visible,
.phoenix-b2b-panel .pb2b-burger:focus-visible,
.phoenix-b2b-panel .pb2b-topbar-cart:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-topbar-bell-dot { border: 2px solid var(--pb2b-bg-1); }

.phoenix-b2b-panel .pb2b-mini-cartbar {
	background: color-mix(in srgb, var(--pb2b-primary) 6%, var(--pb2b-bg-1));
	border-bottom: 1px solid var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-ico { color: var(--pb2b-primary-2); }
.phoenix-b2b-panel .pb2b-mini-cartbar-count strong,
.phoenix-b2b-panel .pb2b-mini-cartbar-total { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-mini-cartbar-sep { color: var(--pb2b-text-dim); }
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-ghost {
	background: var(--pb2b-bg-2); border: 1px solid var(--pb2b-border); color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-ghost:hover { background: var(--pb2b-bg-3); border-color: var(--pb2b-border-strong); }
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-primary {
	background: var(--pb2b-primary); border: 1px solid var(--pb2b-primary); color: var(--pb2b-primary-contrast);
}
.phoenix-b2b-panel .pb2b-mini-cartbar-btn-primary:hover { background: var(--pb2b-primary-hover); border-color: var(--pb2b-primary-hover); }

.phoenix-b2b-panel .pb2b-content .pb2b-hero-greeting {
	color: var(--pb2b-text-muted); font-weight: 600; letter-spacing: .01em;
}
.phoenix-b2b-panel .pb2b-content .pb2b-hero-company { color: var(--pb2b-text-strong); letter-spacing: -.01em; }

.phoenix-b2b-panel .pb2b-content .pb2b-hero-cta .pb2b-btn-primary {
	background: var(--pb2b-accent-grad); border: 0; color: var(--pb2b-primary-contrast);
	box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--pb2b-primary) 60%, transparent);
}
.phoenix-b2b-panel .pb2b-content .pb2b-hero-cta .pb2b-btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); }

.phoenix-b2b-panel .pb2b-content .pb2b-hero-cta .pb2b-btn-outline {
	background: color-mix(in srgb, var(--pb2b-bg-2) 70%, transparent);
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 38%, var(--pb2b-border));
	color: var(--pb2b-text-strong);
}
.phoenix-b2b-panel .pb2b-content .pb2b-hero-cta .pb2b-btn-outline:hover {
	background: var(--pb2b-bg-2); border-color: color-mix(in srgb, var(--pb2b-primary) 55%, var(--pb2b-border));
}
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-content .pb2b-hero-greeting { font-size: 13.5px; }
	.phoenix-b2b-panel .pb2b-content .pb2b-hero-company { font-size: 23px; margin: 3px 0 12px; }
	.phoenix-b2b-panel .pb2b-content .pb2b-hero-cta { gap: 9px; }
}

.phoenix-b2b-panel .pb2b-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
.phoenix-b2b-panel .pb2b-content select,
.phoenix-b2b-panel .pb2b-content textarea {
	background-color: var(--pb2b-bg-3);
	color: var(--pb2b-text-strong);
	border: 1px solid var(--pb2b-border);
	border-radius: 10px;
}
.phoenix-b2b-panel .pb2b-content input::placeholder,
.phoenix-b2b-panel .pb2b-content textarea::placeholder { color: var(--pb2b-text-dim); opacity: 1; }
.phoenix-b2b-panel .pb2b-content input:focus,
.phoenix-b2b-panel .pb2b-content select:focus,
.phoenix-b2b-panel .pb2b-content textarea:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--pb2b-primary) 55%, var(--pb2b-border));
	box-shadow: var(--pb2b-shadow-focus);
}
.phoenix-b2b-panel .pb2b-content select { color-scheme: light dark; }

.phoenix-b2b-panel .pb2b-content .pb2b-card-title,
.phoenix-b2b-panel .pb2b-content .pb2b-overline,
.phoenix-b2b-panel .pb2b-content .pb2b-stat-value,
.phoenix-b2b-panel .pb2b-content .pb2b-field-label { color: var(--pb2b-text-strong); }
.phoenix-b2b-panel .pb2b-content .pb2b-muted,
.phoenix-b2b-panel .pb2b-content .pb2b-stat-label,
.phoenix-b2b-panel .pb2b-content .pb2b-stat-foot { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-field-label { color: var(--pb2b-text-soft); font-weight: 600; }

.phoenix-b2b-panel a,
.phoenix-b2b-panel a:hover,
.phoenix-b2b-panel a:focus,
.phoenix-b2b-panel .pb2b-nav-item,
.phoenix-b2b-panel .pb2b-side-account-link,
.phoenix-b2b-panel .pb2b-bottom-nav-item,
.phoenix-b2b-panel .pb2b-mini-cartbar-btn,
.phoenix-b2b-panel .pb2b-app-footer-link { text-decoration: none; }
.phoenix-b2b-panel .pb2b-content a:focus-visible {
	outline: none; border-radius: 6px; box-shadow: var(--pb2b-shadow-focus);
}
/* === panel-v3-10.css === */
@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-sidebar-topbar {
		top: calc(env(safe-area-inset-top, 0px) + 16px) !important;
		right: 14px !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close {
		width: 28px !important; height: 28px !important; flex: 0 0 28px !important;
		border-radius: 8px !important;
		background: color-mix(in srgb, var(--pb2b-bg-1) 55%, transparent) !important;
		border: 1px solid color-mix(in srgb, var(--pb2b-text) 12%, transparent) !important;
		color: var(--pb2b-text-soft) !important;
		box-shadow: none !important;
		transition: background .15s ease, color .15s ease, border-color .15s ease !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close:hover {
		background: color-mix(in srgb, var(--pb2b-bg-2) 90%, transparent) !important;
		color: var(--pb2b-text-strong) !important;
		border-color: var(--pb2b-border-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-sidebar-close svg { width: 14px !important; height: 14px !important; }
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-side-account-hero {

		padding: calc(env(safe-area-inset-top, 0px) + 18px) 16px 18px !important;
		margin: 0 0 10px !important;
		border-radius: 0 0 22px 22px !important;
	}

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-top {
		gap: 14px !important; align-items: center !important;
		padding-right: 36px !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-avatar {
		width: 54px !important; height: 54px !important; flex: 0 0 54px !important;
		font-size: 21px !important; font-weight: 800 !important;
		border-radius: 16px !important;
		box-shadow: 0 10px 22px -6px color-mix(in srgb, var(--pb2b-primary) 55%, transparent) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-name {
		font-size: 17.5px !important; font-weight: 800 !important; line-height: 1.12 !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-company {
		font-size: 12px !important; line-height: 1.2 !important;
	}

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-actions {
		gap: 10px !important; margin-top: 16px !important; padding-top: 16px !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link {
		min-height: 68px !important; padding: 12px 8px !important;
		border-radius: 14px !important;
		font-size: 12px !important; font-weight: 600 !important;
		box-shadow: var(--pb2b-shadow-sm) !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico {
		width: 20px !important; height: 20px !important; flex: 0 0 20px !important;
	}
	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-link-ico svg { width: 20px !important; height: 20px !important; }

	.phoenix-b2b-panel .pb2b-side-account-hero .pb2b-side-account-logout {
		margin-top: 2px !important; min-height: 44px !important; padding: 11px 12px !important;
		border-radius: 12px !important; box-shadow: none !important;
	}
}

@media (max-width: 1199px) {
	.phoenix-b2b-panel .pb2b-nav-grouped {
		padding: 4px 12px 14px !important;
	}

	.phoenix-b2b-panel .pb2b-sidebar-footer {
		padding: 6px 12px calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
	}
}

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table {
		display: block !important; width: 100% !important; border: 0 !important;
		font-size: 14px !important;
	}

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table thead { display: none !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody { display: block !important; width: 100% !important; }

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item {
		display: flex !important; align-items: flex-start !important; justify-content: space-between !important;
		gap: 12px !important; width: 100% !important;
		padding: 13px 14px !important; margin: 0 0 10px !important;
		background: var(--pb2b-bg-2) !important;
		border: 1px solid var(--pb2b-border) !important;
		border-radius: var(--pb2b-radius-sm) !important;
	}

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name {
		display: block !important; flex: 1 1 auto !important; min-width: 0 !important;
		padding: 0 !important; border: 0 !important; text-align: left !important;
		font-weight: 700 !important; line-height: 1.34 !important;
		color: var(--pb2b-text-strong) !important;
		overflow-wrap: anywhere !important; word-break: break-word !important;
	}

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
		display: flex !important;
		width: -moz-fit-content !important; width: fit-content !important; max-width: 100% !important;
		align-items: center !important;
		margin: 8px 0 0 !important; padding: 2px 9px !important;
		background: color-mix(in srgb, var(--pb2b-primary) 12%, transparent) !important;
		color: var(--pb2b-primary-strong) !important;
		border-radius: 999px !important;
		font-size: 12px !important; font-weight: 700 !important; line-height: 1.5 !important;
		white-space: nowrap !important;
	}
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
		color: var(--pb2b-primary-2) !important;
	}

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation {
		margin: 7px 0 0 !important; font-size: 11.5px !important; color: var(--pb2b-text-muted) !important;
		display: flex !important; flex-wrap: wrap !important; gap: 2px 6px !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dt,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dd {
		margin: 0 !important; padding: 0 !important; font-weight: 600 !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dd p { margin: 0 !important; }

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total {
		display: block !important; flex: 0 0 auto !important;
		padding: 0 !important; border: 0 !important; text-align: right !important;
		white-space: nowrap !important;
		font-size: 14.5px !important; font-weight: 800 !important; letter-spacing: -.01em !important;
		color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total .amount,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total bdi { color: inherit !important; }
}

@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot { display: block !important; width: 100% !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr {
		display: flex !important; align-items: baseline !important; justify-content: space-between !important;
		gap: 12px !important; width: 100% !important;
		padding: 10px 2px !important; border: 0 !important;
		border-top: 1px solid var(--pb2b-border) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr th {
		padding: 0 !important; border: 0 !important; text-align: left !important;
		font-weight: 600 !important; color: var(--pb2b-text-muted) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr td {
		padding: 0 !important; border: 0 !important; text-align: right !important;
		font-weight: 700 !important; color: var(--pb2b-text-strong) !important;
	}

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals {
		display: block !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th { display: block !important; margin-bottom: 6px !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td { display: block !important; text-align: left !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals #shipping_method { margin: 0 !important; padding: 0 !important; list-style: none !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals #shipping_method li { margin: 0 0 4px !important; display: flex !important; align-items: center !important; gap: 8px !important; }

	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total {
		margin-top: 2px !important; padding-top: 13px !important;
		border-top: 2px solid color-mix(in srgb, var(--pb2b-primary) 30%, var(--pb2b-border)) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total th {
		font-size: 15px !important; font-weight: 800 !important; color: var(--pb2b-text-strong) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td {
		font-size: 18px !important; font-weight: 900 !important; letter-spacing: -.01em !important;
		color: var(--pb2b-primary-strong) !important;
	}
	.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td {
		color: var(--pb2b-primary-2) !important;
	}
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td .amount,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td bdi { color: inherit !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-name { font-weight: 600; color: var(--pb2b-text-strong); }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tbody tr.cart_item .product-total { font-weight: 700; color: var(--pb2b-text-strong); white-space: nowrap; }
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total th,
	.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.order-total td { font-weight: 800; color: var(--pb2b-text-strong); }
}

.phoenix-b2b-panel .phoenix-b2b-logistics-summary,
.phoenix-b2b-panel .pb2b-checkout-woo .phoenix-b2b-logistics-summary,
.phoenix-b2b-panel .woocommerce-checkout-review-order .phoenix-b2b-logistics-summary,
.phoenix-b2b-panel tr.phoenix-b2b-logistics-summary,

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr.phoenix-b2b-logistics-summary {
	display: none !important;
}

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-login-toggle,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-coupon-toggle {
	margin: 0 0 14px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-login-toggle .woocommerce-info,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-coupon-toggle .woocommerce-info {
	margin: 0 !important;
	background: color-mix(in srgb, var(--pb2b-primary) 7%, var(--pb2b-bg-2)) !important;
	border: 1px solid color-mix(in srgb, var(--pb2b-primary) 22%, var(--pb2b-border)) !important;
	color: var(--pb2b-text) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-info a,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form-coupon .showcoupon,
.phoenix-b2b-panel .pb2b-checkout-woo a.showlogin,
.phoenix-b2b-panel .pb2b-checkout-woo a.showcoupon {
	color: var(--pb2b-primary-strong) !important; font-weight: 700 !important;
}
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-info a,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .showcoupon,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo a.showlogin { color: var(--pb2b-primary-2) !important; }

.phoenix-b2b-panel .pb2b-checkout-woo form.checkout_coupon,
.phoenix-b2b-panel .pb2b-checkout-woo form.woocommerce-form-login {
	background: var(--pb2b-bg-2) !important;
	border: 1px solid var(--pb2b-border) !important;
	border-radius: var(--pb2b-radius-sm) !important;
	padding: 16px !important; margin: 0 0 16px !important;
	box-shadow: none !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo form.checkout_coupon .button,
.phoenix-b2b-panel .pb2b-checkout-woo form.woocommerce-form-login .button {
	border-radius: 10px !important; min-height: 44px !important;
	background: var(--pb2b-primary) !important; border: 1px solid var(--pb2b-primary) !important;
	color: var(--pb2b-primary-contrast) !important; font-weight: 700 !important;
	box-shadow: none !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo form.checkout_coupon .button:hover,
.phoenix-b2b-panel .pb2b-checkout-woo form.woocommerce-form-login .button:hover {
	background: var(--pb2b-primary-hover) !important; border-color: var(--pb2b-primary-hover) !important;
	transform: none !important;
}

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-terms-and-conditions-wrapper {
	margin: 6px 0 16px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-privacy-policy-text,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-terms-and-conditions-wrapper p { color: var(--pb2b-text-muted) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .validate-required label,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-form__label-for-checkbox { color: var(--pb2b-text) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-terms-and-conditions-link,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-privacy-policy-link { color: var(--pb2b-primary-strong) !important; font-weight: 600 !important; }
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-terms-and-conditions-link,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .woocommerce-privacy-policy-link { color: var(--pb2b-primary-2) !important; }

.phoenix-b2b-panel .pb2b-checkout-woo ul.payment_methods { margin: 0 0 14px !important; padding: 0 !important; list-style: none !important; }
.phoenix-b2b-panel .pb2b-checkout-woo ul.payment_methods li { margin: 0 0 8px !important; }
.phoenix-b2b-panel .pb2b-checkout-woo ul.payment_methods label { color: var(--pb2b-text) !important; font-weight: 600 !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .payment_box {
	background: var(--pb2b-bg-3) !important; border-radius: 10px !important;
	color: var(--pb2b-text-soft) !important; font-size: 13px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .payment_box::before { display: none !important; }

.phoenix-b2b-panel .pb2b-checkout-woo .wc-backward,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-message a.button {
	background: var(--pb2b-bg-2) !important; border: 1px solid var(--pb2b-border) !important;
	color: var(--pb2b-text) !important; border-radius: 999px !important; box-shadow: none !important;
}

.phoenix-b2b-panel .pb2b-checkout-woo #place_order {
	background: var(--pb2b-accent-grad) !important;
	color: var(--pb2b-primary-contrast) !important;
	box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--pb2b-primary) 60%, transparent) !important;
	letter-spacing: .01em !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:hover { filter: brightness(1.05) !important; transform: translateY(-1px) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--pb2b-primary) 28%, transparent) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #place_order:disabled,
.phoenix-b2b-panel .pb2b-checkout-woo #place_order.disabled { opacity: .6 !important; filter: none !important; transform: none !important; cursor: not-allowed !important; }

.phoenix-b2b-panel .pb2b-checkout-woo h3,
.phoenix-b2b-panel .pb2b-checkout-woo #order_review_heading,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-billing-fields > h3,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-shipping-fields > h3,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-additional-fields h3 { color: var(--pb2b-text-strong) !important; }

.phoenix-b2b-panel .pb2b-checkout-woo .form-row label,
.phoenix-b2b-panel .pb2b-checkout-woo label { color: var(--pb2b-text-soft) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .required { color: var(--pb2b-danger) !important; border: 0 !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .optional { color: var(--pb2b-text-dim) !important; }

.phoenix-b2b-panel .pb2b-checkout-woo .input-text,
.phoenix-b2b-panel .pb2b-checkout-woo input.input-text,
.phoenix-b2b-panel .pb2b-checkout-woo select,
.phoenix-b2b-panel .pb2b-checkout-woo .select2-selection,
.phoenix-b2b-panel .pb2b-checkout-woo textarea {
	background: var(--pb2b-bg-3) !important;
	color: var(--pb2b-text-strong) !important;
	border: 1px solid var(--pb2b-border) !important;
	border-radius: 10px !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .input-text::placeholder,
.phoenix-b2b-panel .pb2b-checkout-woo textarea::placeholder { color: var(--pb2b-text-dim) !important; opacity: 1 !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .input-text:focus,
.phoenix-b2b-panel .pb2b-checkout-woo select:focus,
.phoenix-b2b-panel .pb2b-checkout-woo textarea:focus {
	outline: none !important;
	border-color: color-mix(in srgb, var(--pb2b-primary) 55%, var(--pb2b-border)) !important;
	box-shadow: var(--pb2b-shadow-focus) !important;
}

.phoenix-b2b-panel .pb2b-checkout-woo .select2-container--default .select2-selection--single { height: 46px !important; display: flex !important; align-items: center !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--pb2b-text-strong) !important; line-height: 1.4 !important; }

.phoenix-b2b-panel .pb2b-checkout-woo #customer_details,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order,
.phoenix-b2b-panel .pb2b-checkout-woo #payment {
	background: var(--pb2b-bg-2) !important; border: 1px solid var(--pb2b-border) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo #payment { background: var(--pb2b-bg-1) !important; }

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table { color: var(--pb2b-text) !important; }
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table th,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table td { border-color: var(--pb2b-border) !important; }

.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-error,
.phoenix-b2b-panel .pb2b-checkout-woo ul.woocommerce-error {
	background: var(--pb2b-danger-soft) !important; border: 1px solid color-mix(in srgb, var(--pb2b-danger) 34%, var(--pb2b-border)) !important;
	color: var(--pb2b-danger-ink) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-message {
	background: var(--pb2b-success-soft) !important; border: 1px solid color-mix(in srgb, var(--pb2b-success) 34%, var(--pb2b-border)) !important;
	color: var(--pb2b-success-ink) !important;
}
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-info {
	background: var(--pb2b-info-soft) !important; border: 1px solid color-mix(in srgb, var(--pb2b-info) 34%, var(--pb2b-border)) !important;
	color: var(--pb2b-text) !important;
}

body.phoenix-b2b-app-page #scroll-to-top,
body.phoenix-b2b-app-page .scroll-to-top,
body.phoenix-b2b-app-page #back-to-top,
body.phoenix-b2b-app-page .back-to-top,
body.phoenix-b2b-app-page .back_to_top,
body.phoenix-b2b-app-page .backtotop,
body.phoenix-b2b-app-page #scrollup,
body.phoenix-b2b-app-page .scrollup,
body.phoenix-b2b-app-page #scroll-top,
body.phoenix-b2b-app-page .scroll-top,
body.phoenix-b2b-app-page .scrolltop,
body.phoenix-b2b-app-page .scrollToTop,
body.phoenix-b2b-app-page #toTop,
body.phoenix-b2b-app-page #totop,
body.phoenix-b2b-app-page .to-top,
body.phoenix-b2b-app-page #ast-scroll-top,
body.phoenix-b2b-app-page .ast-scroll-top,
body.phoenix-b2b-app-page .generate-back-to-top,
body.phoenix-b2b-app-page #generate-back-to-top,
body.phoenix-b2b-app-page .kadence-scroll-to-top,
body.phoenix-b2b-app-page #kt-scroll-up-reader,
body.phoenix-b2b-app-page .ct-back-to-top,
body.phoenix-b2b-app-page #ct-back-to-top,
body.phoenix-b2b-app-page .fusion-back-to-top,
body.phoenix-b2b-app-page #et_pb_back_to_top,
body.phoenix-b2b-app-page .et_pb_scroll_top,
body.phoenix-b2b-app-page [class*="back-to-top"],
body.phoenix-b2b-app-page [class*="backtotop"],
body.phoenix-b2b-app-page [class*="scroll-to-top"],
body.phoenix-b2b-app-page [class*="scrolltotop"],
body.phoenix-b2b-app-page [id*="back-to-top"],
body.phoenix-b2b-app-page [id*="scroll-to-top"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.phoenix-b2b-panel .pb2b-checkout-woo,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order,
.phoenix-b2b-panel .pb2b-checkout-woo .woocommerce-checkout-review-order-table { max-width: 100% !important; overflow-x: clip !important; }
/* === panel-v3-11.css === */
@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}

	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-layout { grid-template-columns: 224px minmax(0, 1fr); }
}
@media (min-width: 1600px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}
}

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-media { margin: 10px 10px 0; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-image img { padding: 12px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-body { padding: 12px 13px 14px; gap: 6px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-title { font-size: 13.5px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-price-value { font-size: 19px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn,
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-view,
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-options { height: 40px; font-size: 13px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-actions-row { display: flex; gap: 8px; align-items: stretch; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-actions-row > .pb2b-card-btn:first-child { flex: 1 1 auto; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-qv { width: 40px; flex: 0 0 40px; padding: 0; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-qv-text { display: none; }
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card:hover,
.phoenix-b2b-panel .pb2b-shop-results .pb2b-card:hover {
	border-color: var(--pb2b-primary);
}

.phoenix-b2b-panel .pb2b-card-sku span { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-card-sku-empty { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-card-fav {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-muted);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-card-fav:hover { color: #ec4899; border-color: #f9a8d4; }
.phoenix-b2b-panel .pb2b-card-fav.is-fav { color: #ec4899; border-color: #f9a8d4; }

.phoenix-b2b-panel .pb2b-card-stock {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-card-stock-in   { color: var(--pb2b-success-strong); }
.phoenix-b2b-panel .pb2b-card-stock-low,
.phoenix-b2b-panel .pb2b-card-stock-back { color: var(--pb2b-warning-strong); }
.phoenix-b2b-panel .pb2b-card-stock-out  { color: var(--pb2b-danger-strong); }

.phoenix-b2b-panel .pb2b-card-moq {
	background: var(--pb2b-bg-3);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-card-moq strong { color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-card-moq-empty {
	background: var(--pb2b-bg-3);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-muted);
}

.phoenix-b2b-panel .pb2b-card-pack,
.phoenix-b2b-panel .pb2b-card-price-old { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-list,
.phoenix-b2b-panel .pb2b-row {
	--card-bg: var(--pb2b-bg-2);
	--card-border: var(--pb2b-border);
	--card-media-bg: var(--pb2b-bg-3);
	--card-ink: var(--pb2b-text);
	--card-muted: var(--pb2b-text-muted);
	--card-primary: var(--pb2b-primary);
	--card-primary-2: var(--pb2b-primary-hover);
	--card-shadow: var(--pb2b-shadow-sm);
	--card-shadow-hover: var(--pb2b-shadow);
}
.phoenix-b2b-panel .pb2b-row {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text);
}
.phoenix-b2b-panel .pb2b-row:hover { border-color: var(--pb2b-primary); box-shadow: var(--pb2b-shadow); }
.phoenix-b2b-panel .pb2b-row-media { background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .pb2b-row-title { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-row-title:hover { color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-row-sku { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-row-sku span { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-row-pack { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-row-fav,
.phoenix-b2b-panel .pb2b-row-qv {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-muted);
}
.phoenix-b2b-panel .pb2b-row-fav:hover,
.phoenix-b2b-panel .pb2b-row-fav.is-fav { color: #ec4899; border-color: #f9a8d4; }
.phoenix-b2b-panel .pb2b-row-qv:hover { color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-row-btn-cart {
	background: var(--pb2b-accent-grad);
	color: var(--pb2b-primary-contrast);
	border-color: transparent;
}
.phoenix-b2b-panel .pb2b-row-btn-cart:hover,
.phoenix-b2b-panel .pb2b-row-btn-cart:focus { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-row-btn-view {
	background: var(--pb2b-bg-2);
	color: var(--pb2b-text);
	border-color: var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-row-btn-view:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-row-btn-options {
	background: var(--pb2b-primary-soft);
	color: var(--pb2b-primary-strong);
	border-color: var(--pb2b-primary-soft);
}
.phoenix-b2b-panel .pb2b-row-btn-options:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-row .pb2b-card-stock {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
}

@media (min-width: 1024px) {
	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-list { max-width: 100%; }
}

.phoenix-b2b-panel .pb2b-shop-view-toggle {
	display: inline-flex;
	flex: 0 0 auto;
	border: 1px solid var(--pb2b-border-strong);
	border-radius: var(--pb2b-radius-sm);
	overflow: hidden;
	background: var(--pb2b-bg-2);
}
.phoenix-b2b-panel .pb2b-shop-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--pb2b-text-muted);
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-shop-view-btn + .pb2b-shop-view-btn { border-left: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-shop-view-btn:hover { color: var(--pb2b-text); background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .pb2b-shop-view-btn.is-active {
	background: var(--pb2b-accent-grad);
	color: var(--pb2b-primary-contrast);
}
.phoenix-b2b-panel .pb2b-shop-view-btn:focus-visible {
	outline: none;
	box-shadow: var(--pb2b-shadow-focus);
	position: relative;
	z-index: 1;
}

.phoenix-b2b-panel .pb2b-shop-resultbar { margin-bottom: 14px; }
.phoenix-b2b-panel .pb2b-shop-count {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 600;
	color: var(--pb2b-text-soft);
}

@media (max-width: 380px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}
/* === panel-v3-12.css === */
.phoenix-b2b-panel .pb2b-card-grid,
.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-list,
.phoenix-b2b-panel .pb2b-row {
	--card-bg: var(--pb2b-bg-2);
	--card-border: var(--pb2b-border);
	--card-media-bg: var(--pb2b-bg-3);
	--card-ink: var(--pb2b-text);
	--card-muted: var(--pb2b-text-muted);
	--card-primary: var(--pb2b-primary);
	--card-primary-2: var(--pb2b-primary-hover);
	--card-shadow: var(--pb2b-shadow-sm);
	--card-shadow-hover: var(--pb2b-shadow);
}
.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .pb2b-row { color: var(--pb2b-text); }

.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch;
}
@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}
@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}

	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-layout { grid-template-columns: 224px minmax(0, 1fr); }
}
@media (min-width: 1500px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}
}

@media (max-width: 380px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}

@media (min-width: 1200px) {
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-media { margin: 9px 9px 0; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-image img { padding: 12px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-body { padding: 11px 12px 13px; gap: 6px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-title { font-size: 13.5px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-price-value { font-size: 19px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn,
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-view,
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-options { height: 40px; font-size: 12.5px; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-actions-row { display: flex; gap: 8px; align-items: stretch; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-actions-row > .pb2b-card-btn:first-child { flex: 1 1 auto; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-qv { width: 40px; flex: 0 0 40px; padding: 0; }
	.phoenix-b2b-panel .pb2b-shop-results .pb2b-card-btn-qv-text { display: none; }
}

.phoenix-b2b-panel .pb2b-card-grid .pb2b-card:hover,
.phoenix-b2b-panel .pb2b-shop-results .pb2b-card:hover { border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-card-sku span { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-card-sku-empty { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-card-fav {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-muted);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-card-fav:hover,
.phoenix-b2b-panel .pb2b-card-fav.is-fav { color: #ec4899; border-color: #f9a8d4; }

.phoenix-b2b-panel .pb2b-card-stock,
.phoenix-b2b-panel .pb2b-row .pb2b-card-stock {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	box-shadow: var(--pb2b-shadow-sm);
}
.phoenix-b2b-panel .pb2b-card-stock-in   { color: var(--pb2b-success-strong); }
.phoenix-b2b-panel .pb2b-card-stock-low,
.phoenix-b2b-panel .pb2b-card-stock-back { color: var(--pb2b-warning-strong); }
.phoenix-b2b-panel .pb2b-card-stock-out  { color: var(--pb2b-danger-strong); }

.phoenix-b2b-panel .pb2b-card-moq {
	background: var(--pb2b-bg-3);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-soft);
}
.phoenix-b2b-panel .pb2b-card-moq strong { color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-card-moq-empty {
	background: var(--pb2b-bg-3);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-muted);
}

.phoenix-b2b-panel .pb2b-card-pack,
.phoenix-b2b-panel .pb2b-card-price-old { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-card-price-na {
	color: var(--pb2b-primary-strong);
	background: var(--pb2b-primary-soft);
}
.phoenix-b2b-panel .pb2b-card-price-locked {
	color: var(--pb2b-primary-strong);
	background: var(--pb2b-primary-soft);
	border-color: var(--pb2b-primary-soft);
}

.phoenix-b2b-panel .pb2b-card-btn-cart { background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); border-color: transparent; }
.phoenix-b2b-panel .pb2b-card-btn-cart:hover,
.phoenix-b2b-panel .pb2b-card-btn-cart:focus { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-card-btn-view { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-btn-view:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-options { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary-soft); }
.phoenix-b2b-panel .pb2b-card-btn-options:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-card-btn-qv { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-card-btn-qv:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-row {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
}
.phoenix-b2b-panel .pb2b-row:hover { border-color: var(--pb2b-primary); box-shadow: var(--pb2b-shadow); }
.phoenix-b2b-panel .pb2b-row-media { background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .pb2b-row-title { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-row-title:hover { color: var(--pb2b-primary-strong); }
.phoenix-b2b-panel .pb2b-row-sku { color: var(--pb2b-text-muted); }
.phoenix-b2b-panel .pb2b-row-sku span { color: var(--pb2b-text); }
.phoenix-b2b-panel .pb2b-row-pack { color: var(--pb2b-text-muted); }

.phoenix-b2b-panel .pb2b-row-fav,
.phoenix-b2b-panel .pb2b-row-qv {
	background: var(--pb2b-bg-2);
	border-color: var(--pb2b-border);
	color: var(--pb2b-text-muted);
}
.phoenix-b2b-panel .pb2b-row-fav:hover,
.phoenix-b2b-panel .pb2b-row-fav.is-fav { color: #ec4899; border-color: #f9a8d4; }
.phoenix-b2b-panel .pb2b-row-qv:hover { color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-row-btn-cart { background: var(--pb2b-accent-grad); color: var(--pb2b-primary-contrast); border-color: transparent; }
.phoenix-b2b-panel .pb2b-row-btn-cart:hover,
.phoenix-b2b-panel .pb2b-row-btn-cart:focus { color: var(--pb2b-primary-contrast); }
.phoenix-b2b-panel .pb2b-row-btn-view { background: var(--pb2b-bg-2); color: var(--pb2b-text); border-color: var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-row-btn-view:hover { background: var(--pb2b-bg-3); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary); }
.phoenix-b2b-panel .pb2b-row-btn-options { background: var(--pb2b-primary-soft); color: var(--pb2b-primary-strong); border-color: var(--pb2b-primary-soft); }
.phoenix-b2b-panel .pb2b-row-btn-options:hover { background: var(--pb2b-primary); color: var(--pb2b-primary-contrast); border-color: var(--pb2b-primary); }

.phoenix-b2b-panel .pb2b-shop-view-toggle {
	display: inline-flex;
	flex: 0 0 auto;
	border: 1px solid var(--pb2b-border-strong);
	border-radius: var(--pb2b-radius-sm);
	overflow: hidden;
	background: var(--pb2b-bg-2);
}
.phoenix-b2b-panel .pb2b-shop-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--pb2b-text-muted);
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.phoenix-b2b-panel .pb2b-shop-view-btn + .pb2b-shop-view-btn { border-left: 1px solid var(--pb2b-border); }
.phoenix-b2b-panel .pb2b-shop-view-btn:hover { color: var(--pb2b-text); background: var(--pb2b-bg-3); }
.phoenix-b2b-panel .pb2b-shop-view-btn.is-active {
	background: var(--pb2b-accent-grad);
	color: var(--pb2b-primary-contrast);
}
.phoenix-b2b-panel .pb2b-shop-view-btn:focus-visible {
	outline: none;
	box-shadow: var(--pb2b-shadow-focus);
	position: relative;
	z-index: 1;
}

.phoenix-b2b-panel .pb2b-shop-resultbar { margin-bottom: 14px; }
.phoenix-b2b-panel .pb2b-shop-count {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 600;
	color: var(--pb2b-text-soft);
}
/* === panel-v3-13.css === */
.phoenix-b2b-panel .pb2b-topbar,
.phoenix-b2b-panel .pb2b-app-header {
	z-index: 50 !important;
}

@media (max-width: 900px) {
	.phoenix-b2b-panel .pb2b-shop-toolbar {
		position: sticky !important;
		top: calc(var(--pb2b-header-h, 72px) + var(--pb2b-safe-top, 0px)) !important;
		z-index: 30 !important;
		background: var(--pb2b-bg, var(--s-bg)) !important;
		padding: 10px 12px !important;
		margin: 0 0 14px !important;
		border: 1px solid var(--pb2b-border, var(--s-border)) !important;
		border-radius: 14px !important;
		box-shadow: var(--pb2b-shadow-sm, 0 1px 2px rgba(0,0,0,.12)) !important;
	}
}

@media (min-width: 901px) {
	.phoenix-b2b-panel .pb2b-shop-toolbar {
		position: sticky;
		top: calc(var(--pb2b-header-h, 72px) + 12px);
		z-index: 30;
		background: var(--pb2b-bg, var(--s-bg));
		padding: 10px 12px;
		border: 1px solid var(--pb2b-border, var(--s-border));
		border-radius: 14px;
	}

	.phoenix-b2b-panel .pb2b-shop .pb2b-shop-filters {
		position: sticky;
		top: calc(var(--pb2b-header-h, 72px) + 16px);
	}
}

.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-right { min-width: 0; }
.phoenix-b2b-panel .pb2b-app-header .pb2b-topbar-title { min-width: 0; }

.phoenix-b2b-panel .pb2b-sidebar {
	gap: 10px;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-sidebar-topbar,
.phoenix-b2b-panel .pb2b-side-account-hero { flex: 0 0 auto; }

.phoenix-b2b-panel .pb2b-nav-grouped {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--pb2b-primary) 70%, transparent) transparent;
}
.phoenix-b2b-panel .pb2b-nav-grouped::-webkit-scrollbar { width: 9px; }
.phoenix-b2b-panel .pb2b-nav-grouped::-webkit-scrollbar-track { background: transparent; margin: 4px 0; }
.phoenix-b2b-panel .pb2b-nav-grouped::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--pb2b-primary) 55%, transparent);
	border: 2px solid transparent; border-radius: 999px; background-clip: padding-box; min-height: 40px;
}
.phoenix-b2b-panel .pb2b-nav-grouped:hover::-webkit-scrollbar-thumb { background: var(--pb2b-primary); background-clip: padding-box; }

.phoenix-b2b-panel .pb2b-nav-group + .pb2b-nav-group { margin-top: 9px; padding-top: 9px; }
.phoenix-b2b-panel .pb2b-nav-group-title { padding: 2px 10px 5px; }
.phoenix-b2b-panel .pb2b-nav-item { padding: 8px 11px; margin: 1px 0; }

.phoenix-b2b-panel .pb2b-sidebar-footer {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 14px calc(14px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--pb2b-border);
}

.phoenix-b2b-panel .pb2b-sidebar-footer .pb2b-sidebar-foot-brand {
	margin: 0; padding: 0; border: 0;
	display: flex; align-items: center; justify-content: center;
}
.phoenix-b2b-panel .pb2b-sidebar-footer .pb2b-sidebar-foot-brand-name {
	font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
	color: var(--pb2b-text-dim);
}

.phoenix-b2b-panel .pb2b-sidebar-logout {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; height: 38px; padding: 0 14px;
	border-radius: 10px;
	background: var(--pb2b-bg-3);
	border: 1px solid var(--pb2b-border);
	color: var(--pb2b-text-muted);
	font-size: 13px; font-weight: 600; line-height: 1;
	text-decoration: none;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.phoenix-b2b-panel .pb2b-sidebar-logout:hover {
	background: var(--pb2b-danger-soft);
	border-color: color-mix(in srgb, var(--pb2b-danger) 42%, var(--pb2b-border));
	color: var(--pb2b-danger-ink);
}
.phoenix-b2b-panel .pb2b-sidebar-logout:focus-visible { outline: none; box-shadow: var(--pb2b-shadow-focus); }
.phoenix-b2b-panel .pb2b-sidebar-logout-ico { width: 17px; height: 17px; flex: 0 0 17px; display: inline-flex; }
.phoenix-b2b-panel .pb2b-sidebar-logout-ico svg { width: 17px; height: 17px; display: block; stroke: currentColor; }

.phoenix-b2b-panel .pb2b-side-account-hero { width: auto; max-width: 100%; box-sizing: border-box; }

body.phoenix-b2b-app-page #site-scroll-top,
body.phoenix-b2b-app-page .site-scroll-top,
body.phoenix-b2b-app-page .go-top,
body.phoenix-b2b-app-page .gotop,
body.phoenix-b2b-app-page #gotop,
body.phoenix-b2b-app-page .scroll-up,
body.phoenix-b2b-app-page .scroll-up-btn,
body.phoenix-b2b-app-page .scrollup-button,
body.phoenix-b2b-app-page .top-link,
body.phoenix-b2b-app-page #top-link,
body.phoenix-b2b-app-page .totop,
body.phoenix-b2b-app-page #totop-btn,
body.phoenix-b2b-app-page .page-scroll-up,
body.phoenix-b2b-app-page .scroll-to-top-button,
body.phoenix-b2b-app-page .wpex-vc-scroll-top,
body.phoenix-b2b-app-page #scroll-up,
body.phoenix-b2b-app-page [class*="scroll-up"],
body.phoenix-b2b-app-page [class*="scrollup"],
body.phoenix-b2b-app-page [class*="go-top"],
body.phoenix-b2b-app-page [class*="to-top"],
body.phoenix-b2b-app-page [id*="scrollup"],
body.phoenix-b2b-app-page [id*="scroll-up"],
body.phoenix-b2b-app-page [id*="totop"],
body.phoenix-b2b-app-page [aria-label="Scroll to top" i],
body.phoenix-b2b-app-page [aria-label="Back to top" i],
body.phoenix-b2b-app-page [aria-label="Scroll back to top" i],
body.phoenix-b2b-app-page [aria-label="Do góry" i],
body.phoenix-b2b-app-page [aria-label="Przewiń do góry" i],
body.phoenix-b2b-app-page [aria-label="Na górę" i],

body.phoenix-b2b-app-page .woodmart-scroll-top,
body.phoenix-b2b-app-page .mfn-back-top,
body.phoenix-b2b-app-page .x-to-top,
body.phoenix-b2b-app-page #scrollUp,
body.phoenix-b2b-app-page [class*="totop"],
body.phoenix-b2b-app-page [class*="back-top"],
body.phoenix-b2b-app-page [class*="topbutton"],
body.phoenix-b2b-app-page [id*="back-top"],
body.phoenix-b2b-app-page [title="Scroll to top" i],
body.phoenix-b2b-app-page [title="Back to top" i],
body.phoenix-b2b-app-page [title="Do góry" i] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* === PERF 2.11.11 — SPA-lite skeleton (przejściowy stan ładowania sekcji; nie wpływa na normalny render) === */
.pb2b-spa-loading #pb2b-content{min-height:40vh}
.pb2b-spa-skeleton{display:flex;flex-direction:column;gap:16px;padding:8px 0 24px}
.pb2b-spa-skeleton>span{display:block;border-radius:12px;background:currentColor;opacity:.08;position:relative;overflow:hidden}
.pb2b-spa-skel-bar{height:28px;width:60%}
.pb2b-spa-skel-row{height:16px;width:100%}
.pb2b-spa-skel-card{height:120px;width:100%}
.pb2b-skel-w40{width:40%}
.pb2b-skel-w70{width:70%}
.pb2b-spa-skeleton>span::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:pb2bSkel 1.2s infinite}
@keyframes pb2bSkel{100%{transform:translateX(100%)}}
.pb2b-spa-skel-sronly{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}
@media (prefers-reduced-motion: reduce){.pb2b-spa-skeleton>span::after{animation:none}}

/* ==========================================================================
 * v2.12.14 — FIX regresji live-refresh: badge z atrybutem [hidden] MUSI być
 * ukryty. Reguła .pb2b-nav-badge{display:inline-flex} nadpisywała wbudowane
 * [hidden]{display:none}, przez co badge „0" pokazywał się przy każdej
 * zakładce. !important wygrywa niezależnie od kolejności ładowania arkuszy.
 * ========================================================================== */
.phoenix-b2b-panel .pb2b-nav-badge[hidden],
.phoenix-b2b-panel .pb2b-bottom-nav-badge[hidden],
.phoenix-b2b-panel [data-pb2b-navbadge][hidden] { display: none !important; }

/* =====================================================================
 * 2.12.49 — FIX dark/light dla sekcji opartych o standalone .pb2b-card
 * w PANELU KLIENTA: Import CSV i Cennik CSV (shortcode'y). Wcześniej karta
 * miała jasne tło (biały box w dark mode). Teraz dziedziczy zmienne motywu,
 * input file wygląda jak element panelu, mniej pustej przestrzeni.
 * ===================================================================== */
.phoenix-b2b-panel .phoenix-b2b-standalone { background: transparent; padding: 0; margin: 0; }
.phoenix-b2b-panel .pb2b-card,
.phoenix-b2b-panel .phoenix-b2b-csv-import,
.phoenix-b2b-panel .phoenix-b2b-csv-export {
	background: var(--pb2b-card, #111827);
	border: 1px solid var(--pb2b-border, #2a2f3a);
	border-radius: var(--pb2b-radius, 14px);
	color: var(--pb2b-text, #e7e9ee);
	box-shadow: none;
	min-height: 0;
	overflow: hidden;
}
.phoenix-b2b-panel .pb2b-card-header {
	border-bottom: 1px solid var(--pb2b-border, #2a2f3a);
	padding: 16px 18px;
	background: transparent;
}
.phoenix-b2b-panel .pb2b-card-title {
	color: var(--pb2b-text, #e7e9ee);
	font-size: 16px; font-weight: 700; margin: 0;
}
.phoenix-b2b-panel .pb2b-card-body { padding: 18px; color: var(--pb2b-text, #e7e9ee); }
.phoenix-b2b-panel .pb2b-card-body .description,
.phoenix-b2b-panel .pb2b-card-body .pb2b-muted,
.phoenix-b2b-panel .pb2b-muted { color: var(--pb2b-text-muted, #9aa3b2); }
.phoenix-b2b-panel .pb2b-meta-label { color: var(--pb2b-text-muted, #9aa3b2); }

/* Natywny input file → spójny z panelem */
.phoenix-b2b-panel input[type="file"] {
	display: block; width: 100%; box-sizing: border-box;
	color: var(--pb2b-text, #e7e9ee);
	background: var(--pb2b-bg-3, #1b212c);
	border: 1px dashed var(--pb2b-border, #2a2f3a);
	border-radius: var(--pb2b-radius-sm, 10px);
	padding: 12px; font-size: 14px; cursor: pointer;
}
.phoenix-b2b-panel input[type="file"]::file-selector-button {
	margin-right: 12px; padding: 9px 16px; border: 0; border-radius: 8px;
	background-image: var(--pb2b-accent-grad, linear-gradient(135deg,#A855F7,#7C3AED));
	color: #fff; font-weight: 700; cursor: pointer;
}
.phoenix-b2b-panel input[type="file"]::-webkit-file-upload-button {
	margin-right: 12px; padding: 9px 16px; border: 0; border-radius: 8px;
	background-image: var(--pb2b-accent-grad, linear-gradient(135deg,#A855F7,#7C3AED));
	color: #fff; font-weight: 700; cursor: pointer;
}

/* Textarea „wklej CSV" */
.phoenix-b2b-panel .pb2b-textarea-mono {
	width: 100%; box-sizing: border-box;
	background: var(--pb2b-bg-3, #1b212c); color: var(--pb2b-text, #e7e9ee);
	border: 1px solid var(--pb2b-border, #2a2f3a); border-radius: var(--pb2b-radius-sm, 10px);
	padding: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px;
}

/* Przyciski gradientowe w tych sekcjach */
.phoenix-b2b-panel .phoenix-b2b-csv-import .pb2b-btn-primary,
.phoenix-b2b-panel .phoenix-b2b-csv-import .button-primary,
.phoenix-b2b-panel .phoenix-b2b-csv-export .pb2b-btn-primary,
.phoenix-b2b-panel .phoenix-b2b-csv-export .button-primary {
	background-image: var(--pb2b-accent-grad, linear-gradient(135deg,#A855F7,#7C3AED));
	background-color: var(--pb2b-primary, #7C3AED);
	border: 0; color: #fff; font-weight: 700; padding: 12px 22px;
	border-radius: var(--pb2b-radius-sm, 10px); text-decoration: none;
	box-shadow: 0 6px 18px rgba(124,58,237,.28); cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
}
.phoenix-b2b-panel .pb2b-form-row { margin-bottom: 12px; }
.phoenix-b2b-panel .pb2b-form-actions { margin: 14px 0 0; }

/* CSV: blok instrukcji + przykładowy plik (2.12.49) */
.phoenix-b2b-panel .pb2b-csv-help {
	margin-top: 14px; padding: 14px 16px;
	background: var(--pb2b-bg-3, #1b212c);
	border: 1px solid var(--pb2b-border, #2a2f3a);
	border-radius: var(--pb2b-radius-sm, 10px);
	color: var(--pb2b-text-muted, #9aa3b2); font-size: 13px; line-height: 1.6;
}
.phoenix-b2b-panel .pb2b-csv-help strong { color: var(--pb2b-text, #e7e9ee); }
.phoenix-b2b-panel .pb2b-csv-help-actions { margin-top: 10px; }
.phoenix-b2b-panel .pb2b-csv-sample-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 9px 16px; border-radius: var(--pb2b-radius-sm, 10px);
	background: transparent; color: var(--pb2b-text, #e7e9ee);
	border: 1px solid var(--pb2b-border, #2a2f3a); text-decoration: none; font-weight: 600; font-size: 13px;
}
.phoenix-b2b-panel .pb2b-csv-sample-btn:hover { background: var(--pb2b-bg-2, #111827); }

/* =====================================================================
 * 2.12.49 — Katalog B2B / Szybkie zamówienie: usunięcie „białego boxa"
 * wokół wyszukiwarki w dark mode. Kontenery quick-order są przezroczyste,
 * a pola (search/select) i tak mają własne ciemne tło (--pb2b-bg-3).
 * Bez wpływu na wiersze produktów i działające karty.
 * ===================================================================== */
.phoenix-b2b-panel .phoenix-b2b-qo,
.phoenix-b2b-panel .phoenix-b2b-qo-toolbar,
.phoenix-b2b-panel .phoenix-b2b-qo-search,
.phoenix-b2b-panel .phoenix-b2b-qo-filter,
.phoenix-b2b-panel .phoenix-b2b-qo-info,
.phoenix-b2b-panel .phoenix-b2b-qo-results {
	background: transparent;
	box-shadow: none;
	border: 0;
}
/* Pola wejścia spójne z motywem (gdyby gdzieś nadpisane na biało). */
.phoenix-b2b-panel .phoenix-b2b-qo-search-input,
.phoenix-b2b-panel .phoenix-b2b-qo-cat {
	background: var(--pb2b-bg-3, #1b212c) !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	border: 1px solid var(--pb2b-border-strong, #2a2f3a) !important;
}
/* Akcja „Niedostępny / Zapytaj o cenę" w wierszu (2.12.49). */
.phoenix-b2b-panel .pb2b-qo-action-na {
	display: inline-block; padding: 8px 12px; border-radius: var(--pb2b-radius-sm, 10px);
	background: var(--pb2b-bg-3, #1b212c); color: var(--pb2b-text-muted, #9aa3b2);
	border: 1px solid var(--pb2b-border, #2a2f3a); font-size: 13px; font-weight: 600;
}
.phoenix-b2b-panel .pb2b-qo-ask {
	background: transparent; color: var(--pb2b-text, #e7e9ee);
	border: 1px solid var(--pb2b-border, #2a2f3a); text-decoration: none;
}

/* =====================================================================
 * 2.12.51 — ROOT-FIX białego boxa w dark mode.
 * Motyw jest light-first: zmienne jasne są na
 * `.phoenix-b2b-panel:not([data-pb2b-theme="dark"])`. Shortcody standalone
 * (Import CSV, Cennik CSV i in.) opakowują treść w ZAGNIEŻDŻONY
 * `.phoenix-b2b-panel` BEZ atrybutu motywu — przez co resetował on zmienne
 * na jasne w swoim poddrzewie (biały box mimo ciemnego panelu nadrzędnego).
 * Re-aplikujemy ciemne tokeny do takich paneli wewnątrz [data-pb2b-theme="dark"].
 * Wyższa specyficzność (ancestor + klasa + :not) niż reguła light-first.
 * ===================================================================== */
[data-pb2b-theme="dark"] .phoenix-b2b-panel:not([data-pb2b-theme="dark"]) {
	--pb2b-bg-0:#070B18; --pb2b-bg-1:#0B1020; --pb2b-bg-2:#111827; --pb2b-bg-3:#151B2E; --pb2b-bg-4:#1B2237;
	--pb2b-text:#F8FAFC; --pb2b-text-strong:#FFFFFF; --pb2b-text-soft:#CBD5E1; --pb2b-text-muted:#94A3B8; --pb2b-text-dim:#64748B;
	--pb2b-border:rgba(255,255,255,0.08); --pb2b-border-strong:rgba(255,255,255,0.14);
	--pb2b-card:#111827; --pb2b-card-soft:#151B2E; --pb2b-surface:#111827; --pb2b-surface-soft:#151B2E;
}

/* =====================================================================
 * 2.12.51 — Katalog B2B / Szybkie zamówienie na MOBILE:
 * twardy bezpiecznik przeciw poziomemu scrollowi, kompaktowy stepper +/-,
 * nazwa produktu maks. 2 linie. (Tabela i tak stackuje się w karty.)
 * ===================================================================== */
@media (max-width: 768px) {
	.phoenix-b2b-panel .pb2b-app-content,
	.phoenix-b2b-panel .pb2b-content { overflow-x: hidden; }
	.phoenix-b2b-panel .phoenix-b2b-qo,
	.phoenix-b2b-panel .phoenix-b2b-qo-results,
	.phoenix-b2b-panel .pb2b-catalog-v2,
	.phoenix-b2b-panel .pb2b-reorder { max-width: 100%; }

	/* Nazwa produktu — maks. 2 linie, łamanie długich słów. */
	.phoenix-b2b-panel .phoenix-b2b-qo-col-name a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	/* Kompaktowy, „premium" stepper +/- (mniejszy niż domyślny). */
	.phoenix-b2b-panel .phoenix-b2b-qo-table .pb2b-qo-col-qty .pb2b-qo-stepper { width: auto; max-width: 150px; }
	.phoenix-b2b-panel .pb2b-qo-stepper-btn { width: 30px; height: 34px; font-size: 16px; }
	.phoenix-b2b-panel .pb2b-qo-stepper .phoenix-b2b-qo-qty { height: 34px; width: 40px; font-size: 14px; }
}

/* ======================================================================
 * UPDATE 1 (2.12.54) — FINALNY blok nadpisań panelu klienta (PC + układ).
 * Doklejony na KOŃCU sklejki → wygrywa kaskadę nad wcześniejszymi blokami
 * (panel-v3-*). Zakres: P1 menu, P2 topbar/koszyk, P6 stepper koszyka,
 * P7 layout checkoutu. Wszystko scope'owane do .phoenix-b2b-panel; dark/light
 * przez tokeny --pb2b-*. Zero nowych zapytań, zero zmian JS.
 * ====================================================================== */

/* --- P1: MENU — brand bez zbędnego tekstu + karta konta wtopiona w menu --- */
/* Ukrywamy redundantny tekst marki w sidebarze (zostaje znak/logo). */
.phoenix-b2b-panel .pb2b-sidebar .pb2b-brand-title { display: none !important; }
.phoenix-b2b-panel .pb2b-sidebar .pb2b-brand.pb2b-brand-compact { gap: 0 !important; }

/* Karta „Moje konto" przestaje być osobnym, tintowanym boxem — staje się
 * naturalną sekcją na górze menu (pełna szerokość, płaskie tło, delikatny
 * separator zamiast ramki/cienia). Czytelna w dark i light (tokeny). */
.phoenix-b2b-panel .pb2b-sidebar .pb2b-side-account-hero {
	margin: 0 0 4px !important;
	padding: 12px 16px 14px !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--pb2b-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
/* Szybkie linki konta: spójne, czytelne w obu motywach (zostają wszystkie 4). */
.phoenix-b2b-panel .pb2b-sidebar .pb2b-side-account-hero .pb2b-side-account-actions {
	margin-top: 12px !important;
	padding-top: 0 !important;
}

/* --- P2: TOPBAR/KOSZYK — licznik nigdy nie nachodzi na kwotę ------------- */
/* Badge zawsze w PRAWYM górnym rogu pigułki (koniec konfliktu left:22px). */
.phoenix-b2b-panel .pb2b-topbar-cart-badge {
	left: auto !important;
	right: -4px !important;
	top: -4px !important;
}
/* Desktop: widoczna meta (ilość + kwota), badge UKRYTY → brak nachodzenia. */
@media (min-width: 768px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-meta { display: flex !important; }
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: none !important; }
}
/* Tryb ikony / mobile: badge jako mała kropka-licznik w rogu. */
@media (max-width: 767px) {
	.phoenix-b2b-panel .pb2b-topbar-cart-badge { display: inline-flex !important; }
}

/* --- P6: KOSZYK — quantity stepper czytelny i wyrównany ------------------ */
.phoenix-b2b-panel .pb2b-stepper {
	display: inline-flex !important;
	align-items: center !important;
	background: var(--pb2b-bg-3) !important;
	border: 1px solid var(--pb2b-border-strong) !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}
.phoenix-b2b-panel[data-pb2b-theme="light"] .pb2b-stepper { background: #F1F4FB !important; }
.phoenix-b2b-panel .pb2b-stepper-btn {
	width: 34px !important;
	height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--pb2b-text) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer;
}
.phoenix-b2b-panel .pb2b-stepper-btn:hover { background: var(--pb2b-bg-4) !important; color: var(--pb2b-primary-strong) !important; }
.phoenix-b2b-panel .pb2b-stepper-input {
	width: 46px !important;
	height: 38px !important;
	text-align: center !important;
	background: transparent !important;
	color: var(--pb2b-text) !important;
	border: 0 !important;
	border-left: 1px solid var(--pb2b-border) !important;
	border-right: 1px solid var(--pb2b-border) !important;
	border-radius: 0 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	-moz-appearance: textfield;
}
.phoenix-b2b-panel .pb2b-stepper-input:focus { outline: none !important; box-shadow: none !important; }
.phoenix-b2b-panel .pb2b-stepper-input::-webkit-outer-spin-button,
.phoenix-b2b-panel .pb2b-stepper-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* --- P7: CHECKOUT — podsumowanie OBOK formularza (nie zepchnięte niżej) -- */
@media (min-width: 992px) {
	.phoenix-b2b-panel .pb2b-checkout-woo form.checkout { align-items: start !important; }
	/* Lewa kolumna trzyma oba wiersze; nagłówek + tabela podsumowania w prawej. */
	.phoenix-b2b-panel .pb2b-checkout-woo #customer_details { grid-column: 1 !important; grid-row: 1 / span 2 !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo #order_review_heading { grid-column: 2 !important; grid-row: 1 !important; margin-top: 0 !important; }
	.phoenix-b2b-panel .pb2b-checkout-woo #order_review { grid-column: 2 !important; grid-row: 2 !important; }
	.phoenix-b2b-panel .pb2b-checkout-app #order_review { position: sticky; top: calc(var(--pb2b-app-header-h, 64px) + 12px); }
}
/* Inputy checkoutu czytelne także w dark (bundle hardcode'uje #fff/#16161d). */
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .input-text,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo select,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo textarea {
	background: var(--pb2b-bg-3) !important;
	color: var(--pb2b-text) !important;
	border-color: var(--pb2b-border-strong) !important;
}
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo .input-text::placeholder,
.phoenix-b2b-panel[data-pb2b-theme="dark"] .pb2b-checkout-woo textarea::placeholder { color: var(--pb2b-text-muted) !important; }
/* Fallback „Otwórz klasyczny checkout" usunięty z PHP; ukryj, gdyby został w cache. */
.phoenix-b2b-panel .pb2b-checkout-fallback { display: none !important; }
/* KONIEC UPDATE 1 — panel klienta PC + układ */