/**
 * Calculator specific styles – Cash Credit & future tools
 * v1.0.1 – better mobile, a11y, touch targets
 */

.bz-calculator-page {
	padding: 24px 0 56px;
	background: var(--bz-bg);
	min-height: 60vh;
}

.bz-calc-header {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 24px;
}

.bz-calc-icon {
	font-size: 2.4rem;
	line-height: 1;
	flex-shrink: 0;
}

.bz-calc-header h1 {
	margin: 0 0 4px;
	font-size: clamp(1.35rem, 4vw, 1.6rem);
	font-weight: 700;
	color: var(--bz-text);
}

.bz-calc-header p {
	margin: 0;
	color: var(--bz-text-muted);
	font-size: 0.9rem;
}

.bz-calc-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
	align-items: start;
}

.bz-calc-card {
	background: var(--bz-card-bg);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid var(--bz-border);
	border-radius: var(--bz-radius);
	padding: 22px;
	box-shadow: var(--bz-shadow);
}

.bz-calc-card h2 {
	margin: 0 0 18px;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--bz-text);
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.bz-form-group {
	margin-bottom: 16px;
}

.bz-form-group label,
.bz-label-text {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--bz-text);
}

.bz-field-hint {
	display: block;
	font-size: 0.75rem;
	color: var(--bz-text-muted);
	margin-top: 4px;
}

.bz-input {
	width: 100%;
	padding: 12px 14px;
	font-size: 16px;
	border: 1.5px solid #cdd5df;
	border-radius: 10px;
	background: #fff;
	color: var(--bz-text);
	transition: border-color 0.2s, box-shadow 0.2s;
	font-family: inherit;
	min-height: 44px;
	-webkit-appearance: none;
	appearance: none;
}

.bz-input:focus {
	outline: none;
	border-color: var(--bz-primary);
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.18);
}

.bz-radio-group {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.bz-radio {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 16px;
	min-height: 44px;
	border: 1.5px solid #cdd5df;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 500;
	font-size: 0.95rem;
	background: #fff;
	transition: all 0.2s;
	user-select: none;
}

.bz-radio:hover {
	border-color: var(--bz-primary);
}

.bz-radio input {
	accent-color: var(--bz-primary);
	width: 16px;
	height: 16px;
}

.bz-radio input:checked + span {
	color: var(--bz-primary);
	font-weight: 600;
}

.bz-error-msg {
	background: #f8d7da;
	color: #842029;
	border: 1px solid #f5c2c7;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 0.875rem;
	margin-bottom: 12px;
}

.bz-btn-row {
	display: flex;
	gap: 10px;
	margin-top: 6px;
	flex-wrap: wrap;
}

.bz-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 22px;
	min-height: 44px;
	font-size: 0.95rem;
	font-weight: 600;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font-family: inherit;
	transition: transform 0.12s, box-shadow 0.15s, background 0.15s;
	-webkit-tap-highlight-color: transparent;
}

.bz-btn:active {
	transform: scale(0.97);
}

.bz-btn-primary {
	background: linear-gradient(135deg, var(--bz-primary), var(--bz-secondary));
	color: #fff;
	box-shadow: 0 4px 14px rgba(13, 110, 253, 0.32);
	flex: 1;
}

.bz-btn-primary:hover {
	box-shadow: 0 6px 18px rgba(13, 110, 253, 0.42);
}

.bz-btn-secondary {
	background: #e9ecef;
	color: #343a40;
	flex: 0 0 auto;
}

.bz-btn-secondary:hover {
	background: #dee2e6;
}

.bz-btn-outline {
	background: transparent;
	border: 1.5px solid var(--bz-primary);
	color: var(--bz-primary);
}

.bz-btn-outline:hover:not(:disabled) {
	background: rgba(13, 110, 253, 0.08);
}

.bz-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.bz-results {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bz-result-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 9px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	gap: 12px;
}

.bz-result-item:last-child {
	border-bottom: none;
}

.bz-result-label {
	font-size: 0.875rem;
	color: var(--bz-text-muted);
	flex: 1;
}

.bz-result-value {
	font-size: 1rem;
	font-weight: 700;
	color: var(--bz-text);
	font-variant-numeric: tabular-nums;
	text-align: right;
	white-space: nowrap;
}

.bz-result-highlight {
	background: linear-gradient(135deg, rgba(13, 110, 253, 0.07), rgba(102, 16, 242, 0.07));
	margin: 4px -10px;
	padding: 12px 10px;
	border-radius: 10px;
	border-bottom: none;
}

.bz-result-highlight .bz-result-value {
	color: var(--bz-primary);
	font-size: 1.1rem;
}

.bz-results-actions {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.bz-calc-note {
	margin-top: 28px;
	padding: 14px 16px;
	background: rgba(13, 110, 253, 0.06);
	border-left: 4px solid var(--bz-primary);
	border-radius: 0 10px 10px 0;
	font-size: 0.85rem;
	color: var(--bz-text-muted);
}

.bz-calc-note p {
	margin: 0;
}

.bz-tools-wrapper.bz-dark .bz-input,
.bz-tools-wrapper.bz-dark .bz-radio {
	background: #1e293b;
	border-color: #334155;
	color: #f1f5f9;
}

.bz-tools-wrapper.bz-dark .bz-btn-secondary {
	background: #334155;
	color: #e2e8f0;
}

@media (max-width: 900px) {
	.bz-calc-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.bz-calculator-page {
		padding: 16px 0 40px;
	}

	.bz-calc-header {
		flex-direction: column;
		text-align: center;
		align-items: center;
		gap: 8px;
	}

	.bz-calc-card {
		padding: 18px 14px;
	}

	.bz-btn-row {
		flex-direction: column;
	}

	.bz-btn {
		width: 100%;
	}

	.bz-result-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
		padding: 10px 0;
	}

	.bz-result-value {
		text-align: left;
		font-size: 1.05rem;
	}

	.bz-result-highlight .bz-result-value {
		font-size: 1.2rem;
	}
}

@media print {
	.bz-back-link,
	.bz-btn-row,
	.bz-calc-note,
	.bz-error-msg {
		display: none !important;
	}

	.bz-calc-layout {
		grid-template-columns: 1fr;
	}

	.bz-calc-card {
		box-shadow: none;
		border: 1px solid #ccc;
		break-inside: avoid;
	}
}

/* ========== Profit Margin Calculator Pro (v1.0.4) ========== */
.bz-mode-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
	padding: 4px;
	background: rgba(0, 0, 0, 0.03);
	border-radius: 12px;
}

.bz-mode-tab {
	flex: 1 1 auto;
	min-width: 120px;
	padding: 11px 14px;
	min-height: 44px;
	border: 1.5px solid transparent;
	border-radius: 10px;
	background: transparent;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	color: var(--bz-text-muted);
	transition: background 0.2s, color 0.2s, box-shadow 0.2s, border-color 0.2s;
	text-align: center;
}

.bz-mode-tab:hover {
	color: var(--bz-text);
	background: rgba(255, 255, 255, 0.7);
}

.bz-mode-tab:focus-visible {
	outline: 2px solid var(--bz-primary);
	outline-offset: 2px;
}

.bz-mode-tab.is-active {
	background: linear-gradient(135deg, var(--bz-primary), var(--bz-secondary));
	color: #fff;
	box-shadow: 0 4px 14px rgba(13, 110, 253, 0.28);
}

.bz-margin-meter {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.bz-meter-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.bz-meter-label {
	font-size: 0.85rem;
	font-weight: 600;
}

.bz-meter-status {
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.bz-meter-bar {
	height: 10px;
	background: #e9ecef;
	border-radius: 6px;
	overflow: hidden;
}

.bz-meter-fill {
	height: 100%;
	width: 0;
	border-radius: 6px;
	transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s;
	background: #198754;
}

.bz-meter-scale {
	display: flex;
	justify-content: space-between;
	font-size: 0.68rem;
	color: var(--bz-text-muted);
	margin-top: 5px;
}

.bz-charts-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-top: 22px;
}

.bz-chart-card h3 {
	margin: 0 0 16px;
	font-size: 0.95rem;
	font-weight: 700;
}

.bz-pie-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	min-height: 150px;
}

