/**
 * Vehicle loan family — nav tabs with icons and car-specific charts.
 */

.sn-vehicle-calc__nav-tab {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.sn-vehicle-calc__tab-icon {
	flex-shrink: 0;
}

.sn-vehicle-calc__optional-panel {
	margin-top: 0;
}

.sn-vehicle-calc__charts {
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #f3f4f6;
}

.sn-vehicle-calc__chart-block {
	min-width: 0;
	width: 100%;
	padding: 1rem;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 0.75rem;
}

.sn-vehicle-calc__chart-block .sn-loan-calc__schedule-title {
	margin-bottom: 0.75rem;
}

.sn-vehicle-calc__pie-wrap {
	display: flex;
	justify-content: center;
	padding: 0.25rem 0 0.5rem;
	overflow: hidden;
}

.sn-vehicle-calc__pie-wrap .sn-calc-chart__svg--pie-below {
	width: 100%;
	max-width: 280px;
	height: auto;
}

.sn-vehicle-calc__bar-wrap {
	overflow-x: auto;
	width: 100%;
}

.sn-vehicle-calc__bar-wrap .sn-calc-chart__tick {
	font-size: 10px;
	fill: #64748b;
	font-weight: 600;
}

.sn-vehicle-calc__bar-wrap .sn-calc-chart__svg--responsive {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.sn-vehicle-calc .sn-loan-calc__table-wrap {
	max-height: 28rem;
}