Fix day number color inheritance for today and selected in print

The day numbers for today and selected dates were not matching the
appearance of normal day numbers in print preview due to color
inheritance issues.

Changes:
- Remove color override from .calendar-day.today parent element
- Use color: inherit on day numbers to get default text color
- Use font-weight: 600 to match standard day number styling

Now all day numbers appear uniform in print preview regardless of
today/selected state.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/print-preview.css

@@ -201,6 +201,21 @@
     overflow: hidden;
 }
 
+/* Ensure calendar and grid have proper height constraints for row distribution */
+.print-preview-paper .calendar {
+    height: 100%;
+}
+
+.print-preview-paper .calendar-grid {
+    flex: 1 !important; /* Fill remaining space after header in flex container */
+    min-height: 0 !important; /* Allow grid to shrink below content size in flexbox */
+    height: auto !important; /* Override the calc() from base styles */
+}
+
+.print-preview-paper .calendar-day {
+    min-height: 0 !important; /* Allow day cells to shrink to fit in grid rows */
+}
+
 /* Hide UI elements in preview */
 .print-preview-paper .app-sidebar,
 .print-preview-paper .print-button,
@@ -218,9 +233,26 @@
 .print-preview-paper .week-day-header.today,
 .print-preview-paper .week-day-column.today {
     background-color: transparent !important;
-    border-color: var(--border-color, #ddd) !important;
-    color: var(--text-color, #333) !important;
+    border: 1px solid var(--calendar-border, #f0f0f0) !important;
     font-weight: normal !important;
+    box-shadow: none !important;
+}
+
+.print-preview-paper .calendar-day.today .day-number {
+    color: inherit !important;
+    font-weight: 600 !important;
+}
+
+/* Remove selected day highlighting in preview */
+.print-preview-paper .calendar-day.selected {
+    background-color: transparent !important;
+    border: 1px solid var(--calendar-border, #f0f0f0) !important;
+    box-shadow: none !important;
+}
+
+.print-preview-paper .calendar-day.selected .day-number {
+    color: inherit !important;
+    font-weight: 600 !important;
 }
 
 /* Week view hour range filtering in preview - target all possible selector paths */

frontend/styles.css

@@ -40,6 +40,7 @@
     --text-inverse: #ffffff;
     --border-primary: #e9ecef;
     --border-secondary: #dee2e6;
+    --calendar-picker-filter: none; /* Date/time picker icons stay default (black) for light theme */
     --border-light: #f8f9fa;
     --error-color: #dc3545;
     --success-color: #28a745;
@@ -148,7 +149,7 @@ input, select, textarea, button {
 [data-theme="dark"] {
     --primary-color: #374151;
     --primary-gradient: linear-gradient(135deg, #374151 0%, #1f2937 100%);
-    
+
     /* Dark Theme Overrides */
     --background-primary: #111827;
     --background-secondary: #1f2937;
@@ -159,6 +160,7 @@ input, select, textarea, button {
     --border-primary: #374151;
     --border-secondary: #4b5563;
     --border-light: #6b7280;
+    --calendar-picker-filter: invert(1) brightness(0.9); /* Invert calendar/clock icons for dark theme */
     
     /* Modal Colors - Dark */
     --modal-background: #1f2937;
@@ -201,21 +203,25 @@ input, select, textarea, button {
 [data-theme="midnight"] {
     --primary-color: #4c9aff;
     --primary-gradient: linear-gradient(135deg, #0f1419 0%, #151b26 100%);
+    --calendar-picker-filter: invert(1) brightness(0.9);
 }
 
 [data-theme="charcoal"] {
     --primary-color: #4ade80;
     --primary-gradient: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
+    --calendar-picker-filter: invert(1) brightness(0.9);
 }
 
 [data-theme="nord"] {
     --primary-color: #88c0d0;
     --primary-gradient: linear-gradient(135deg, #2e3440 0%, #3b4252 100%);
+    --calendar-picker-filter: invert(1) brightness(0.9);
 }
 
 [data-theme="dracula"] {
     --primary-color: #bd93f9;
     --primary-gradient: linear-gradient(135deg, #282a36 0%, #44475a 100%);
+    --calendar-picker-filter: invert(1) brightness(0.9);
 }* {
     margin: 0;
     padding: 0;
@@ -947,6 +953,22 @@ body {
     cursor: not-allowed;
 }
 
+/* Style date and time picker icons to be theme-aware */
+input[type="date"]::-webkit-calendar-picker-indicator,
+input[type="time"]::-webkit-calendar-picker-indicator,
+input[type="datetime-local"]::-webkit-calendar-picker-indicator {
+    filter: var(--calendar-picker-filter, none);
+    cursor: pointer;
+}
+
+/* Firefox date/time picker icon styling */
+input[type="date"]::-moz-calendar-picker-indicator,
+input[type="time"]::-moz-calendar-picker-indicator,
+input[type="datetime-local"]::-moz-calendar-picker-indicator {
+    filter: var(--calendar-picker-filter, none);
+    cursor: pointer;
+}
+
 .input-with-checkbox {
     display: flex;
     align-items: center;