/* Chips de data (página de calendário) */
/* ---------- Date chips ----------
   Tonalizado, não sólido: esse chip se repete 4-5x na mesma lista (Próximos
   Eventos) — em vinho cheio, vira uma coluna de blocos vermelhos competindo
   entre si. Tonalizado deixa o vinho como acento de novo, não parede de cor. */
/* "Página de calendário" — faixa vermelha com o mês, corpo branco com o dia
   em destaque. Fica branco em qualquer tema de propósito: é um ícone/objeto
   reconhecível (como o ícone do Calendário do macOS), não um bloco de UI que
   precisa se camuflar no tema. */
.date-chip{ width:44px; border-radius:.6rem; overflow:hidden; flex-shrink:0; background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.14); text-align:center; }
.date-chip-month{ display:block; background:var(--wine); color:#fff; font-size:9.5px; font-weight:800; letter-spacing:.05em; padding:3px 0; }
.date-chip-day{ display:block; color:var(--wine); font-size:1.2rem; font-weight:800; line-height:1.55; }
.dark .date-chip{ background:rgba(142,27,46,.22); color:#f2a8b4; }
.dark .date-chip-day{ color:var(--accent); }
.date-chip-lg{ width:64px; height:64px; border-radius:.8rem; background:var(--wine-50); color:var(--wine); display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; }
.dark .date-chip-lg{ background:rgba(142,27,46,.2); color:#f2a8b4; }