improve calendar features

style.css

@@ -973,6 +973,84 @@ li.luxtools-task-overdue .luxtools-task-date {
     font-size: 0.9em;
 }
 
+/* Event popup action buttons */
+.luxtools-event-popup-actions {
+    margin-top: 1em;
+    padding-top: 0.75em;
+    border-top: 1px solid @ini_border;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5em;
+}
+
+.luxtools-recurrence-actions {
+    flex-direction: column;
+}
+
+/* Day popup */
+.luxtools-day-popup-events {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.luxtools-day-popup-event-item {
+    padding: 0.3em 0.4em;
+    margin: 0.2em 0;
+    border-radius: 0.2em;
+    cursor: pointer;
+}
+
+.luxtools-day-popup-event-item:hover {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.luxtools-day-popup-empty {
+    opacity: 0.6;
+    font-style: italic;
+}
+
+/* Event form */
+.luxtools-event-form .luxtools-event-form-field {
+    margin: 0.5em 0;
+}
+
+.luxtools-event-form .luxtools-event-form-field label {
+    display: block;
+}
+
+.luxtools-event-form .luxtools-event-form-field input[type="text"],
+.luxtools-event-form .luxtools-event-form-field input[type="date"],
+.luxtools-event-form .luxtools-event-form-field input[type="time"],
+.luxtools-event-form .luxtools-event-form-field textarea,
+.luxtools-event-form .luxtools-event-form-field select {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.luxtools-event-form-time-fields {
+    display: flex;
+    gap: 0.75em;
+}
+
+.luxtools-event-form-time-fields .luxtools-event-form-field {
+    flex: 1;
+}
+
+/* Calendar sync widget (syntax) */
+.luxtools-calendar-sync-widget {
+    margin: 0.5em 0;
+}
+
+.luxtools-calendar-sync-status {
+    margin-left: 0.75em;
+}
+
+/* Clickable day cells */
+td.luxtools-calendar-day[data-luxtools-day] {
+    cursor: pointer;
+}
+
 
 /* ============================================================
  * Notifications (fallback)