/* Home semantics: neutral status, red only for an overdue/current urgent task. */
#todayView #todayModernAttention:not(.is-overdue) .modern-attention-icon,
#todayView #todayModernUpcoming .modern-attention-icon { color: var(--muted); background: transparent; }
#todayView #todayModernAttention.is-overdue .modern-attention-icon { color: var(--danger); background: transparent; }
#todayView #todayModernReminderButton { color: var(--ink); }
#todayView #todayFocusPanel:not(.has-urgent-actions) .modern-focus-collapsed-icon { color: var(--muted); background: transparent; }
#todayView #todayFocusPanel.has-urgent-actions .modern-focus-collapsed-icon { color: var(--danger); background: transparent; }
#todayView #todayFocusCount { color: var(--muted); background: var(--surface-soft); }
#todayView #todayFocusPanel.has-urgent-actions #todayFocusCount { color: var(--danger); background: var(--danger-soft); }
.main #todayView #todayRevenueTrendText.is-negative,
.main #todayView #todayRevenueTrendText.is-negative .revenue-badge { color: var(--muted); }
.main #todayView #todayRevenueTrendText.is-negative .revenue-badge { background: var(--surface-soft); }
#todayView #monthRhythm .is-negative { background-color: var(--chart-bar); }
#todayView #todayFocusPanel.has-calm-status { padding-block: 8px; border: 0; }
#todayView #todayFocusPanel.has-calm-status .modern-focus-head { display: none; }
#todayCalmStatus { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; line-height: 1.5; min-height: 32px; }
#todayCalmStatus .summa-icon { width: 18px; height: 18px; flex: none; }
#todayView #todayMoreActions { display: block; min-height: 44px; margin-top: 8px; padding: 8px 0; color: var(--ink); font-size: 13px; text-align: left; }
#todayView #todayFocusPanel.is-collapsed #todayMoreActions { display: none; }
#todayView #todayModernUpcoming:not([hidden]) { display: block; }
#todayView #todayUpcomingDeadline { grid-template-columns: 34px minmax(0,1fr) 20px; margin-top: 8px; }
#todayView #todayModernUpcomingCard[hidden] + #todayUpcomingDeadline { margin-top: 0; }
#todayView #todayUpcomingDeadline > .summa-icon { width: 18px; height: 18px; color: var(--muted); }
#todayView #todayUpcomingDeadlineMeta { white-space: normal; overflow: visible; }
.today-actions-dialog { width: min(620px,calc(100vw - 32px)); max-width: none; max-height: 85dvh; overflow: auto; padding: 24px; border-radius: 24px; }
#todayActionsClose { min-width: 44px; min-height: 44px; font-size: 24px; }
#todayActionsList { display: grid; gap: 8px; }
.today-task-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(90px,130px); align-items: center; gap: 12px; min-height: 64px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); color: var(--ink); text-align: left; }
.today-task-copy { min-width: 0; }
.today-task-copy strong,.today-task-copy small { display: block; overflow-wrap: anywhere; }
.today-task-copy small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.today-task-label { font-size: 12px; font-weight: 600; text-align: right; overflow-wrap: anywhere; }
.today-task-row.is-urgent .today-task-copy strong { color: var(--danger); }
@media (max-width:720px) {
  .today-actions-dialog { position: fixed; inset: auto 14px max(14px,env(safe-area-inset-bottom)); width: auto; margin: 0; padding: 18px; }
  .today-task-row { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .today-task-label { text-align: left; }
}
/* Ingeklapte regel (26 sep 2026): eerstvolgende punt + aantal overige ("+3"), chevron vast rechts. */
#todayView #todayFocusPanel.is-collapsed .modern-focus-collapsed { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 18px; align-items: center; gap: 10px; text-align: left; }
#todayView #todayFocusPanel.is-collapsed .modern-focus-collapsed > strong { justify-self: start; }
#todayView #todayFocusPanel.is-collapsed .modern-focus-collapsed > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#todayView .modern-focus-collapsed-more { grid-column: 3; color: var(--muted); font-size: 13px; font-weight: 500; }
#todayView .modern-focus-collapsed-more:empty { display: none; }
#todayView #todayFocusPanel.is-collapsed .modern-focus-collapsed-chevron { grid-column: 4; }