.bz-pie-legend {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 0.85rem;
	font-weight: 500;
}

.bz-leg-cost,
.bz-leg-profit {
	display: flex;
	align-items: center;
	gap: 8px;
}

.bz-leg-cost::before,
.bz-leg-profit::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	flex-shrink: 0;
}

.bz-leg-cost::before { background: #0d6efd; }
.bz-leg-profit::before { background: #198754; }

.bz-bar-chart {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 48px;
	height: 160px;
	padding-bottom: 4px;
}

.bz-bar-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.bz-bar {
	width: 52px;
	border-radius: 10px 10px 4px 4px;
	transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
	min-height: 12px;
}

.bz-bar-cost {
	background: linear-gradient(180deg, #3d8bfd, #0d6efd 60%, #6610f2);
	box-shadow: 0 4px 12px rgba(13, 110, 253, 0.25);
}

.bz-bar-selling {
	background: linear-gradient(180deg, #2dd4a8, #198754 60%, #146c43);
	box-shadow: 0 4px 12px rgba(25, 135, 84, 0.25);
}

.bz-bar-label {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--bz-text-muted);
}

.bz-insights,
.bz-whatif,
.bz-tips,
.bz-faq {
	margin-top: 22px;
}

.bz-insights h3,
.bz-whatif h3,
.bz-tips h3,
.bz-faq h3 {
	margin: 0 0 14px;
	font-size: 1.05rem;
	font-weight: 700;
}

.bz-insights ul,
.bz-tips ul {
	margin: 0;
	padding-left: 1.15rem;
}

.bz-insights li,
.bz-tips li {
	margin-bottom: 10px;
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--bz-text);
}

.bz-insights li:last-child,
.bz-tips li:last-child {
	margin-bottom: 0;
}

.bz-whatif-desc {
	font-size: 0.9rem;
	color: var(--bz-text-muted);
	margin: 0 0 16px;
	line-height: 1.5;
}

.bz-whatif-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.bz-whatif-grid strong {
	display: block;
	font-size: 0.82rem;
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--bz-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.bz-whatif-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bz-whatif-btns button {
	padding: 9px 14px;
	min-height: 40px;
	border: 1.5px solid #d0d7de;
	border-radius: 9px;
	background: #fff;
	font-weight: 600;
	font-size: 0.85rem;
	cursor: pointer;
	font-family: inherit;
	color: var(--bz-text);
	transition: border-color 0.15s, color 0.15s, background 0.15s, transform 0.1s;
}

.bz-whatif-btns button:hover {
	border-color: var(--bz-primary);
	color: var(--bz-primary);
	background: rgba(13, 110, 253, 0.04);
}

.bz-whatif-btns button:active {
	transform: scale(0.97);
}

.bz-whatif-btns button:focus-visible {
	outline: 2px solid var(--bz-primary);
	outline-offset: 2px;
}

.bz-whatif-result {
	margin-top: 16px;
	padding: 14px 16px;
	background: linear-gradient(135deg, rgba(13, 110, 253, 0.06), rgba(102, 16, 242, 0.05));
	border-radius: 10px;
	font-size: 0.9rem;
	line-height: 1.5;
	min-height: 1.5em;
	border: 1px solid rgba(13, 110, 253, 0.1);
}

.bz-edu-section {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
	margin-top: 22px;
}

.bz-edu-section .bz-calc-card {
	padding: 20px;
}

.bz-edu-section .bz-calc-card h3 {
	margin: 0 0 10px;
	font-size: 0.98rem;
	font-weight: 700;
}

.bz-edu-section .bz-calc-card p {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--bz-text-muted);
}

.bz-faq-item {
	padding: 14px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.bz-faq-item:first-of-type {
	padding-top: 4px;
}

.bz-faq-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.bz-faq-item h4 {
	margin: 0 0 6px;
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--bz-text);
}

.bz-faq-item p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--bz-text-muted);
}

.bz-articles {
	margin-top: 28px;
}

.bz-articles h3 {
	margin: 0 0 14px;
	font-size: 1.05rem;
	font-weight: 700;
}

.bz-article-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 12px;
}

.bz-article-card {
	background: var(--bz-card-bg);
	backdrop-filter: blur(8px);
	border: 1px solid var(--bz-border);
	border-radius: 12px;
	padding: 16px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
	box-shadow: var(--bz-shadow);
	transition: transform 0.2s, box-shadow 0.2s;
}

.bz-article-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(31, 38, 135, 0.12);
}

/* Dark mode tweaks for PM */
.bz-tools-wrapper.bz-dark .bz-mode-tabs {
	background: rgba(255, 255, 255, 0.05);
}

.bz-tools-wrapper.bz-dark .bz-mode-tab {
	color: var(--bz-text-muted);
}

.bz-tools-wrapper.bz-dark .bz-mode-tab:hover {
	background: rgba(255, 255, 255, 0.08);
	color: var(--bz-text);
}

.bz-tools-wrapper.bz-dark .bz-whatif-btns button {
	background: #1e293b;
	border-color: #334155;
	color: var(--bz-text);
}

.bz-tools-wrapper.bz-dark .bz-meter-bar {
	background: #334155;
}

@media (max-width: 800px) {
	.bz-charts-row,
	.bz-whatif-grid {
		grid-template-columns: 1fr;
	}

	.bz-mode-tabs {
		flex-direction: column;
		gap: 6px;
	}

	.bz-mode-tab {
		width: 100%;
		min-width: 0;
	}

	.bz-bar-chart {
		gap: 36px;
		height: 140px;
	}

	.bz-bar {
		width: 44px;
	}
}

@media (max-width: 480px) {
	.bz-edu-section {
		grid-template-columns: 1fr;
	}

	.bz-article-grid {
		grid-template-columns: 1fr 1fr;
	}

	.bz-whatif-btns button {
		flex: 1 1 calc(50% - 8px);
		text-align: center;
	}
}

@media print {
	.bz-mode-tabs,
	.bz-whatif,
	.bz-articles,
	.bz-edu-section,
	.bz-tips,
	.bz-faq {
		break-inside: avoid;
	}
}

/* ========== Margin vs Markup Comparison ========== */
.bz-mm-compare {
	margin-top: 22px;
}

.bz-mm-title {
	margin: 0 0 18px;
	font-size: 1.1rem;
	font-weight: 700;
}

.bz-mm-table-wrap {
	overflow-x: auto;
	margin-bottom: 22px;
	-webkit-overflow-scrolling: touch;
}

.bz-mm-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.88rem;
	min-width: 480px;
}

.bz-mm-table th,
.bz-mm-table td {
	padding: 12px 14px;
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	vertical-align: top;
	line-height: 1.45;
}

.bz-mm-table thead th {
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--bz-text);
	background: rgba(13, 110, 253, 0.04);
}

.bz-mm-table tbody th {
	font-weight: 600;
	color: var(--bz-text-muted);
	width: 22%;
	white-space: nowrap;
}

.bz-mm-table tbody td {
	color: var(--bz-text);
	width: 39%;
}

.bz-mm-table tbody tr:last-child th,
.bz-mm-table tbody tr:last-child td {
	border-bottom: none;
}

.bz-mm-bars {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 20px;
}

.bz-mm-bar-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bz-mm-bar-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bz-mm-bar-name {
	font-size: 0.85rem;
	font-weight: 600;
}

