Add calendar event icons and flexible date inputs

public/styles/calendar.css

@@ -210,6 +210,9 @@
 }
 
 .month-day__event {
+  display: flex;
+  align-items: center;
+  gap: 4px;
   font-size: var(--text-xs);
   font-weight: var(--font-weight-medium);
   padding: var(--space-px) var(--space-1);
@@ -224,6 +227,28 @@
   filter: saturate(0.4);
 }
 
+.month-day__event span,
+.allday-event span,
+.week-event__title span,
+.agenda-event__title span,
+.event-popup__title span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.event-icon {
+  width: 16px;
+  height: 16px;
+  flex: 0 0 auto;
+  opacity: 0.9;
+}
+
+.event-icon--compact {
+  width: 12px;
+  height: 12px;
+}
+
 .month-day__more {
   font-size: var(--text-xs);
   color: var(--color-text-secondary);
@@ -381,6 +406,9 @@
 }
 
 .week-event__title {
+  display: flex;
+  align-items: center;
+  gap: 4px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -506,6 +534,9 @@
 }
 
 .agenda-event__title {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
   font-size: var(--text-base);
   font-weight: var(--font-weight-medium);
   white-space: nowrap;
@@ -513,6 +544,14 @@
   text-overflow: ellipsis;
 }
 
+.modal-grid--event-title {
+  grid-template-columns: minmax(0, 1fr) 160px;
+}
+
+.reminder-custom {
+  margin-top: var(--space-3);
+}
+
 .agenda-event__meta {
   font-size: var(--text-sm);
   color: var(--color-text-secondary);
@@ -608,6 +647,9 @@
 }
 
 .event-popup__title {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
   font-size: var(--text-base);
   font-weight: var(--font-weight-semibold);
   margin-bottom: var(--space-2);
@@ -647,6 +689,9 @@
 }
 
 .allday-event {
+  display: flex;
+  align-items: center;
+  gap: 4px;
   font-size: var(--text-xs);
   font-weight: var(--font-weight-medium);
   padding: var(--space-px) var(--space-1);
@@ -660,6 +705,12 @@
   filter: saturate(0.4);
 }
 
+@media (max-width: 640px) {
+  .modal-grid--event-title {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* --------------------------------------------------------
  * Kalender-Name-Label (Agenda, Popup)
  * -------------------------------------------------------- */