/* Salary Calculator (Finance) — period ladder + take-home estimate bar. */

.pc-calc-shell[data-calculator="salary"] .pc-diagram-formula {
	display: none !important;
}

.pc-calc-shell[data-calculator="salary"] .pc-diagram-frame {
	height: auto;
	min-height: 0;
	max-height: none;
	aspect-ratio: 640 / 520;
	width: 100%;
	transition: aspect-ratio 0.15s ease;
}

.pc-calc-shell[data-calculator="salary"] .pc-diagram.pc-sal-diagram {
	display: block;
	padding: 0;
	min-height: 0;
	height: 100%;
	overflow: hidden;
	background: var(--pc-diagram-bg);
	border: 1px solid var(--pc-border);
	border-radius: var(--pc-radius-sm);
}

.pc-calc-shell[data-calculator="salary"] .pc-fin-mode-note,
.pc-calc-shell[data-calculator="salary"] .pc-fin-hint,
.pc-calc-shell[data-calculator="salary"] .pc-fin-disclaimer {
	margin: 0.35rem 0 0.65rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--pc-muted, #9ca3af);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-est-label {
	color: #f59e0b;
	font-weight: 650;
}

.pc-calc-shell[data-calculator="salary"] .pc-fin-multi { margin-top: 0.65rem; }

@media (min-width: 921px) {
	.pc-calc-shell[data-calculator="salary"] .pc-calc-views > .pc-result {
		margin-top: 0.35rem;
	}
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-dash {
	position: relative;
	width: 100%;
	height: 100%;
}

.pc-calc-shell[data-calculator="salary"] .pc-diagram svg,
.pc-calc-shell[data-calculator="salary"] .pc-sal-svg {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-svg-bg { fill: transparent; }

.pc-calc-shell[data-calculator="salary"] .pc-sal-eyebrow {
	fill: var(--pc-navy);
	font-size: 19px; /* +3px diagram */
	font-weight: 700;
	font-family: var(--pc-font, system-ui, sans-serif);
	letter-spacing: 0.14em;
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-row {
	fill: rgba(255, 255, 255, 0.04);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-row--on {
	fill: rgba(161, 81, 237, 0.2);
	stroke: rgba(161, 81, 237, 0.45);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-row-lbl {
	fill: var(--pc-muted);
	font-size: 17px; /* +3px diagram */
	font-weight: 650;
	font-family: var(--pc-font, system-ui, sans-serif);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-row-val {
	fill: var(--pc-navy, #f9fafb);
	font-size: 21px; /* +3px diagram */
	font-weight: 800;
	font-family: var(--pc-font, system-ui, sans-serif);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-row-adj {
	fill: #a78bfa;
	font-size: 14px; /* +3px diagram */
	font-weight: 650;
	font-family: var(--pc-font, system-ui, sans-serif);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-section {
	fill: #f59e0b;
	font-size: 17px; /* +3px diagram */
	font-weight: 700;
	font-family: var(--pc-font, system-ui, sans-serif);
}

.pc-calc-shell[data-calculator="salary"] .pc-sal-bar-track { fill: rgba(161, 81, 237, 0.12); }
.pc-calc-shell[data-calculator="salary"] .pc-sal-bar-net { fill: #2dd4bf; }
.pc-calc-shell[data-calculator="salary"] .pc-sal-bar-tax { fill: #f59e0b; }
.pc-calc-shell[data-calculator="salary"] .pc-sal-bar-ded { fill: #64748b; }

.pc-calc-shell[data-calculator="salary"] .pc-sal-est {
	fill: var(--pc-muted);
	font-size: 16px; /* +3px diagram */
	font-family: var(--pc-font, system-ui, sans-serif);
}