/* ============================================================================
   THEME OVERRIDES — Events (Day View & Week View)
   ============================================================================ */

/* ============================================================================
   EVENTS WEEK VIEW — Light Theme
   ============================================================================ */

.theme-light .week-navigation {
    background: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .week-display h3        { color: #1F2937 !important; }

.theme-light .week-grid {
    background: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .day-column {
    border-color: #E5E7EB !important;
    background: white !important;
}

.theme-light .day-column.today {
    border-color: #4F46E5 !important;
    background: linear-gradient(180deg, rgba(79, 70, 229, 0.05) 0%, white 30%) !important;
}

.theme-light .day-header             { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; }
.theme-light .no-events              { color: #9CA3AF !important; }
.theme-light .no-events i            { color: #9CA3AF !important; }
.theme-light .no-events .text-muted  { color: #9CA3AF !important; }

.theme-light .event-item {
    background: #F9FAFB !important;
    border-left-color: #667eea !important;
}

.theme-light .event-item:hover       { background: #F3F4F6 !important; }
.theme-light .event-title            { color: #1F2937 !important; }
.theme-light .event-location         { color: #6B7280 !important; }

.theme-light .summary-card {
    background: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .summary-value          { color: #1F2937 !important; }
.theme-light .summary-label          { color: #6B7280 !important; }

/* ============================================================================
   EVENTS WEEK VIEW — Dark Theme
   ============================================================================ */

.theme-dark .week-navigation {
    background: #1F2937 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.theme-dark .week-display h3         { color: #F9FAFB !important; }

.theme-dark .week-grid {
    background: #1F2937 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.theme-dark .day-column {
    border-color: #374151 !important;
    background: #111827 !important;
}

.theme-dark .day-column.today {
    border-color: #3B82F6 !important;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, #111827 30%) !important;
}

.theme-dark .day-header              { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; }
.theme-dark .no-events               { color: #6B7280 !important; }
.theme-dark .no-events i             { color: #6B7280 !important; }
.theme-dark .no-events .text-muted   { color: #6B7280 !important; }

.theme-dark .event-item {
    background: #1F2937 !important;
    border-left-color: #667eea !important;
}

.theme-dark .event-item:hover        { background: #374151 !important; }
.theme-dark .event-title             { color: #F9FAFB !important; }
.theme-dark .event-location          { color: #D1D5DB !important; }

.theme-dark .summary-card {
    background: #1F2937 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.theme-dark .summary-value           { color: #F9FAFB !important; }
.theme-dark .summary-label           { color: #D1D5DB !important; }

/* ============================================================================
   EVENTS WEEK VIEW — Default Theme (OS dark preference)
   ============================================================================ */

@media (prefers-color-scheme: dark) {
    .theme-default .week-navigation {
        background: #1F2937 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

    .theme-default .week-display h3  { color: #F9FAFB !important; }

    .theme-default .week-grid {
        background: #1F2937 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

    .theme-default .day-column {
        border-color: #374151 !important;
        background: #111827 !important;
    }

    .theme-default .day-column.today {
        border-color: #3B82F6 !important;
        background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, #111827 30%) !important;
    }

    .theme-default .day-header       { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; }
    .theme-default .no-events        { color: #6B7280 !important; }
    .theme-default .no-events i      { color: #6B7280 !important; }
    .theme-default .no-events .text-muted { color: #6B7280 !important; }

    .theme-default .event-item {
        background: #1F2937 !important;
        border-left-color: #667eea !important;
    }

    .theme-default .event-item:hover { background: #374151 !important; }
    .theme-default .event-title      { color: #F9FAFB !important; }
    .theme-default .event-location   { color: #D1D5DB !important; }

    .theme-default .summary-card {
        background: #1F2937 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

    .theme-default .summary-value    { color: #F9FAFB !important; }
    .theme-default .summary-label    { color: #D1D5DB !important; }
}

/* ============================================================================
   EVENTS DAY VIEW — Light Theme
   ============================================================================ */

.theme-light .date-navigation {
    background: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .date-display h3,
.theme-light .date-display-heading   { color: #1F2937 !important; }

.theme-light .summary-count          { color: #1F2937 !important; }

.theme-light .calendar-item-card {
    background: white !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .card-title             { color: #1F2937 !important; }
.theme-light .card-icon              { color: white !important; }
.theme-light .empty-state            { color: #6B7280 !important; }
.theme-light .empty-icon             { color: #9CA3AF !important; }
.theme-light .empty-title            { color: #6B7280 !important; }
.theme-light .empty-message          { color: #9CA3AF !important; }
.theme-light .priority-medium        { background-color: #F59E0B !important; color: #1F2937 !important; }
.theme-light .priority-high,
.theme-light .priority-urgent        { background-color: #EF4444 !important; color: white !important; }
.theme-light .priority-low           { background-color: #10B981 !important; color: white !important; }

/* ============================================================================
   EVENTS DAY VIEW — Dark Theme
   ============================================================================ */

.theme-dark .date-navigation {
    background: #1F2937 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.theme-dark .date-display h3,
.theme-dark .date-display-heading    { color: #F9FAFB !important; }

.theme-dark .summary-count           { color: #F9FAFB !important; }

.theme-dark .calendar-item-card {
    background: #1F2937 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.theme-dark .card-title              { color: #F9FAFB !important; }
.theme-dark .card-icon               { color: white !important; }
.theme-dark .empty-state             { color: #9CA3AF !important; }
.theme-dark .empty-icon              { color: #6B7280 !important; }
.theme-dark .empty-title             { color: #9CA3AF !important; }
.theme-dark .empty-message           { color: #6B7280 !important; }
.theme-dark .priority-medium         { background-color: #F59E0B !important; color: #1F2937 !important; }
.theme-dark .priority-high,
.theme-dark .priority-urgent         { background-color: #EF4444 !important; color: white !important; }
.theme-dark .priority-low            { background-color: #10B981 !important; color: white !important; }

/* ============================================================================
   EVENTS DAY VIEW — Default Theme (OS dark preference)
   ============================================================================ */

@media (prefers-color-scheme: dark) {
    .theme-default .date-navigation {
        background: #1F2937 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

    .theme-default .date-display h3,
    .theme-default .date-display-heading { color: #F9FAFB !important; }

    .theme-default .summary-count    { color: #F9FAFB !important; }

    .theme-default .calendar-item-card {
        background: #1F2937 !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    }

    .theme-default .card-title       { color: #F9FAFB !important; }
    .theme-default .card-icon        { color: white !important; }
    .theme-default .empty-state      { color: #9CA3AF !important; }
    .theme-default .empty-icon       { color: #6B7280 !important; }
    .theme-default .empty-title      { color: #9CA3AF !important; }
    .theme-default .empty-message    { color: #6B7280 !important; }
    .theme-default .priority-medium  { background-color: #F59E0B !important; color: #1F2937 !important; }
    .theme-default .priority-high,
    .theme-default .priority-urgent  { background-color: #EF4444 !important; color: white !important; }
    .theme-default .priority-low     { background-color: #10B981 !important; color: white !important; }
}