.bz-mm-bar-pct {
	font-size: 0.9rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.bz-mm-bar-track {
	height: 14px;
	background: #e9ecef;
	border-radius: 8px;
	overflow: hidden;
}

.bz-mm-bar-fill {
	height: 100%;
	width: 0;
	border-radius: 8px;
	transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.bz-mm-fill-margin {
	background: linear-gradient(90deg, #0d6efd, #3d8bfd);
	box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3);
}

.bz-mm-fill-markup {
	background: linear-gradient(90deg, #6610f2, #9b59b6);
	box-shadow: 0 2px 8px rgba(102, 16, 242, 0.3);
}

.bz-mm-note {
	padding: 14px 16px;
	background: rgba(13, 110, 253, 0.06);
	border-left: 4px solid var(--bz-primary);
	border-radius: 0 10px 10px 0;
	margin-bottom: 14px;
}

.bz-mm-note p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--bz-text);
}

.bz-mm-didyouknow {
	padding: 14px 16px;
	background: linear-gradient(135deg, rgba(255, 193, 7, 0.12), rgba(253, 126, 20, 0.08));
	border: 1px solid rgba(255, 193, 7, 0.35);
	border-radius: 12px;
	margin-bottom: 18px;
}

.bz-mm-didyouknow strong {
	display: block;
	font-size: 0.85rem;
	font-weight: 700;
	margin-bottom: 6px;
	color: #9a7200;
}

.bz-mm-didyouknow p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--bz-text);
}

.bz-mm-learn {
	width: 100%;
	max-width: 280px;
}

.bz-tools-wrapper.bz-dark .bz-mm-table thead th {
	background: rgba(255, 255, 255, 0.05);
}

.bz-tools-wrapper.bz-dark .bz-mm-bar-track {
	background: #334155;
}

.bz-tools-wrapper.bz-dark .bz-mm-didyouknow strong {
	color: #ffc107;
}

@media (max-width: 600px) {
	.bz-mm-table {
		font-size: 0.82rem;
		min-width: 420px;
	}

	.bz-mm-table th,
	.bz-mm-table td {
		padding: 10px 10px;
	}

	.bz-mm-learn {
		max-width: 100%;
	}
}

/* ========== Continue Learning ========== */
.bz-continue-learning {
	margin-top: 36px;
	padding-top: 8px;
}

.bz-cl-header {
	margin-bottom: 20px;
	text-align: center;
}

.bz-cl-header h3 {
	margin: 0 0 8px;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--bz-text);
}

.bz-cl-subtitle {
	margin: 0;
	font-size: 0.95rem;
	color: var(--bz-text-muted);
	line-height: 1.5;
}

.bz-cl-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 18px;
}

.bz-cl-card {
	background: var(--bz-card-bg);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid var(--bz-border);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: var(--bz-shadow);
	display: flex;
	flex-direction: column;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.bz-cl-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(31, 38, 135, 0.14);
}

.bz-cl-image-link {
	display: block;
	overflow: hidden;
}

.bz-cl-image {
	width: 100%;
	height: 140px;
	object-fit: cover;
	display: block;
	background: #e9ecef;
}

.bz-cl-image-placeholder {
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	background: linear-gradient(135deg, rgba(13, 110, 253, 0.1), rgba(102, 16, 242, 0.1));
}

.bz-cl-body {
	padding: 16px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.bz-cl-title {
	margin: 0 0 8px;
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1.35;
}

.bz-cl-title a {
	color: var(--bz-text);
	text-decoration: none;
}

.bz-cl-title a:hover {
	color: var(--bz-primary);
}

.bz-cl-excerpt {
	margin: 0 0 10px;
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--bz-text-muted);
	flex: 1;
}

.bz-cl-meta {
	margin-bottom: 12px;
}

.bz-cl-time {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--bz-text-muted);
	background: rgba(0, 0, 0, 0.04);
	padding: 3px 8px;
	border-radius: 20px;
}

.bz-cl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	min-height: 40px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--bz-primary);
	border: 1.5px solid var(--bz-primary);
	border-radius: 9px;
	text-decoration: none;
	transition: background 0.15s, color 0.15s;
	text-align: center;
}

.bz-cl-btn:hover {
	background: var(--bz-primary);
	color: #fff;
	text-decoration: none;
}

.bz-tools-wrapper.bz-dark .bz-cl-time {
	background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 500px) {
	.bz-cl-grid {
		grid-template-columns: 1fr;
	}
}

/* Working Capital Pro */
.bz-wc-group-label {
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--bz-text-muted);
	margin: 12px 0 8px;
	padding-bottom: 4px;
	border-bottom: 1px dashed rgba(0,0,0,0.08);
}

.bz-wc-hint {
	font-size: 0.85rem;
	color: var(--bz-text-muted);
	margin: 0 0 14px;
	line-height: 1.45;
}

