/* Inzichten: a fixed, accessible overview; calculations and panel actions unchanged. */
#moneyView { --insight-accent:#224f3c; --insight-tint:#edf3ee; --insight-line:#d5e2d8; }
:root[data-theme="dark"] #moneyView { --insight-accent:#b5d5c2; --insight-tint:#263b31; --insight-line:#455e50; }
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) #moneyView { --insight-accent:#b5d5c2; --insight-tint:#263b31; --insight-line:#455e50; }
}
#mainContent #moneyView > .page-head { margin-bottom:16px; }
#moneyView .insights-summary {
  display:block; border:1px solid var(--insight-line); border-radius:18px;
  margin:0 0 18px; overflow:hidden; background:var(--paper);
}
#moneyView .insights-summary :is(.insights-hero-card,.insights-kpi-card) {
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  width:100%; min-width:0; min-height:0; height:auto; gap:5px; margin:0; padding:16px 20px;
  border:0; border-radius:0; background:transparent; color:var(--ink);
  outline:none; box-shadow:none; text-align:left; transform:none;
}
#moneyView .insights-summary .insights-hero-card { padding:20px 24px; background:var(--insight-tint); }
#moneyView .insights-summary :is(.insights-hero-card,.insights-kpi-card) > span {
  max-width:100%; padding:0; margin:0; color:var(--muted);
  font:500 12px/1.4 Figtree,sans-serif; white-space:normal; overflow-wrap:anywhere; hyphens:auto;
}
#moneyView .insights-summary :is(.insights-hero-card,.insights-kpi-card) > strong {
  max-width:100%; padding:0; margin:0; color:var(--ink);
  font:400 clamp(22px,2.4vw,30px)/1.2 var(--font-display); letter-spacing:-.025em;
  white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums;
}
#moneyView .insights-summary .insights-hero-card > strong { font-size:clamp(34px,4.2vw,52px); margin:5px 0; }
#moneyView .insights-summary :is(.insights-hero-card,.insights-kpi-card) > small {
  max-width:100%; padding:0; margin:0; color:var(--muted);
  font:400 12px/1.4 Figtree,sans-serif; white-space:normal; overflow-wrap:anywhere;
}
#moneyView .insights-summary .insights-kpi-secondary {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; margin:0;
  overflow:visible; min-width:0; border-top:1px solid var(--insight-line);
}
#moneyView .insights-summary .insights-kpi-card:last-child { grid-column:auto; }
#moneyView .insights-summary .insights-kpi-card + .insights-kpi-card { border-left:1px solid var(--insight-line); }
#moneyView .insights-summary :is(.invoice-hero-icon,.invoice-kpi-icon) { display:none; }
#moneyView .insights-summary [role="tab"]:hover { background:color-mix(in srgb,var(--insight-tint) 70%,var(--paper)); }
#moneyView .insights-summary [role="tab"][aria-selected="true"] {
  background:var(--insight-tint); box-shadow:inset 0 -3px 0 var(--insight-accent);
}
#moneyView .insights-summary [role="tab"]:focus-visible { outline:2px solid var(--insight-accent); outline-offset:-4px; }
#moneyView .insights-summary #moneyVatWarning:not([hidden]) { color:var(--danger); font-weight:600; }
#moneyView #moneyYear { min-height:44px; max-width:110px; background-color:var(--paper); }
#moneyView .money-detail { border-radius:18px; box-shadow:none; }
#moneyView .money-facts { border-radius:14px; background:var(--paper); }
#moneyView .money-facts > div { min-width:0; }
#moneyView .money-facts :is(span,strong) { overflow-wrap:anywhere; white-space:normal; }
#moneyView #moneyPanelProfit .money-month-summary { border-radius:16px; }
#moneyView #moneyPanelProfit .money-month-summary > div { gap:12px; }
#moneyView #moneyPanelProfit .money-month-summary strong { min-width:0; overflow-wrap:anywhere; white-space:normal; }
#moneyView .money-secondary-card { border-radius:16px; }
#moneyView #moneyPanelProfit .money-secondary-card > summary { min-height:76px; }
#moneyView .money-vat-quarter { border-radius:14px; }
#moneyView :is(button,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media (max-width:720px) {
  #moneyView .insights-summary .insights-hero-card { padding:16px; }
  #moneyView .insights-summary .insights-kpi-card { padding:12px 10px; justify-content:flex-start; }
  #moneyView .insights-summary .insights-kpi-card > span { font-size:11px; min-height:31px; }
  #moneyView .insights-summary .insights-kpi-card > strong { font-size:clamp(16px,4.2vw,24px); }
  #moneyView .insights-summary .insights-kpi-card > small { font-size:11px; }
  #moneyView #moneyYear { font-size:16px; }
  #moneyView #moneyPanelProfit .money-month-summary { margin-bottom:16px; }
  #moneyView #moneyPanelProfit #moneyChart { margin-bottom:18px; }
}