/* ─── Reminders ──────────────────────────────────────────── */

.reminder-item {
  transition: all 0.15s ease;
}
.reminder-item:hover {
  background: rgba(255, 106, 18, 0.06);
}
.reminder-detail {
  transition: all 0.2s ease;
}

/* Due badges */
.reminder-due-overdue { color: #ff3c3c; }
.reminder-due-today   { color: #14b8a6; }
.reminder-due-future  { color: #6b7280; }

/* ─── Sidebar items ──────────────────────────────────────── */
.reminders-filter-item {
  transition: all 0.15s;
}

/* ─── Modal ──────────────────────────────────────────────── */
#reminder-modal input,
#reminder-modal textarea,
#reminder-modal select {
  transition: border-color 0.2s, box-shadow 0.2s;
}
#reminder-modal input:focus,
#reminder-modal textarea:focus,
#reminder-modal select:focus {
  box-shadow: 0 0 0 2px rgba(255, 106, 18, 0.15);
}
#reminder-modal ::-webkit-scrollbar       { width: 6px; }
#reminder-modal ::-webkit-scrollbar-track { background: transparent; }
#reminder-modal ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 3px; }