.bz-wc-status {
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.bz-wc-status-label {
	font-size: 0.85rem;
	font-weight: 600;
}

.bz-wc-status-badge {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.bz-wc-excellent { background: #d1e7dd; color: #0f5132; }
.bz-wc-healthy { background: #cfe2ff; color: #084298; }
.bz-wc-average { background: #fff3cd; color: #664d03; }
.bz-wc-critical { background: #f8d7da; color: #842029; }

.bz-wc-health {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(0,0,0,0.06);
}

.bz-wc-health-score {
	margin-top: 8px;
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	color: var(--bz-text);
}

/* Export Profit Pro */
.bz-ep-incoterm-cards {
	display: grid;
	gap: 12px;
}
.bz-ep-incard {
	padding: 14px;
	border-radius: 10px;
	background: rgba(13, 110, 253, 0.06);
	border: 1px solid rgba(13, 110, 253, 0.12);
}
.bz-ep-incard strong {
	display: block;
	margin-bottom: 6px;
	font-size: 1rem;
}
.bz-ep-incard p {
	margin: 0;
	font-size: 0.88rem;
	color: var(--bz-text-muted);
	line-height: 1.45;
}
.bz-ep-checklist {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 8px 16px;
	margin: 0 0 12px;
	padding-left: 1.2rem;
	font-size: 0.9rem;
}
.bz-ep-summary-body {
	margin-top: 8px;
}

/* Container Loading Preview */
.bz-cload-visual { margin-top: 8px; }
.bz-cload-container {
	height: 48px;
	border-radius: 10px;
	border: 2px solid rgba(13,110,253,0.35);
	background: rgba(13,110,253,0.06);
	overflow: hidden;
}
.bz-cload-fill {
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, #0d6efd, #6610f2);
	transition: width 0.6s cubic-bezier(0.22,1,0.36,1);
}

/* Proforma Invoice */
.bz-pi-preview-doc { overflow-x: auto; }
.bz-pi-sheet {
	background: #fff;
	color: #111;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid rgba(0,0,0,0.08);
	font-size: 0.88rem;
	line-height: 1.45;
}
.bz-pi-head { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.bz-pi-doc-title { font-size: 1.25rem; font-weight: 800; letter-spacing: 0.02em; }
.bz-pi-muted { color: #555; font-size: 0.8rem; margin-top: 4px; }
.bz-pi-parties { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 12px 0; }
.bz-pi-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; font-size: 0.8rem; margin: 10px 0 14px; }
.bz-pi-table { width: 100%; border-collapse: collapse; }
.bz-pi-table th, .bz-pi-table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.bz-pi-table th { background: #f5f7fb; font-size: 0.8rem; }
.bz-pi-totals { text-align: right; margin-top: 12px; }
.bz-pi-grand { font-size: 1.05rem; margin-top: 6px; font-weight: 700; }
.bz-pi-bank, .bz-pi-remarks { margin-top: 14px; font-size: 0.85rem; }
.bz-pi-sign { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.bz-pi-sign-box { flex: 1; min-width: 120px; border-top: 1px solid #999; padding-top: 8px; font-size: 0.75rem; min-height: 56px; color: #555; }
.bz-pi-foot { font-size: 0.72rem; color: #666; margin-top: 18px; }
.bz-pi-cta p { margin: 0 0 12px; color: var(--bz-text-muted); line-height: 1.55; }
.bz-tools-wrapper.bz-dark .bz-pi-sheet { background: #0f172a; color: #e2e8f0; border-color: #334155; }
.bz-tools-wrapper.bz-dark .bz-pi-table th { background: #1e293b; }
.bz-tools-wrapper.bz-dark .bz-pi-table th,
.bz-tools-wrapper.bz-dark .bz-pi-table td { border-color: #334155; }
.bz-tools-wrapper.bz-dark .bz-pi-muted { color: #94a3b8; }
@media (max-width: 700px) {
	.bz-pi-parties { grid-template-columns: 1fr; }
}
@media print {
	.bz-mode-tabs, .bz-input-panel, .bz-back-link, .bz-pi-cta, .bz-faq, .bz-edu-section,
	.bz-continue-learning, .bz-calc-note, .bz-insights, .bz-results-actions { display: none !important; }
	.bz-pi-preview-doc, .bz-pi-sheet { box-shadow: none; border: none; }
}


/* ===== Proforma Invoice bugfix (v1.0.16) ===== */
.bz-pi-page .bz-mode-tabs {
	background: rgba(13, 110, 253, 0.06);
	border: 1px solid rgba(13, 110, 253, 0.12);
}
.bz-pi-page .bz-mode-tab {
	border: 1.5px solid rgba(0, 0, 0, 0.08);
	background: #fff;
	color: #334155;
	opacity: 1;
	filter: none;
}
.bz-pi-page .bz-mode-tab:hover {
	border-color: var(--bz-primary);
	color: var(--bz-primary);
	background: #f8fbff;
}
.bz-pi-page .bz-mode-tab.is-active {
	border-color: transparent;
	color: #fff;
	background: linear-gradient(135deg, var(--bz-primary), var(--bz-secondary));
}
.bz-pi-page .bz-mode-tab:focus-visible {
	outline: 2px solid var(--bz-primary);
	outline-offset: 2px;
}
.bz-tools-wrapper.bz-dark .bz-pi-page .bz-mode-tabs {
	background: rgba(255, 255, 255, 0.06);
	border-color: #334155;
}
.bz-tools-wrapper.bz-dark .bz-pi-page .bz-mode-tab {
	background: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}
.bz-tools-wrapper.bz-dark .bz-pi-page .bz-mode-tab:hover {
	border-color: #93c5fd;
	color: #fff;
	background: #334155;
}
.bz-tools-wrapper.bz-dark .bz-pi-page .bz-mode-tab.is-active {
	color: #fff;
	border-color: transparent;
}

.bz-pi-page .bz-btn-outline {
	border-width: 1.5px;
	opacity: 1;
	filter: none;
}
.bz-pi-page .bz-btn:disabled {
	opacity: 0.55;
	filter: grayscale(0.15);
}
.bz-pi-page .bz-btn:focus-visible,
.bz-pi-page .bz-input:focus-visible {
	outline: 2px solid var(--bz-primary);
	outline-offset: 2px;
}

/* Items table mobile */
.bz-pi-page #bz-pi-items-table .bz-input {
	min-width: 0;
	width: 100%;
	font-size: 16px;
}
.bz-pi-page .pi-del {
	padding: 6px 10px !important;
	min-height: 36px !important;
	min-width: 36px;
}

@media (max-width: 900px) {
	.bz-pi-page .bz-mm-table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.bz-pi-page #bz-pi-items-table {
		min-width: 640px;
	}
	.bz-pi-page .bz-pi-sheet {
		padding: 14px;
		font-size: 0.82rem;
	}
	.bz-pi-page .bz-pi-head {
		flex-direction: column;
	}
}

@media print {
	.bz-pi-page .bz-mode-tabs,
	.bz-pi-page .bz-input-panel,
	.bz-pi-page .bz-results-panel,
	.bz-pi-page .bz-back-link,
	.bz-pi-page .bz-pi-cta,
	.bz-pi-page .bz-faq,
	.bz-pi-page .bz-edu-section,
	.bz-pi-page .bz-continue-learning,
	.bz-pi-page .bz-calc-note,
	.bz-pi-page .bz-insights,
	.bz-pi-page .bz-article-grid,
	.bz-pi-page .bz-results-actions,
	.bz-pi-page .bz-btn-row,
	.bz-pi-page #bz-pi-error {
		display: none !important;
	}
	.bz-pi-page .bz-calc-layout {
		display: block !important;
	}
	.bz-pi-page #bz-pi-preview-wrap,
	.bz-pi-page .bz-pi-preview-doc,
	.bz-pi-page .bz-pi-sheet {
		box-shadow: none !important;
		border: none !important;
		background: #fff !important;
		color: #111 !important;
	}
	.bz-pi-page .bz-calc-card {
		box-shadow: none !important;
		border: none !important;
		padding: 0 !important;
	}
}


/* ===== Smart Recommendation Cards ===== */
.bz-reco-card {
	margin-top: 20px;
	overflow: hidden;
	border: 1px solid rgba(13, 110, 253, 0.12);
	background: linear-gradient(180deg, rgba(13, 110, 253, 0.06) 0%, rgba(255, 255, 255, 0.9) 48%);
}
.bz-reco-badge {
	display: inline-block;
	margin: 0 0 12px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--bz-primary);
	background: rgba(13, 110, 253, 0.1);
	border: 1px solid rgba(13, 110, 253, 0.15);
}
.bz-reco-body {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}
.bz-reco-icon {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.45rem;
	background: linear-gradient(135deg, rgba(13, 110, 253, 0.12), rgba(102, 16, 242, 0.12));
	box-shadow: 0 4px 14px rgba(13, 110, 253, 0.12);
}
.bz-reco-content { flex: 1; min-width: 0; }
.bz-reco-title {
	margin: 0 0 6px;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
}
.bz-reco-desc {
	margin: 0 0 14px;
	color: var(--bz-text-muted);
	line-height: 1.55;
	font-size: 0.92rem;
}
.bz-reco-actions { margin: 0; }
.bz-reco-btn {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bz-reco-card:hover .bz-reco-btn {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(13, 110, 253, 0.25);
}
.bz-reco-zoho {
	border-color: rgba(25, 135, 84, 0.15);
	background: linear-gradient(180deg, rgba(25, 135, 84, 0.07) 0%, rgba(255, 255, 255, 0.9) 48%);
}
.bz-reco-zoho .bz-reco-badge {
	color: #198754;
	background: rgba(25, 135, 84, 0.1);
	border-color: rgba(25, 135, 84, 0.18);
}
.bz-reco-zoho .bz-reco-icon {
	background: linear-gradient(135deg, rgba(25, 135, 84, 0.14), rgba(13, 110, 253, 0.1));
}
.bz-tools-wrapper.bz-dark .bz-reco-card {
	background: linear-gradient(180deg, rgba(13, 110, 253, 0.12) 0%, rgba(15, 23, 42, 0.9) 50%);
	border-color: #334155;
}
.bz-tools-wrapper.bz-dark .bz-reco-zoho {
	background: linear-gradient(180deg, rgba(25, 135, 84, 0.12) 0%, rgba(15, 23, 42, 0.9) 50%);
}
@media (max-width: 600px) {
	.bz-reco-body { flex-direction: column; gap: 10px; }
	.bz-reco-btn { width: 100%; text-align: center; }
}
@media print {
	.bz-reco-card { display: none !important; }
}

/* Proforma Wizard v1.0.18 */
.bz-pi-stepper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:20px 0 28px;padding:16px 12px;background:var(--bz-card-bg);border:1px solid var(--bz-border);border-radius:16px;box-shadow:var(--bz-shadow)}
.bz-pi-step{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:8px 10px;min-width:72px;font-family:inherit;color:var(--bz-text-muted)}
.bz-pi-step-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;background:#e9ecef;color:#495057}
.bz-pi-step.is-active .bz-pi-step-num{background:linear-gradient(135deg,var(--bz-primary),var(--bz-secondary));color:#fff;box-shadow:0 4px 12px rgba(13,110,253,.35)}
.bz-pi-step.is-active{color:var(--bz-primary)}
.bz-pi-step.is-done .bz-pi-step-num{background:#198754;color:#fff}
.bz-pi-step-line{flex:1 1 20px;height:3px;min-width:16px;max-width:48px;background:#dee2e6;border-radius:2px}
.bz-pi-workspace{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}
.bz-pi-summary-card{position:sticky;top:20px}
.bz-pi-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.bz-pi-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 16px}
.bz-pi-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(0,0,0,.06);flex-wrap:wrap}
.bz-pi-page .bz-mode-tab{border:1.5px solid rgba(0,0,0,.1)!important;background:#fff!important;color:#1e293b!important;opacity:1!important;font-weight:600}
.bz-pi-page .bz-mode-tab.is-active{background:linear-gradient(135deg,var(--bz-primary),var(--bz-secondary))!important;color:#fff!important}
@media(max-width:960px){.bz-pi-workspace{grid-template-columns:1fr}.bz-pi-summary-card{position:static}.bz-pi-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bz-pi-grid-2,.bz-pi-grid-3{grid-template-columns:1fr}.bz-pi-step{min-width:56px}.bz-pi-nav{flex-direction:column}.bz-pi-nav .bz-btn{width:100%}}


/* =========================================================
   Proforma Invoice UI Polish v1.0.20
   Stable layout, no overflow, consistent controls
   ========================================================= */

.bz-pi2 {
	overflow-x: hidden;
	max-width: 100%;
}

.bz-pi2 .bz-container {
	max-width: 1200px;
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}

.bz-pi2-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: 24px;
	align-items: start;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.bz-pi2-form,
.bz-pi2-preview-col {
	min-width: 0; /* prevent grid blowout */
	max-width: 100%;
}

.bz-pi2-card {
	margin-bottom: 20px;
	padding: 22px 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.bz-pi2-h {
	margin: 0 0 18px;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	color: var(--bz-text);
}

.bz-pi2-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.bz-pi2-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.bz-pi2-span2 {
	grid-column: 1 / -1;
}

.bz-pi2 .bz-form-group {
	margin-bottom: 0;
	min-width: 0;
}

.bz-pi2 .bz-form-group label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--bz-text);
	line-height: 1.3;
}

.bz-pi2 .bz-input {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	min-height: 46px;
	padding: 11px 14px;
	font-size: 15px;
	line-height: 1.4;
	border: 1.5px solid #cdd5df;
	border-radius: 10px;
	background: #fff;
	color: var(--bz-text);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.bz-pi2 textarea.bz-input {
	min-height: 72px;
	resize: vertical;
}

.bz-pi2 .bz-input:focus {
	outline: none;
	border-color: var(--bz-primary);
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.16);
}

.bz-pi2 .bz-input:focus-visible {
	outline: 2px solid var(--bz-primary);
	outline-offset: 2px;
}

/* Product table – stable */
.bz-pi2-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	margin-bottom: 14px;
	background: #fff;
}

.bz-pi2-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 0.875rem;
}

.bz-pi2-table th {
	background: #f1f5f9;
	padding: 12px 8px;
	text-align: left;
	font-weight: 700;
	font-size: 0.75rem;
	color: #334155;
	border-bottom: 1px solid #e2e8f0;
	white-space: nowrap;
}

.bz-pi2-table td {
	padding: 8px 6px;
	border-bottom: 1px solid #f1f5f9;
	vertical-align: middle;
	overflow: hidden;
}

.bz-pi2-table .bz-input {
	min-height: 40px;
	padding: 8px 10px;
	font-size: 14px;
	width: 100%;
}

.bz-pi2-table th:nth-child(1),
.bz-pi2-table td:nth-child(1) { width: 22%; }
.bz-pi2-table th:nth-child(2),
.bz-pi2-table td:nth-child(2) { width: 10%; }
.bz-pi2-table th:nth-child(3),
.bz-pi2-table td:nth-child(3) { width: 9%; }
.bz-pi2-table th:nth-child(4),
.bz-pi2-table td:nth-child(4) { width: 8%; }
.bz-pi2-table th:nth-child(5),
.bz-pi2-table td:nth-child(5) { width: 12%; }
.bz-pi2-table th:nth-child(6),
.bz-pi2-table td:nth-child(6) { width: 9%; }
.bz-pi2-table th:nth-child(7),
.bz-pi2-table td:nth-child(7) { width: 9%; }
.bz-pi2-table th:nth-child(8),
.bz-pi2-table td:nth-child(8) { width: 12%; }
.bz-pi2-table th:nth-child(9),
.bz-pi2-table td:nth-child(9) { width: 9%; }

.pi-amt {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-align: right;
	padding-right: 8px !important;
	white-space: nowrap;
}

.pi-row-btns {
	display: flex;
	gap: 4px;
	justify-content: flex-end;
	flex-wrap: nowrap;
}

.pi-row-btns .bz-btn {
	min-height: 36px !important;
	min-width: 36px;
	padding: 6px 8px !important;
	font-size: 0.75rem !important;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

.bz-pi2-row-actions {
	margin: 4px 0 16px;
}

.bz-pi2-row-actions .bz-btn {
	min-height: 46px;
	padding: 12px 20px;
	font-weight: 600;
}

.bz-pi2-totals {
	display: grid;
	gap: 10px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	padding: 16px 18px;
	border-radius: 12px;
}

.bz-pi2-totals > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	font-size: 0.95rem;
}

.bz-pi2-grand {
	font-size: 1.1rem !important;
	font-weight: 700;
	color: var(--bz-primary);
	padding-top: 10px;
	margin-top: 4px;
	border-top: 1px solid #e2e8f0;
}

.bz-pi2-check {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 0.9rem;
	cursor: pointer;
}

.bz-pi2-check input {
	width: 18px;
	height: 18px;
	accent-color: var(--bz-primary);
}

/* Action buttons – consistent */
.bz-pi2-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 12px;
	padding-top: 8px;
}

.bz-pi2-actions .bz-btn {
	min-height: 48px;
	padding: 12px 22px;
	font-size: 0.95rem;
	font-weight: 600;
	border-radius: 10px;
	line-height: 1.2;
	white-space: nowrap;
}

.bz-pi2-actions .bz-btn:focus-visible {
	outline: 2px solid var(--bz-primary);
	outline-offset: 2px;
}

.bz-pi2-actions .bz-btn:active {
	transform: scale(0.98);
}

/* Preview – fixed, no overlap */
.bz-pi2-preview-col {
	position: relative;
}

.bz-pi2-preview-sticky {
	position: sticky;
	top: 16px;
	max-height: calc(100vh - 32px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.bz-pi2-preview-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	flex-shrink: 0;
}

.bz-pi2-a4 {
	font-size: 0.7rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 6px;
	background: #e2e8f0;
	color: #475569;
}

.bz-pi2-sheet {
	background: #fff;
	color: #111;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 16px;
	font-size: 0.8rem;
	line-height: 1.45;
	overflow: auto;
	flex: 1;
	min-height: 200px;
	max-height: calc(100vh - 100px);
	box-sizing: border-box;
}

.bz-pi2-sheet .pi-doc-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.bz-pi2-sheet .pi-doc-title {
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.03em;
}

.bz-pi2-sheet .pi-doc-co {
	font-weight: 700;
	margin-top: 4px;
	word-break: break-word;
}

.bz-pi2-sheet .pi-doc-muted {
	color: #555;
	font-size: 0.75rem;
	word-break: break-word;
}

.bz-pi2-sheet .pi-doc-parties {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 10px 0;
}

.bz-pi2-sheet .pi-doc-table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
	table-layout: fixed;
}

.bz-pi2-sheet .pi-doc-table th,
.bz-pi2-sheet .pi-doc-table td {
	border: 1px solid #ddd;
	padding: 6px;
	font-size: 0.75rem;
	word-break: break-word;
}

.bz-pi2-sheet .pi-doc-table th {
	background: #f5f7fb;
}

.bz-pi2-sheet .pi-doc-totals {
	text-align: right;
}

.bz-pi2-sheet .pi-doc-grand {
	font-size: 0.95rem;
	font-weight: 700;
}

.bz-pi2-sheet .pi-doc-sign {
	margin-top: 24px;
	border-top: 1px solid #999;
	width: 150px;
	padding-top: 6px;
	font-size: 0.72rem;
}

.bz-pi2-sheet .pi-doc-foot {
	margin-top: 14px;
	font-size: 0.68rem;
	color: #666;
}

.bz-pi2-sheet .pi-doc-terms pre {
	white-space: pre-wrap;
	word-break: break-word;
	font-family: inherit;
	margin: 4px 0 0;
	font-size: 0.72rem;
}

.bz-req {
	color: #dc3545;
	font-weight: 700;
}

/* Dark mode */
.bz-tools-wrapper.bz-dark .bz-pi2 .bz-input {
	background: #1e293b;
	border-color: #334155;
	color: #f1f5f9;
}

.bz-tools-wrapper.bz-dark .bz-pi2-table th {
	background: #1e293b;
	color: #e2e8f0;
}

.bz-tools-wrapper.bz-dark .bz-pi2-sheet {
	background: #0f172a;
	color: #e2e8f0;
	border-color: #334155;
}

.bz-tools-wrapper.bz-dark .bz-pi2-sheet .pi-doc-table th {
	background: #1e293b;
}

.bz-tools-wrapper.bz-dark .bz-pi2-sheet .pi-doc-table th,
.bz-tools-wrapper.bz-dark .bz-pi2-sheet .pi-doc-table td {
	border-color: #334155;
}

.bz-tools-wrapper.bz-dark .bz-pi2-totals {
	background: #1e293b;
	border-color: #334155;
}

/* Responsive breakpoints */
@media (max-width: 1280px) {
	.bz-pi2-layout {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
		gap: 18px;
	}
}

@media (max-width: 1024px) {
	.bz-pi2-layout {
		grid-template-columns: 1fr;
	}
	.bz-pi2-preview-sticky {
		position: static;
		max-height: none;
	}
	.bz-pi2-sheet {
		max-height: none;
	}
	.bz-pi2-grid3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.bz-pi2-grid2,
	.bz-pi2-grid3 {
		grid-template-columns: 1fr;
	}
	.bz-pi2-actions {
		flex-direction: column;
	}
	.bz-pi2-actions .bz-btn {
		width: 100%;
		justify-content: center;
	}
	.bz-pi2-sheet .pi-doc-parties {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.bz-pi2 .bz-container {
		padding-left: 12px;
		padding-right: 12px;
	}
	.bz-pi2-card {
		padding: 16px 14px;
	}
	.bz-pi2-table {
		min-width: 560px;
	}
}

@media print {
	.bz-pi2-form,
	.bz-back-link,
	.bz-calc-header,
	.bz-reco-card,
	.bz-continue-learning,
	.bz-calc-note,
	.bz-pi2-actions,
	.bz-pi2-preview-bar {
		display: none !important;
	}
	.bz-pi2-layout {
		display: block !important;
	}
	.bz-pi2-sheet {
		border: none !important;
		max-height: none !important;
		overflow: visible !important;
		box-shadow: none !important;
	}
}


/* Invoice document preview themes + theme picker */
.bz-pi2-theme-row{display:flex;flex-wrap:wrap;gap:12px}
.bz-pi2-theme-opt{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;background:#fff}
.bz-pi2-theme-opt:has(input:checked){border-color:var(--bz-primary);background:rgba(13,110,253,.06);color:var(--bz-primary)}
.bz-pi2-sheet .pi-doc{font-size:11px;line-height:1.45;color:#1a1a2e}
.bz-pi2-sheet .pi-accent{height:4px;border-radius:2px;margin-bottom:12px;background:#0d6efd}
.bz-pi2-sheet .pi-theme-classic .pi-accent{background:#111}
.bz-pi2-sheet .pi-theme-executive .pi-accent{background:linear-gradient(90deg,#0b3d91,#1e88e5)}
.bz-pi2-sheet .pi-hdr{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.bz-pi2-sheet .pi-logo{max-height:48px;max-width:120px;object-fit:contain}
.bz-pi2-sheet .pi-logo-ph{width:64px;height:36px;border:1px dashed #bbb;display:flex;align-items:center;justify-content:center;font-size:9px;color:#999;border-radius:4px}
.bz-pi2-sheet .pi-co-name{font-size:14px;font-weight:700;margin-top:4px}
.bz-pi2-sheet .pi-co-meta{font-size:10px;color:#555}
.bz-pi2-sheet .pi-doc-label{font-size:14px;font-weight:800;letter-spacing:.05em;color:#0d6efd;margin-bottom:6px}
.bz-pi2-sheet .pi-theme-classic .pi-doc-label{color:#111}
.bz-pi2-sheet .pi-theme-executive .pi-doc-label{color:#0b3d91}
.bz-pi2-sheet .pi-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;font-size:10px}
.bz-pi2-sheet .pi-meta-grid span{display:block;color:#666;font-size:9px}
.bz-pi2-sheet .pi-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.bz-pi2-sheet .pi-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafbfc}
.bz-pi2-sheet .pi-theme-classic .pi-card{border-radius:0;background:#fff}
.bz-pi2-sheet .pi-theme-executive .pi-card{border-color:#c5d4eb;background:#f4f7fc}
.bz-pi2-sheet .pi-card-t{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 8px;background:#eef2ff;color:#334155}
.bz-pi2-sheet .pi-theme-classic .pi-card-t{background:#f0f0f0;color:#111}
.bz-pi2-sheet .pi-theme-executive .pi-card-t{background:#0b3d91;color:#fff}
.bz-pi2-sheet .pi-card-b{padding:7px 8px;font-size:10px;word-break:break-word}
.bz-pi2-sheet .pi-table{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:10px}
.bz-pi2-sheet .pi-table th{background:#0d6efd;color:#fff;padding:6px 5px;text-align:left;font-weight:600}
.bz-pi2-sheet .pi-theme-classic .pi-table th{background:#222}
.bz-pi2-sheet .pi-theme-executive .pi-table th{background:#0b3d91}
.bz-pi2-sheet .pi-table td{padding:6px 5px;border-bottom:1px solid #e5e7eb;vertical-align:top}
.bz-pi2-sheet .pi-row-alt td{background:#f8fafc}
.bz-pi2-sheet .pi-c-num{text-align:right;font-variant-numeric:tabular-nums}
.bz-pi2-sheet .pi-c-amt{font-weight:700}
.bz-pi2-sheet .pi-hs{font-size:9px;color:#666}
.bz-pi2-sheet .pi-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bz-pi2-sheet .pi-side{flex:1;min-width:140px;display:grid;gap:6px}
.bz-pi2-sheet .pi-totals-box{min-width:170px;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}
.bz-pi2-sheet .pi-t-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:10px}
.bz-pi2-sheet .pi-t-grand{margin-top:4px;padding-top:6px;border-top:2px solid #0d6efd;font-size:11px;font-weight:800;color:#0d6efd}
.bz-pi2-sheet .pi-theme-classic .pi-t-grand{border-color:#111;color:#111}
.bz-pi2-sheet .pi-theme-executive .pi-t-grand{border-color:#0b3d91;color:#0b3d91}
.bz-pi2-sheet .pi-terms{margin-top:10px;padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}
.bz-pi2-sheet .pi-terms pre{white-space:pre-wrap;font-family:inherit;margin:4px 0 0;font-size:9px;color:#444}
.bz-pi2-sheet .pi-sign-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.bz-pi2-sheet .pi-sign{flex:1;min-width:90px;border-top:1px solid #999;padding-top:4px;font-size:9px;color:#555;min-height:40px}
.bz-pi2-sheet .pi-foot{margin-top:14px;padding-top:8px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;font-size:9px;color:#666;flex-wrap:wrap;gap:4px}

/* =====================================================================
   Working Capital Calculator Pro v2 – dashboard frontend
   ===================================================================== */
.bz-wc-page {
	--wc-accent: #0b5ed7;
	--wc-accent-soft: #e8f1fc;
	--wc-green: #15803d;
	--wc-green-soft: #ecfdf5;
	--wc-orange: #d97706;
	--wc-orange-soft: #fff7ed;
	--wc-danger: #dc2626;
	--wc-danger-soft: #fef2f2;
}

.bz-wc-hero { border-bottom: 0; padding-bottom: 10px; margin-bottom: 12px; }
.bz-wc-kicker { font-size: .72rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 800; color: var(--wc-accent); margin-bottom: 6px; }
.bz-wc-hero-badges { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top: 10px; }
.bz-wc-local-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border:1px solid var(--bz-border); border-radius:999px; font-size:.72rem; font-weight:700; color:var(--bz-text-muted); background:var(--bz-card-bg); }
.bz-wc-topline { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 14px; margin-bottom:14px; border:1px solid var(--bz-border); border-radius:12px; background:linear-gradient(90deg, var(--wc-accent-soft), var(--bz-card-bg)); }
.bz-wc-topline > div { display:flex; flex-direction:column; gap:2px; min-width:0; }
.bz-wc-topline strong { font-size:.9rem; color:var(--bz-text); }
.bz-wc-topline span { font-size:.78rem; color:var(--bz-text-muted); }
.bz-wc-live-toggle { display:inline-flex; align-items:center; gap:7px; flex:none; font-size:.8rem; font-weight:700; color:var(--bz-text); cursor:pointer; }
.bz-wc-live-toggle input { width:17px; height:17px; accent-color:var(--wc-accent); }

.bz-wc-tabs { margin-bottom:16px; padding:4px; background:var(--bz-card-bg); border:1px solid var(--bz-border); border-radius:14px; box-shadow:var(--bz-shadow); gap:4px; }
.bz-wc-tabs .bz-mode-tab { min-height:48px; padding:9px 12px; border-radius:10px; gap:7px; font-size:.82rem; white-space:nowrap; }
.bz-wc-tab-icon { font-size:1rem; }
.bz-wc-tabs .bz-mode-tab.is-active { box-shadow:0 2px 8px rgba(15,23,42,.08); }

.bz-wc-main-layout { align-items:stretch; }
.bz-wc-input-card, .bz-wc-results-card { min-width:0; }
.bz-wc-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:16px; }
.bz-wc-card-head h2 { margin-bottom:4px; border:0; padding:0; }
.bz-wc-subhead { margin:0; color:var(--bz-text-muted); font-size:.82rem; line-height:1.45; }
.bz-wc-step-chip { min-width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; background:var(--wc-accent-soft); color:var(--wc-accent); font-size:.72rem; font-weight:800; }
.bz-wc-step-chip--green { background:var(--wc-green-soft); color:var(--wc-green); }
.bz-wc-field-grid, .bz-wc-mini-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.bz-wc-field-grid .bz-form-group, .bz-wc-mini-grid .bz-form-group { margin-bottom:4px; }
.bz-wc-group-label { margin-top:18px; }
.bz-wc-tip-box { margin-top:10px; padding:11px 12px; border-radius:10px; background:var(--bz-primary-soft); color:var(--bz-text-muted); border:1px solid rgba(11,94,215,.12); font-size:.78rem; line-height:1.45; }
.bz-wc-advanced { margin-top:14px; border:1px solid var(--bz-border); border-radius:11px; overflow:hidden; }
.bz-wc-advanced summary { cursor:pointer; padding:11px 12px; font-size:.83rem; font-weight:700; color:var(--bz-text); background:var(--bz-bg); }
.bz-wc-advanced[open] summary { border-bottom:1px solid var(--bz-border); }
.bz-wc-advanced-grid { padding:12px; }
.bz-wc-action-row { margin-top:18px; }
.bz-wc-action-row .bz-btn { flex:1 1 auto; }

.bz-wc-hero-result { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:16px; border-radius:14px; background:linear-gradient(135deg, var(--bz-primary-soft), var(--bz-card-bg)); border:1px solid rgba(11,94,215,.13); margin-bottom:14px; }
.bz-wc-hero-result > div:first-child { display:flex; flex-direction:column; gap:4px; }
.bz-wc-hero-result span { font-size:.73rem; color:var(--bz-text-muted); font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.bz-wc-hero-result strong { font-size:clamp(1.5rem, 5vw, 2rem); line-height:1.1; color:var(--bz-text); }
.bz-wc-hero-status { text-align:right; }
.bz-wc-hero-status b { display:block; margin-top:5px; }
.bz-wc-status-badge { display:inline-flex; padding:6px 10px; border-radius:999px; font-size:.72rem; font-weight:800; text-transform:none; letter-spacing:0; }
.bz-wc-healthy { background:#dcfce7; color:#166534; }
.bz-wc-average { background:#fffbeb; color:#92400e; }
.bz-wc-critical { background:#fee2e2; color:#991b1b; }

.bz-wc-kpi-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.bz-wc-kpi { padding:12px; border:1px solid var(--bz-border); border-radius:11px; background:var(--bz-card-bg); }
.bz-wc-kpi span, .bz-wc-cycle-box span, .bz-wc-finance-summary span { display:block; font-size:.7rem; color:var(--bz-text-muted); font-weight:700; margin-bottom:5px; }
.bz-wc-kpi strong { display:block; font-size:1rem; line-height:1.25; color:var(--bz-text); word-break:break-word; }

.bz-wc-cycle-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:8px; margin-top:10px; padding:12px; border-radius:11px; background:var(--bz-bg); border:1px solid var(--bz-border); }
.bz-wc-cycle-box > div { padding-right:8px; border-right:1px solid var(--bz-border); }
.bz-wc-cycle-box > div:last-child { border-right:0; }
.bz-wc-cycle-total strong { color:var(--wc-accent); }
.bz-wc-finance-summary { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-top:10px; }
.bz-wc-finance-summary > div { padding:11px 12px; border-radius:10px; background:var(--wc-green-soft); border:1px solid rgba(21,128,61,.12); }
.bz-wc-finance-summary strong { font-size:.88rem; color:var(--bz-text); }

.bz-wc-results-actions { margin-top:14px; }
.bz-wc-results-actions .bz-btn { font-size:.8rem; padding:9px 12px; min-height:42px; }

.bz-wc-scenario-card { margin:0 0 var(--bz-space-xl); }
.bz-wc-scenario-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:9px; }
.bz-wc-scenario { border:1px solid var(--bz-border); background:var(--bz-card-bg); border-radius:11px; padding:11px; text-align:left; cursor:pointer; font:inherit; color:var(--bz-text); transition:transform .15s, border-color .15s, box-shadow .15s; }
.bz-wc-scenario:hover, .bz-wc-scenario:focus-visible, .bz-wc-scenario.is-selected { border-color:var(--wc-accent); box-shadow:0 5px 18px rgba(11,94,215,.09); transform:translateY(-1px); outline:none; }
.bz-wc-scenario--stress:hover, .bz-wc-scenario--stress:focus-visible, .bz-wc-scenario--stress.is-selected { border-color:var(--wc-orange); }
.bz-wc-scenario strong, .bz-wc-scenario span { display:block; }
.bz-wc-scenario strong { font-size:.78rem; margin-bottom:4px; }
.bz-wc-scenario span { font-size:.7rem; color:var(--bz-text-muted); }
.bz-wc-scenario-result { margin-top:11px; min-height:50px; }
.bz-wc-scenario-result > div { display:grid; grid-template-columns:1.2fr 1fr 1.35fr 1fr; gap:12px; align-items:center; padding:12px; border-radius:10px; background:var(--bz-bg); border:1px solid var(--bz-border); }
.bz-wc-scenario-result span { font-size:.76rem; color:var(--bz-text-muted); }
.bz-wc-scenario-result b { color:var(--bz-text); }
.bz-wc-result-danger { color:var(--wc-danger) !important; }
.bz-wc-result-good { color:var(--wc-green) !important; }

.bz-wc-charts-row { margin-bottom:var(--bz-space-xl); }
.bz-wc-chart-bars { display:flex; flex-direction:column; gap:16px; padding:8px 2px 3px; }
.bz-wc-bar-item { display:grid; grid-template-columns:1fr auto; gap:7px 12px; }
.bz-wc-bar-track { grid-column:1 / -1; height:13px; border-radius:999px; background:var(--bz-bg); overflow:hidden; }
.bz-wc-bar-fill { height:100%; width:0; border-radius:999px; transition:width .35s ease; }
.bz-wc-bar-fill--assets { background:linear-gradient(90deg,#0b5ed7,#3b82f6); }
.bz-wc-bar-fill--liab { background:linear-gradient(90deg,#d97706,#ef4444); }
.bz-wc-bar-item strong { font-size:.85rem; color:var(--bz-text); }
.bz-wc-bar-item span { font-size:.75rem; color:var(--bz-text-muted); }
.bz-wc-chart-note { margin-top:14px; font-size:.76rem; color:var(--bz-text-muted); line-height:1.45; }
.bz-pie-legend { display:flex; flex-direction:column; gap:6px; width:100%; }
.bz-pie-legend span { display:flex; align-items:center; gap:7px; font-size:.75rem; color:var(--bz-text-muted); }
.bz-pie-legend i { width:9px; height:9px; display:inline-block; border-radius:3px; flex:none; }
.bz-pie-legend b { margin-left:auto; color:var(--bz-text); }

.bz-wc-insights { border-left:4px solid var(--wc-accent); }
.bz-wc-insights-title { display:flex; gap:10px; align-items:flex-start; margin-bottom:8px; }
.bz-wc-insights-title > span { font-size:1.2rem; }
.bz-wc-insights h3 { margin:0; font-size:1rem; }
.bz-wc-insights-title p { margin:3px 0 0; font-size:.76rem; color:var(--bz-text-muted); }
.bz-wc-insights ul { margin:8px 0 0; padding-left:1.1rem; }
.bz-wc-insights li { margin-bottom:7px; color:var(--bz-text-muted); font-size:.84rem; line-height:1.45; }

.bz-wc-compare { margin-bottom:var(--bz-space-xl); }
.bz-wc-compare h3 { margin:0 0 12px; }
.bz-wc-compare-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
.bz-wc-compare-item { padding:12px; border:1px solid var(--bz-border); border-radius:11px; background:var(--bz-bg); }
.bz-wc-compare-item > span { display:inline-flex; width:24px; height:24px; border-radius:8px; align-items:center; justify-content:center; background:var(--wc-accent-soft); color:var(--wc-accent); font-size:.7rem; font-weight:800; margin-bottom:7px; }
.bz-wc-compare-item strong, .bz-wc-compare-item b, .bz-wc-compare-item small { display:block; }
.bz-wc-compare-item strong { font-size:.8rem; margin-bottom:7px; }
.bz-wc-compare-item b { font-size:1rem; color:var(--wc-green); }
.bz-wc-compare-item small { margin-top:3px; font-size:.7rem; color:var(--bz-text-muted); }

.bz-wc-edu { margin-bottom:var(--bz-space-xl); }
.bz-wc-edu .bz-calc-card h3 { font-size:.92rem; margin:0 0 7px; }
.bz-wc-edu .bz-calc-card p { margin:0; color:var(--bz-text-muted); font-size:.8rem; line-height:1.5; }
.bz-wc-tips { margin-bottom:var(--bz-space-xl); }
.bz-wc-tips-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.bz-wc-tips-grid > div { padding:12px; border:1px solid var(--bz-border); border-radius:10px; background:var(--bz-bg); }
.bz-wc-tips-grid strong, .bz-wc-tips-grid span { display:block; }
.bz-wc-tips-grid strong { font-size:.82rem; margin-bottom:4px; }
.bz-wc-tips-grid span { color:var(--bz-text-muted); font-size:.76rem; line-height:1.45; }
.bz-wc-related { margin:18px 0; padding:13px 14px; border:1px solid var(--bz-border); border-radius:12px; background:linear-gradient(90deg, var(--bz-bg), var(--bz-card-bg)); }
.bz-wc-related span, .bz-wc-related strong { display:block; }
.bz-wc-related span { font-size:.72rem; color:var(--bz-text-muted); margin-bottom:3px; }
.bz-wc-related strong { font-size:.82rem; color:var(--bz-text); }

@media (max-width: 900px) {
	.bz-wc-scenario-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
	.bz-wc-scenario-result > div { grid-template-columns:1fr 1fr; }
}
@media (max-width: 767px) {
	.bz-wc-topline { align-items:flex-start; }
	.bz-wc-tabs { overflow-x:auto; justify-content:flex-start; }
	.bz-wc-tabs .bz-mode-tab { flex:0 0 auto; }
	.bz-wc-field-grid, .bz-wc-mini-grid, .bz-wc-kpi-grid, .bz-wc-compare-grid, .bz-wc-tips-grid { grid-template-columns:1fr; }
	.bz-wc-cycle-box { grid-template-columns:repeat(2, 1fr); }
	.bz-wc-cycle-box > div { border-right:0; border-bottom:1px solid var(--bz-border); padding-bottom:8px; }
	.bz-wc-cycle-box > div:nth-child(3), .bz-wc-cycle-box > div:nth-child(4) { border-bottom:0; padding-top:3px; }
	.bz-wc-finance-summary { grid-template-columns:1fr; }
	.bz-wc-scenario-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.bz-wc-scenario-result > div { grid-template-columns:1fr; }
	.bz-wc-hero-result { align-items:flex-start; flex-direction:column; }
	.bz-wc-hero-status { text-align:left; }
	.bz-wc-results-actions .bz-btn { flex:1 1 calc(50% - 5px); }
}
@media (max-width: 480px) {
	.bz-wc-topline { flex-direction:column; }
	.bz-wc-scenario-grid { grid-template-columns:1fr; }
	.bz-wc-tabs .bz-mode-tab { padding-inline:10px; }
	.bz-wc-tabs .bz-mode-tab span:last-child { font-size:.76rem; }
}

@media print {
	.bz-wc-page .bz-back-link,
	.bz-wc-page .bz-wc-topline,
	.bz-wc-page .bz-wc-tabs,
	.bz-wc-page .bz-input-panel,
	.bz-wc-page .bz-wc-scenario-card,
	.bz-wc-page .bz-wc-related,
	.bz-wc-page .bz-recommendations,
	.bz-wc-page .bz-continue-learning,
	.bz-wc-page .bz-btn-row { display:none !important; }
	.bz-wc-page { background:#fff !important; padding-top:0; }
	.bz-wc-page .bz-calc-card { box-shadow:none; break-inside:avoid; }
	.bz-wc-page .bz-results-panel { width:100%; }
}
