/* =========================================================
   Персональная цена
   ========================================================= */

.cc-b2b-price {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
	gap: 5px;
}

.cc-b2b-price__base {
	color: var(--ink-400, #94a3b8);
	font-size: 10px;
	font-weight: 400;
}

.cc-b2b-price__personal {
	color: var(--ink-900, #0f172a);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

/* =========================================================
   Информация о товаре
   ========================================================= */

.cc-b2b-product-info {
	padding: 4px 0;
}

.cc-b2b-product-info__conditions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 26px;
}

.cc-b2b-product-info__conditions > div {
	display: flex;
	min-height: 82px;
	flex-direction: column;
	justify-content: center;
	padding: 14px;
	border: 1px solid var(--line, #e5e7eb);
	border-radius: var(--r-md, 8px);
	background: var(--bg-soft, #fafbfc);
}

.cc-b2b-product-info__conditions span {
	margin-bottom: 5px;
	color: var(--ink-500, #64748b);
	font-size: 11px;
}

.cc-b2b-product-info__conditions strong {
	color: var(--ink-900, #0f172a);
	font-size: 14px;
}

.cc-b2b-product-info h3 {
	margin: 0 0 12px;
	color: var(--ink-900, #0f172a);
	font-size: 16px;
}

.cc-b2b-warehouses {
	overflow: hidden;
	border: 1px solid var(--line, #e5e7eb);
	border-radius: var(--r-md, 8px);
}

.cc-b2b-warehouse {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 48px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--line-soft, #eef0f3);
}

.cc-b2b-warehouse:last-child {
	border-bottom: 0;
}

.cc-b2b-warehouse > div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.cc-b2b-warehouse__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--success-500, #16a366);
}

.cc-b2b-warehouse > span {
	color: var(--ink-700, #334155);
	font-variant-numeric: tabular-nums;
	font-weight: 500;
}

/* =========================================================
   Карточка компании
   ========================================================= */

.cc-b2b-account {
	margin-bottom: 24px;
	padding: 20px;
	border: 1px solid var(--line, #e5e7eb);
	border-radius: var(--r-lg, 12px);
	background: #fff;
	box-shadow: var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.04));
}

.cc-b2b-account__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.cc-b2b-account__caption {
	display: block;
	margin-bottom: 4px;
	color: var(--ink-500, #64748b);
	font-size: 11px;
}

.cc-b2b-account__header h2 {
	margin: 0;
	color: var(--ink-900, #0f172a);
	font-size: 20px;
	line-height: 1.25;
}

.cc-b2b-account__header p {
	margin: 4px 0 0;
	color: var(--ink-500, #64748b);
	font-size: 11px;
}

.cc-b2b-contract {
	display: inline-flex;
	min-height: 26px;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--brand-50, #f2f6fb);
	color: var(--brand-700, #1f3a5f);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

.cc-b2b-account__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.cc-b2b-stat {
	display: flex;
	min-height: 76px;
	flex-direction: column;
	justify-content: center;
	padding: 13px;
	border: 1px solid var(--line-soft, #eef0f3);
	border-radius: var(--r-md, 8px);
	background: var(--bg-soft, #fafbfc);
}

.cc-b2b-stat span {
	margin-bottom: 5px;
	color: var(--ink-500, #64748b);
	font-size: 10px;
}

.cc-b2b-stat strong {
	color: var(--ink-900, #0f172a);
	font-size: 15px;
	font-variant-numeric: tabular-nums;
}

.cc-b2b-manager {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--line-soft, #eef0f3);
}

.cc-b2b-manager__avatar {
	display: flex;
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--brand-700, #1f3a5f);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

.cc-b2b-manager__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.cc-b2b-manager__content > span {
	color: var(--ink-500, #64748b);
	font-size: 10px;
}

.cc-b2b-manager__content > strong {
	color: var(--ink-900, #0f172a);
	font-size: 13px;
}

.cc-b2b-manager__content > div {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 12px;
	margin-top: 3px;
	font-size: 11px;
}

/* =========================================================
   Кэшбэк
   ========================================================= */

.cc-b2b-cashback-row th,
.cc-b2b-cashback-row td {
	color: var(--success-600, #0f7a4b) !important;
}

.cc-b2b-cashback-row strong {
	color: var(--success-600, #0f7a4b);
	font-variant-numeric: tabular-nums;
}

/* =========================================================
   Информация в заказе
   ========================================================= */

.cc-b2b-order-info {
	margin-top: 22px;
	padding: 20px;
	border: 1px solid var(--line, #e5e7eb);
	border-radius: var(--r-lg, 12px);
	background: #fff;
}

.cc-b2b-order-info h2 {
	margin: 0 0 14px;
	color: var(--ink-900, #0f172a);
	font-size: 18px;
}

.cc-b2b-order-info__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.cc-b2b-order-info__grid > div {
	display: flex;
	flex-direction: column;
	padding: 12px;
	border-radius: var(--r-sm, 6px);
	background: var(--bg-soft, #fafbfc);
}

.cc-b2b-order-info__grid span {
	margin-bottom: 4px;
	color: var(--ink-500, #64748b);
	font-size: 10px;
}

.cc-b2b-order-info__grid strong {
	color: var(--ink-900, #0f172a);
	font-size: 13px;
}

.cc-b2b-success {
	color: var(--success-600, #0f7a4b) !important;
}

/* =========================================================
   Адаптивность
   ========================================================= */

@media (max-width: 900px) {
	.cc-b2b-product-info__conditions,
	.cc-b2b-order-info__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.cc-b2b-account__header {
		flex-direction: column;
	}

	.cc-b2b-account__stats {
		grid-template-columns: 1fr;
	}

	.cc-b2b-product-info__conditions,
	.cc-b2b-order-info__grid {
		grid-template-columns: 1fr;
	}

	.cc-b2b-warehouse {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}
}