/* Tip Calculator (Finance) — bill breakdown stack + presets. */

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

.pc-calc-shell[data-calculator="tip"] .pc-diagram-frame {
	height: auto;
	min-height: 0;
	max-height: none;
	aspect-ratio: 640 / 460;
	width: 100%;
}

.pc-calc-shell[data-calculator="tip"] .pc-diagram.pc-tip-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="tip"] .pc-fin-mode-note {
	margin: 0.35rem 0 0.65rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--pc-muted, #9ca3af);
}

.pc-calc-shell[data-calculator="tip"] .pc-tip-presets {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.85rem;
}

.pc-calc-shell[data-calculator="tip"] .pc-tip-preset {
	appearance: none;
	border: 1px solid var(--pc-border);
	background: transparent;
	color: var(--pc-navy, #f9fafb);
	border-radius: 8px;
	padding: 0.4rem 0.7rem;
	font-size: 0.8rem;
	font-weight: 650;
	cursor: pointer;
	font-family: inherit;
}

.pc-calc-shell[data-calculator="tip"] .pc-tip-preset:hover,
.pc-calc-shell[data-calculator="tip"] .pc-tip-preset:focus-visible {
	border-color: var(--pc-primary, #a151ed);
	outline: none;
}

.pc-calc-shell[data-calculator="tip"] .pc-tip-preset.is-active {
	background: rgba(161, 81, 237, 0.18);
	border-color: var(--pc-primary, #a151ed);
	color: var(--pc-primary, #a151ed);
}

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

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

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

.pc-calc-shell[data-calculator="tip"] .pc-diagram svg,
.pc-calc-shell[data-calculator="tip"] .pc-tip-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="tip"] .pc-tip-svg-bg { fill: transparent; }

.pc-calc-shell[data-calculator="tip"] .pc-tip-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="tip"] .pc-tip-row-bill { fill: rgba(255, 255, 255, 0.05); }
.pc-calc-shell[data-calculator="tip"] .pc-tip-row-tip { fill: rgba(45, 212, 191, 0.16); }
.pc-calc-shell[data-calculator="tip"] .pc-tip-row-total { fill: rgba(161, 81, 237, 0.22); }

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

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

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