/* =============================================================================
 * Phoenix B2B — 2.13.03-ui (KLIENT): listy zakupowe + kontenery.
 * -----------------------------------------------------------------------------
 * Ładowane PO pb2b-checkout-2.13.01.css → OSTATNIA warstwa panelu klienta,
 * wygrywa kaskadę (w tym !important z 2.12.92/2.12.98). CSS-only, SCOPED
 * `.phoenix-b2b-panel.pb2b-app`. Zakres (brief 2.13.03-ui):
 *  §1 LISTY ZAKUPOWE: karty bez „dziwnych białych linii”, spójne przyciski
 *     SPJTRADE, czytelna tabela pozycji (PC) / karty pozycji (mobile),
 *     wygodny input ilości, empty state, komunikaty jako TOAST, brak kolizji
 *     z bottom-nav.
 *  §2 KONTENERY (panel klienta): karty kompaktowe i proporcjonalne (bez
 *     wielkich pustych boxów), niebieska ikona kontenera, fioletowy akcent
 *     SPJTRADE, status w prawym górnym rogu, 2 przyciski w jednej linii,
 *     grid auto-fit 280–340px (PC) / 2 kolumny (tablet) / 1 (mobile).
 * NIE dotyka: checkoutu, dostaw/kalkulacji, koszyka, rejestracji, faktur.
 * ========================================================================== */

/* =======================================================================
 * §1 — LISTY ZAKUPOWE
 * ===================================================================== */

