feat: add intake reminders feature with email notifications and UI integration

frontend/src/styles.css

@@ -260,6 +260,49 @@ body {
 .slices h3 { margin: 0; }
 .gap { gap: 0.6rem; }
 
+/* Slices header actions */
+.slices-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+/* Inline checkbox for compact layout */
+.inline-checkbox {
+  display: flex !important;
+  flex-direction: row !important;
+  align-items: center;
+  gap: 0.4rem;
+  cursor: pointer;
+  font-size: 0.8rem;
+  color: var(--text-secondary);
+  padding: 0.35rem 0.6rem;
+  border-radius: 6px;
+  transition: background 0.15s, color 0.15s;
+  text-transform: none;
+  font-weight: 500;
+  letter-spacing: 0;
+  white-space: nowrap;
+}
+
+.inline-checkbox:hover {
+  background: var(--accent-bg);
+  color: var(--text-primary);
+}
+
+.inline-checkbox:has(input:checked) {
+  background: var(--accent-bg);
+  color: var(--accent);
+}
+
+.inline-checkbox input[type="checkbox"] {
+  width: 14px;
+  height: 14px;
+  accent-color: var(--accent);
+  cursor: pointer;
+  margin: 0;
+}
+
 button {
   padding: 0.7rem 1.25rem;
   border-radius: 8px;