/* Vandaag · Actie nodig als inbox (27 september 2026, gebruikerskeuze ontwerp 5).
   Eén regel per te late factuur of ander punt: kleurstreep links (rood = achterstand,
   amber = nakijken), titel + toelichting, bedrag en pijltje rechts. Zelfde doorkliks als
   voorheen; geen herinner- of betaalknoppen. Inklappen en dagstatus blijven ongewijzigd. */
#todayView #todayFocusPanel .today-inbox { display: grid; margin-top: 12px; }
#todayView #todayFocusPanel .today-inbox-row {
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr) auto 20px;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 10px 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
#todayView #todayFocusPanel .today-inbox-bar { align-self: stretch; width: 4px; min-height: 36px; border-radius: 2px; background: var(--amber); }
#todayView #todayFocusPanel .today-inbox-row.is-alarm .today-inbox-bar { background: var(--danger); }
#todayView #todayFocusPanel .today-inbox-text { display: grid; gap: 2px; min-width: 0; }
/* Geen afgekapte tekst (overview_density): een lange titel loopt door op een tweede regel. */
#todayView #todayFocusPanel .today-inbox-text strong { color: var(--ink); font: 600 15px/1.3 Figtree, system-ui, sans-serif; overflow-wrap: anywhere; }
#todayView #todayFocusPanel .today-inbox-text small { color: var(--muted); font: 400 13px/1.4 Figtree, system-ui, sans-serif; }
#todayView #todayFocusPanel .today-inbox-amount { color: var(--ink); font: 600 15px/1.3 Figtree, system-ui, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Vaste kolommen: ook zonder bedrag staat het pijltje recht onder de andere. */
#todayView #todayFocusPanel .today-inbox-amount { grid-column: 3; }
#todayView #todayFocusPanel .today-inbox-chevron { grid-column: 4; width: 20px; height: 20px; color: var(--muted); }
#todayView #todayFocusPanel .today-inbox-row:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 8px; }
@media (hover: hover) {
  #todayView #todayFocusPanel .today-inbox-row:hover .today-inbox-text strong { text-decoration: underline; text-underline-offset: 3px; }
}