/* Call reminders on Today (js/views/today.js remindersBlock): day-before in blue, 1-hour in amber, the message shown. */
.tcard--remind { align-items: flex-start; }
.tcard--remind-day { border-left-color: var(--blue); background: linear-gradient(90deg, var(--blue-soft), var(--paper) 46%); }
.tcard--remind-hour { border-left-color: var(--amber); background: linear-gradient(90deg, var(--amber-soft), var(--paper) 46%); }
.remind-kind { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.remind-kind .icon { width: 13px; height: 13px; }
.remind-kind--day { background: var(--blue-soft); color: var(--blue-ink); }
.remind-kind--hour { background: var(--amber-soft); color: var(--amber-ink); }
.remind-text { margin: 8px 0 0; max-width: 60ch; padding: 9px 11px; border-radius: 12px; background: var(--paper-2); font-size: 13px; line-height: 1.5; color: var(--ink-2); }
.tblock--remind .card__title::before { background: linear-gradient(135deg, var(--blue), var(--amber)); }