/* Base container */
html.dark .tui-full-calendar-layout {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

/* Weekday headers (e.g. Sun, Mon...) */
html.dark .tui-full-calendar-dayname {
  background-color: #2c2c2c !important;
  color: #ccc !important;
  border-color: #444 !important;
}

/* Time grid background */
html.dark .tui-full-calendar-timegrid {
  background-color: #1e1e1e !important;
  border-color: #444 !important;
}

/* Time labels (e.g. 8 AM, 9 AM...) */
html.dark .tui-full-calendar-timegrid-time {
  color: #aaa !important;
  background-color: #1e1e1e !important;
}

/* Hour grid lines */
html.dark .tui-full-calendar-timegrid-gridline {
  border-color: #333 !important;
}

/* Current time indicator */
html.dark .tui-full-calendar-timegrid-time-indicator {
  background-color: #ff5252 !important;
}

/* Event blocks */
html.dark .tui-full-calendar-timegrid-schedule,
html.dark .tui-full-calendar-week-schedule-block {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #555 !important;
}

/* Popup container */
html.dark .tui-full-calendar-popup-container {
  background-color: #2a2a2a !important;
  color: #f1f1f1 !important;
  border-color: #555 !important;
}

/* Popup input fields */
html.dark .tui-full-calendar-popup-container input,
html.dark .tui-full-calendar-popup-container textarea,
html.dark .tui-full-calendar-popup-container select {
  background-color: #1e1e1e !important;
  color: #fff !important;
  border: 1px solid #555 !important;
}

/* Buttons inside popup */
html.dark .tui-full-calendar-popup-section .tui-full-calendar-button {
  background-color: #444 !important;
  color: #eee !important;
  border-color: #666 !important;
}

html.dark .tui-full-calendar-popup-section .tui-full-calendar-button:hover {
  background-color: #555 !important;
}

/* Today marker */
html.dark .tui-full-calendar-timegrid-today {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Border cleanup */
html.dark .tui-full-calendar-border {
  border-color: #444 !important;
}

/* All elements fallback */
html.dark .tui-full-calendar-layout * {
  color: #ddd !important;
}