/*
 * Tuottolaskuri Core – Osinkolaskuri.
 * Loaded only with this calculator, after tlc-core.css and tlc-investment-return.css
 * (shared tabbed-calculator styles: hero tabs, KPI cards, highlight, comparison chart).
 * Strategy B (reinvest) uses the green line, strategy A (withdraw) the blue line.
 */

/* Hero image: keep the coin stacks and chart in view. */
.tlc-div .tlc-div-hero .tlc-hero__img { object-position: right 70%; }

/* Mode A */
.tlc-div .tlc-div-kpi--income .tlc-kpi__value.is-positive { color: var(--tlc-positive-text); }

.tlc-div .tlc-div-summary__list {
	display: grid;
	gap: .1rem;
	margin: .6rem 0 .85rem;
	font-size: .9375rem;
}

.tlc-div .tlc-div-summary__row {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: .35rem 0;
	border-bottom: 1px solid #e3eaf4;
}

.tlc-div .tlc-div-summary__row dt { color: var(--tlc-muted-strong); }
.tlc-div .tlc-div-summary__row dd { margin: 0; font-weight: 700; color: var(--tlc-navy); font-variant-numeric: tabular-nums; text-align: right; }
.tlc-div .tlc-div-summary__row dd.is-positive { color: var(--tlc-positive-text); }
.tlc-div .tlc-div-summary__row dd.is-negative { color: var(--tlc-negative-text); }

/* Mode B: trading costs */
.tlc-div .tlc-div-fees {
	display: grid;
	gap: .75rem 1.25rem;
	align-items: end;
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid #e3eaf4;
}

@container tlc-settings (min-width: 420px) {
	.tlc-div .tlc-div-fees { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

.tlc-div .tlc-div-fees__check {
	display: flex;
	align-items: center;
	gap: .6rem;
	min-height: 48px;
	font-weight: 600;
}

.tlc-div .tlc-div-fees__check label { cursor: pointer; }
.tlc-div .tlc-div-fees__field .tlc-field.is-disabled .tlc-label,
.tlc-div .tlc-div-fees__field .tlc-field.is-disabled .tlc-help { color: #8a99ad; }

/* Mode B: cards and legend colours */
.tlc-div .tlc-div-card--a .tlc-kpi__value { color: var(--tlc-ir-b); }
.tlc-div .tlc-div-card--b .tlc-kpi__value { color: var(--tlc-ir-a); }
.tlc-div .tlc-ir-cards .tlc-kpi { display: flex; flex-direction: column; }

.tlc-div .tlc-div-legend .tlc-legend__item::before { width: 12px; height: 12px; border-radius: 50%; }
.tlc-div .tlc-div-legend--b::before { background: var(--tlc-ir-a-line); }
.tlc-div .tlc-div-legend--a::before { background: var(--tlc-ir-b); }

.tlc-div .tlc-div-chart-note {
	margin-top: .5rem;
	font-size: .75rem;
	color: var(--tlc-muted);
	text-align: center;
}

/* Field alignment */
.tlc-div [data-tlc-panel="income"] .tlc-fields-2 { align-items: end; }
.tlc-div .tlc-div-fees { align-items: start; }

@container tlc-settings (min-width: 420px) {
	.tlc-div .tlc-div-fees__check { margin-top: 1.85rem; }
}
.tlc-div .tlc-div-fees__check .tlc-checkbox { margin-top: 0; align-self: center; }