/* widgets/today/today.css */
/* Phase 1: simple readable layout; respects outer widget style */

.widget-today {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.9rem;
}

.today-section {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.today-section-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.75;
}

.today-items {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.today-item {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.today-time,
.today-due {
  min-width: 3.2rem;
  font-size: 0.75rem;
  opacity: 0.8;
  font-variant-numeric: tabular-nums;
}

.today-title {
  flex: 1;
}

/* Optional visual hint for overdue tasks (incomplete, due < today) */
.today-item--overdue .today-due {
  color: var(--color-accent, #ff8a80);
  font-weight: 600;
}

.today-meta {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  opacity: 0.7;
}