/* Nagłówek sekcji + tworzenie nowej listy: jedna czytelna linia (PC). */
.phoenix-b2b-panel.pb2b-app .pb2b-lists-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px 16px !important;
	flex-wrap: wrap !important;
	margin: 0 0 16px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-title {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	color: var(--pb2b-text-strong, var(--pb2b-text)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create {
	display: flex !important;
	align-items: stretch !important;
	gap: 8px !important;
	flex: 1 1 340px !important;
	max-width: 480px !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create .pb2b-shop-input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	min-height: 42px !important;
	padding: 8px 14px !important;
	border-radius: 10px !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .04)) !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .12)) !important;
	color: var(--pb2b-text, #E7E9EE) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create .pb2b-shop-input::placeholder {
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	opacity: 1;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create .pb2b-shop-input:focus {
	outline: none !important;
	border-color: var(--pb2b-primary, #7C3AED) !important;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, .28) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create .pb2b-shop-btn { flex: 0 0 auto !important; }

/* Karta listy: elegancka, bez przypadkowych obramowań wewnątrz. */
.phoenix-b2b-panel.pb2b-app .pb2b-lists-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card {
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	border-radius: 14px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	overflow: hidden !important;
	padding: 0 !important;
	box-shadow: none !important;
	transition: border-color .15s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card:hover {
	border-color: var(--pb2b-border-strong, var(--pb2b-primary, #7C3AED)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px 14px !important;
	flex-wrap: wrap !important;
	padding: 14px 16px !important;
	border: 0 !important;
	background: transparent !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-toggle {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 1 1 260px !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: inherit !important;
	text-align: left !important;
	cursor: pointer;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-toggle[disabled] { cursor: default; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-caret {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 9px !important;
	color: var(--pb2b-primary, #7C3AED) !important;
	background: color-mix(in srgb, var(--pb2b-primary, #7C3AED) 12%, transparent) !important;
	transition: transform .18s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card:not(.is-collapsed) .pb2b-list-card-caret { transform: rotate(90deg); }
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-headmain {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card .pb2b-card-title {
	font-size: 15px !important;
	font-weight: 800 !important;
	color: var(--pb2b-text-strong, var(--pb2b-text)) !important;
	overflow-wrap: anywhere;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-summary {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 4px 16px !important;
	font-size: 12.5px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-summary strong { color: var(--pb2b-text, #E7E9EE) !important; }

/* Akcje karty: jeden styl SPJTRADE, widoczne przyciski (koniec bladych linków). */
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	margin-left: auto !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn,
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 0 14px !important;
	border-radius: 10px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .14)) !important;
	background: transparent !important;
	color: var(--pb2b-text, #E7E9EE) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link:hover {
	border-color: var(--pb2b-primary, #7C3AED) !important;
	color: var(--pb2b-primary-2, #A855F7) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link-danger { color: #F87171 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link-danger:hover {
	border-color: #EF4444 !important;
	color: #EF4444 !important;
	background: rgba(239, 68, 68, .08) !important;
}
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="light"] .pb2b-list-card-actions .pb2b-link { color: #1C2433 !important; }
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="light"] .pb2b-list-card-actions .pb2b-link-danger { color: #DC2626 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn-primary {
	background: linear-gradient(135deg, var(--pb2b-primary, #7C3AED), var(--pb2b-primary-2, #A855F7)) !important;
	border: 1px solid transparent !important;
	color: #fff !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn-primary:hover { filter: brightness(1.08); }
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn-ghost {
	background: transparent !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .14)) !important;
	color: var(--pb2b-text, #E7E9EE) !important;
}
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="light"] .pb2b-list-card-actions .pb2b-shop-btn-ghost { color: #1C2433 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn-ghost:hover { border-color: var(--pb2b-primary, #7C3AED) !important; }

/* Ciało listy + tabela pozycji: ZERO dziwnych białych linii — wszystkie
 * krawędzie z tokena --pb2b-border (dark: półprzezroczyste, light: szare). */
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-body {
	padding: 0 16px 16px !important;
	border: 0 !important;
	background: transparent !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-rows { min-width: 0 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	background: transparent !important;
	margin: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-table th {
	padding: 9px 12px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	text-align: left !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .04)) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-table td {
	padding: 10px 12px !important;
	font-size: 13px !important;
	color: var(--pb2b-text, #E7E9EE) !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	vertical-align: middle !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody tr:last-child td { border-bottom: 0 !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody tr:hover td {
	background: color-mix(in srgb, var(--pb2b-primary, #7C3AED) 6%, transparent) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-name-flex {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-thumb {
	flex: 0 0 auto !important;
	width: 42px !important;
	height: 42px !important;
	object-fit: cover !important;
	border-radius: 8px !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .04)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name .pb2b-link {
	color: var(--pb2b-text, #E7E9EE) !important;
	font-weight: 650 !important;
	text-decoration: none !important;
	overflow-wrap: anywhere;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name .pb2b-link:hover { color: var(--pb2b-primary-2, #A855F7) !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-sku { color: var(--pb2b-text-muted, #9aa3b2) !important; }

/* Input ilości: wygodny, dotykalny. */
.phoenix-b2b-panel.pb2b-app .pb2b-list-qty {
	width: 86px !important;
	min-height: 40px !important;
	padding: 6px 10px !important;
	border-radius: 10px !important;
	text-align: center !important;
	font-weight: 700 !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .05)) !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .14)) !important;
	color: var(--pb2b-text, #E7E9EE) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-qty:focus {
	outline: none !important;
	border-color: var(--pb2b-primary, #7C3AED) !important;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, .28) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-act .pb2b-shop-icon-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 10px !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .12)) !important;
	background: transparent !important;
	color: #F87171 !important;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-act .pb2b-shop-icon-btn:hover {
	border-color: #EF4444 !important;
	background: rgba(239, 68, 68, .1) !important;
}

/* Komunikaty kontrolera list („Dodaję do koszyka…”, „Dodano do koszyka.” itd.)
 * jako TOAST — także neutralne komunikaty postępu. Pusty element znika. */
.phoenix-b2b-panel.pb2b-app .pb2b-lists-status { display: none; }
.phoenix-b2b-panel.pb2b-app .pb2b-lists-status:not(:empty) {
	display: block;
	position: fixed;
	left: 50%;
	bottom: calc(20px + env(safe-area-inset-bottom, 0px));
	transform: translateX(-50%);
	z-index: 99999;
	max-width: min(440px, calc(100vw - 32px));
	padding: 12px 20px;
	border-radius: 12px;
	font-size: 13.5px;
	font-weight: 700;
	text-align: center;
	background: var(--pb2b-bg-2, #111827);
	color: var(--pb2b-text, #E7E9EE);
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .16));
	box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
	animation: pb2bListsToastIn .22s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-status.is-ok:not(:empty) {
	background: #0F2E1D;
	color: #6EE7A8;
	border: 1px solid rgba(34, 197, 94, .45);
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-status.is-err:not(:empty) {
	background: #331116;
	color: #FCA5A5;
	border: 1px solid rgba(239, 68, 68, .45);
}
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="light"] .pb2b-lists-status:not(:empty) { background: #FFFFFF; color: #1C2433; border-color: #DEE3EF; }
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="light"] .pb2b-lists-status.is-ok:not(:empty) { background: #ECFDF5; color: #15803D; }
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="light"] .pb2b-lists-status.is-err:not(:empty) { background: #FEF2F2; color: #B91C1C; }
@keyframes pb2bListsToastIn {
	from { opacity: 0; transform: translate(-50%, 8px); }
	to   { opacity: 1; transform: translate(-50%, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-status:not(:empty) { animation: none; }
}

/* Ładny empty state (obie odmiany: brak list + pusta lista). */
.phoenix-b2b-panel.pb2b-app .pb2b-lists .pb2b-shop-empty,
.phoenix-b2b-panel.pb2b-app .pb2b-list-empty {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	gap: 8px !important;
	padding: 34px 18px !important;
	border: 1px dashed var(--pb2b-border-strong, var(--pb2b-border, rgba(255, 255, 255, .16))) !important;
	border-radius: 14px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .02)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists .pb2b-shop-empty-icon,
.phoenix-b2b-panel.pb2b-app .pb2b-list-empty-ico { color: var(--pb2b-primary, #7C3AED) !important; opacity: .85; }

/* --- Mobile: pozycje jako karty (etykiety z data-label), przyciski pod spodem,
 *     nic nie wychodzi poza ekran, bottom-nav nie zasłania akcji. --- */
@media (max-width: 768px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-inner {
		padding-bottom: calc(var(--pb2b-bottomnav-h, 62px) + 18px) !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-head { flex-direction: column !important; align-items: stretch !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-create { max-width: none !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-head { padding: 12px 14px !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions { width: 100% !important; margin-left: 0 !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-shop-btn,
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
		flex: 1 1 calc(50% - 8px) !important;
		min-height: 42px !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-body { padding: 0 12px 12px !important; }

	/* Tabela → karty. Bez szerokości 1600px, bez poziomego scrolla. */
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table { border: 0 !important; border-radius: 0 !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table thead { display: none !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table,
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody { display: block !important; width: 100% !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody tr {
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		padding: 12px !important;
		margin: 0 0 10px !important;
		border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
		border-radius: 12px !important;
		background: var(--pb2b-bg-3, rgba(255, 255, 255, .03)) !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody tr:hover td { background: transparent !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table td {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 0 !important;
		border: 0 !important;
		min-width: 0 !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table td::before {
		content: attr(data-label);
		flex: 0 0 auto;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: .04em;
		text-transform: uppercase;
		color: var(--pb2b-text-muted, #9aa3b2);
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table td.pb2b-list-td-name {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 6px !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-qty { width: 110px !important; min-height: 44px !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-list-td-act .pb2b-shop-icon-btn { width: 44px !important; height: 44px !important; }

	/* Toast nad bottom-navem. */
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-status:not(:empty) {
		bottom: calc(var(--pb2b-bottomnav-h, 62px) + 16px + env(safe-area-inset-bottom, 0px));
	}
}

/* =======================================================================
 * §2 — KONTENERY (panel klienta): kompaktowe, proporcjonalne karty.
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
	gap: 16px !important;
	align-items: start !important; /* karty nie rozciągają się do najwyższej */
}
@media (min-width: 1500px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; }
}
@media (max-width: 1024px) and (min-width: 641px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles { grid-template-columns: 1fr !important; }
}

.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	padding: 16px 16px 14px !important;
	min-height: 0 !important;
	height: auto !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .1)) !important;
	border-radius: 14px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	overflow: hidden !important;
}
/* Fioletowy akcent SPJTRADE na górnej krawędzi. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--pb2b-primary, #7C3AED), var(--pb2b-primary-2, #A855F7));
	pointer-events: none;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile:hover {
	border-color: var(--pb2b-primary, #7C3AED) !important;
	transform: none !important;
}

/* Niebieska ikona kontenera (ta sama ilustracja SVG, wymuszony błękit),
 * kompaktowy rozmiar — koniec ogromnego pustego pionu. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile .pb2b-ctr-illus {
	align-self: flex-start !important;
	flex: 0 0 auto !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	color: #2563EB !important;
	background: rgba(37, 99, 235, .14) !important;
}
.phoenix-b2b-panel.pb2b-app[data-pb2b-theme="dark"] .pb2b-ctr-tile .pb2b-ctr-illus { color: #60A5FA !important; }
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile .pb2b-ctr-illus svg { width: 38px !important; height: 38px !important; }

/* Status w PRAWYM GÓRNYM ROGU karty (obok ikony). */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile .pb2b-ctr-tile-top .pb2b-ctr-badge {
	position: absolute !important;
	top: 15px !important;
	right: 14px !important;
	z-index: 3 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-top {
	display: block !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-title {
	margin: 0 !important;
	font-size: 15.5px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	color: var(--pb2b-text-strong, var(--pb2b-text)) !important;
	overflow-wrap: anywhere !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	min-width: 0 !important;
	flex: 0 1 auto !important; /* bez sztucznego rozciągania w pionie */
}

/* Meta: „Przewidywana dostawa” / „Produkty” — zwarta siatka 2 kolumn. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta {
	display: grid !important;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
	gap: 6px 12px !important;
	margin: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta dt {
	margin: 0 !important;
	font-size: 11px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta dd {
	margin: 1px 0 0 !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--pb2b-text, #E7E9EE) !important;
}

/* 2 przyciski w JEDNEJ linii (PC/tablet); mobile mogą przejść pod siebie,
 * nigdy ucięte. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	margin-top: 4px !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta .pb2b-app-button {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	min-height: 40px !important;
	padding: 6px 10px !important;
	justify-content: center !important;
	font-size: 12.5px !important;
	white-space: normal !important;
	line-height: 1.25 !important;
}
@media (max-width: 420px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta { flex-wrap: wrap !important; }
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta .pb2b-app-button { flex: 1 1 100% !important; }
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-followflag { font-size: 12px !important; margin: 0 !important; }