/* Signalen (27 september 2026, ontwerp F = A + C, gebruikerskeuze met voorbeeldfoto's).
   Kleur: felle signaalkleuren die in elk palet gelijk zijn (design.css). Vorm: wat te laat is, is gevuld;
   wat je moet nakijken, is omlijnd. Zo verschillen ze ook voor wie kleuren slecht onderscheidt.
   - Rood, gevuld: te laat (labels, stip bij Te laat, streep in Actie nodig).
   - Oranje, omlijnd: nakijken (labels, tellers, holle stippen en strepen).
   - Groen: alleen goed nieuws. Voortgang van Controle is een meting en dus neutraal; groen als het af is.
   - Een omzetdaling is geen alarm: dat label is al neutraal (today-adaptive.css).
   Vlakken met uitleg of een veld dat nagekeken moet worden, houden hun lichte tint. */

/* Te laat: gevuld. */
.summa-badge.is-late,
#moneyView .money-hero-warning.is-overdue { background: var(--danger); color: var(--on-danger); }
button.summa-badge.is-late.is-link,
#moneyView .money-hero-warning.is-overdue.is-link { --badge-puls: var(--danger); }
button.summa-badge.is-late.is-link:focus-visible,
#moneyView .money-hero-warning.is-overdue.is-link:focus-visible { outline-color: var(--danger); }
#todayView #todayFocusPanel.has-urgent-actions #todayFocusCount { background: var(--danger); color: var(--on-danger); }
#todayReceivableKpis #todayOverdueInvoices.has-overdue > span::before {
  content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--danger); vertical-align: 1px;
}

/* Nakijken: omlijnd. */
.summa-badge.is-attention, button.summa-badge.is-attention.is-link,
#moneyView .money-hero-warning:not(.is-overdue) { background: transparent; box-shadow: inset 0 0 0 1.5px var(--amber); }
button.summa-badge.is-attention.is-link:is(:hover, :focus-visible),
#moneyView .money-hero-warning:not(.is-overdue).is-link:is(:hover, :focus-visible) { background: color-mix(in srgb, var(--amber) 8%, transparent); }
#todayView #todayChecksButton .modern-checks-row-count { background: transparent; box-shadow: inset 0 0 0 1.5px var(--amber); color: var(--amber); }
#checksView .review-question-bar { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
#checksView .review-question.is-klein .review-question-bar { background: transparent; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--amber) 55%, transparent); }
#todayView #todayFocusPanel .today-inbox-bar { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
#todayView #todayFocusPanel .today-inbox-row.is-alarm .today-inbox-bar { background: var(--danger); box-shadow: none; }
#checksView .checks-coverage-dot,
#settingsView .settings-home-dot,
.work-km-missing > i,
.work-km-cost.is-attention .work-km-cost-text strong::before { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
@media (max-width: 720px) {
  #todayView .today-day-status.is-attention .today-day-status-dot { background: transparent; box-shadow: inset 0 0 0 2px var(--band-amber); }
  #todayView .modern-focus-collapsed-icon { background: transparent; box-shadow: inset 0 0 0 1.5px var(--amber); }
  #todayView #todayFocusPanel.has-urgent-actions .modern-focus-collapsed-icon { box-shadow: none; }
}

/* Voortgang is een meting: neutraal, groen als alles af is. */
#checksView .checks-progress > i { background: var(--ink); }
#checksView .checks-hero.is-complete .checks-progress > i { background: var(--green); }