/* Dark Mode Styles für Hangar Planner */
/* Grundlegende Dark Mode Farben */
.dark-mode {

	--dark-bg: #202224; /* main */
	--dark-secondary: #303437; /* secondary */
	--dark-card: #202224; /* card surfaces use main */
	--dark-header: #303437; /* headers use secondary */
	--dark-text: #e5e7eb;
	--dark-accent: #f49e0c;
	--dark-input-bg: #202224; /* inputs default to main */
	--dark-input-text: #e5e7eb;
	--dark-border: #303437; /* borders use secondary */
	--dark-hover: #303437;
}

/* Body und Hauptcontainer */
body.dark-mode {
	background-color: var(--dark-bg);
	color: var(--dark-text);
}

.dark-mode .content-container {
	background-color: var(--dark-bg);
}

/* Header */
.dark-mode header {
	background-color: var(--dark-header);
	color: var(--dark-text);
	border-bottom: 1px solid var(--dark-border);
}

/* Hangar Container */
.dark-mode .hangar-container {
	background-color: var(--dark-bg);
}

/* Hangar Zellen/Kacheln */
.dark-mode .hangar-cell {
	background-color: var(--dark-card);
	border: 1px solid var(--dark-border);
}

/* Kachelheader */
.dark-mode .card-header {
	background-color: var(--dark-secondary);
	border-bottom: 1px solid var(--dark-border);
}

.dark-mode .header-elements {
	color: var(--dark-text);
}

/* Aircraft ID Eingabe */
.dark-mode .aircraft-id {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

/* Position Eingabe */
.dark-mode .position-input {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

.dark-mode .position-label {
	color: var(--dark-text);
}

/* Textfelder und Infos */
.dark-mode .info-label {
	color: var(--text-secondary) !important;
}

.dark-mode .info-grid {
	border-color: var(--dark-border);
}

/* Textfelder und Notizen */
.dark-mode .notes-textarea {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

/* Dropdowns */
.dark-mode select {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

/* Status-Selektoren (spezielle Dropdown-Behandlung) */
.dark-mode .status-selector {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
}

/* LEGACY Tow-Status colors (kept for compatibility)
   Note: Tow styling is centralized in css/hangarplanner-ui.css, which also defines
   disabled behavior and uses !important. Do not add new Tow rules here.
*/
.dark-mode .tow-status-selector.tow-initiated {
	background-color: #92400e; /* legacy */
	color: #ffffff;
}

.dark-mode .tow-status-selector.tow-ongoing {
	background-color: #1e40af; /* legacy */
	color: #ffffff;
}

.dark-mode .tow-status-selector.tow-on-position {
	background-color: #166534; /* legacy */
	color: #ffffff;
}

/* Sidebar im Dark Mode */



.dark-mode .sidebar-form-control,
.dark-mode .sidebar-form-select {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

.dark-mode .sidebar-btn-primary {
	background-color: var(--dark-accent);
	color: white;
}

.dark-mode .sidebar-btn-secondary {
	background-color: var(--dark-secondary);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

.dark-mode .sidebar-section-title,
.dark-mode .sidebar-form-group label {
	color: var(--dark-text);
}

/* Abschnittsunterteiler */
.dark-mode .section-divider {
	border-color: var(--dark-border);
}

/* Spezielle Behandlung für Buttons */
.dark-mode button {
	border-color: var(--dark-border);
}

.dark-mode button:hover {
	background-color: var(--dark-hover);
}

/* Modals im Dark Mode */
.dark-mode #loadModal .bg-industrial-medium,
.dark-mode #emailSentModal .bg-industrial-medium {
	background-color: var(--dark-secondary);
	color: var(--dark-text);
}

/* Eingabefelder in Modals */
.dark-mode #loadModal input,
.dark-mode #emailSentModal input {
	background-color: var(--dark-input-bg);
	color: var(--dark-text);
	border: 1px solid var(--dark-border);
}

/* Smooth Transition für alle Farbänderungen */
body,
.hangar-cell,
.card-header,
input,
textarea,
select,
button {
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* Generic dark-mode overrides for common Tailwind utility classes on subpages */
.dark-mode .bg-white { background-color: var(--dark-card) !important; }
.dark-mode .bg-gray-50 { background-color: var(--dark-secondary) !important; }
.dark-mode .text-gray-900,
.dark-mode .text-gray-800,
.dark-mode .text-gray-700,
.dark-mode .text-gray-600 { color: var(--dark-text) !important; }
.dark-mode .border-gray-300,
.dark-mode .border-gray-200 { border-color: var(--dark-border) !important; }
.dark-mode .divide-gray-200 > * { border-color: var(--dark-border) !important; }

/* Tables on subpages */
.dark-mode table thead { background-color: var(--dark-secondary) !important; }
.dark-mode table tbody { background-color: var(--dark-card) !important; }
.dark-mode table th,
.dark-mode table td { color: var(--dark-text) !important; border-color: var(--dark-border) !important; }

/* Exclude PDF export tables from dark mode styling */
.dark-mode .pdf-force-light table thead,
.dark-mode .pdf-force-light table tbody,
.dark-mode .pdf-force-light table th,
.dark-mode .pdf-force-light table td {
	background-color: inherit !important;
	color: inherit !important;
	border-color: inherit !important;
}

/* Dark mode fixes for filter sections on subpages (Fleet Database, Timetable) */
.dark-mode .fleet-filters-enhanced {
  background: linear-gradient(135deg, var(--dark-secondary) 0%, var(--dark-bg) 100%) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: none !important;
}
.dark-mode .fleet-filters-enhanced label,
.dark-mode .fleet-filters-enhanced .text-gray-900,
.dark-mode .fleet-filters-enhanced .text-gray-800,
.dark-mode .fleet-filters-enhanced .text-gray-700,
.dark-mode .fleet-filters-enhanced .text-gray-600,
.dark-mode .fleet-filters-enhanced .text-gray-500 {
  color: var(--dark-text) !important;
}
/* Inputs/selects inside filter blocks */
.dark-mode .fleet-filter-select,
.dark-mode .fleet-filter-input,
.dark-mode .fleet-filters-enhanced input,
.dark-mode .fleet-filters-enhanced select {
  background-color: var(--dark-secondary) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
.dark-mode .fleet-filters-enhanced input::placeholder {
  color: #9ca3af !important;
}
/* Page header and table container tweaks */
.dark-mode .fleet-database-header {
  background-color: var(--dark-header) !important;
  color: var(--dark-text) !important;
  border-bottom: 1px solid var(--dark-border) !important;
}
.dark-mode .fleet-table-container {
  background-color: var(--dark-card) !important;
  border-color: var(--dark-border) !important;
}
/* Tailwind custom color helpers used in subpages */
.dark-mode .text-industrial-dark { color: var(--dark-text) !important; }
.dark-mode .bg-gray-100 { background-color: var(--dark-secondary) !important; }

/* Unified table design for airport-flights, plannerTable, and fleetTable (dark mode) */
.dark-mode #airport-flights-container {
  background-color: var(--dark-card) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
.dark-mode #airport-flights-container h2,
.dark-mode #airport-flights-container h3 {
  color: var(--dark-text) !important;
}

/* Unified header styles for all tables */
.dark-mode #airport-flights-container .flight-table th,
.dark-mode #plannerTable th,
.dark-mode #fleetTable th {
  background-color: var(--dark-secondary) !important;
  color: var(--dark-text) !important;
  border: none !important; /* Remove all borders */
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.75rem;
}

/* Unified cell styles for all tables */
.dark-mode #airport-flights-container .flight-table td,
.dark-mode #plannerTable td,
.dark-mode #fleetTable td {
  color: var(--dark-text) !important;
  border: none !important; /* Remove all borders */
  padding: 0.75rem;
}

/* Unified zebra striping for all tables */
.dark-mode #airport-flights-container .flight-table tbody tr:nth-child(odd),
.dark-mode #plannerTable tbody tr:nth-child(odd),
.dark-mode #fleetTable tbody tr:nth-child(odd) {
  background-color: var(--dark-card) !important;
}
.dark-mode #airport-flights-container .flight-table tbody tr:nth-child(even),
.dark-mode #plannerTable tbody tr:nth-child(even),
.dark-mode #fleetTable tbody tr:nth-child(even) {
  background-color: var(--dark-secondary) !important;
}

/* Preserve specific airport-flights text colors */
.dark-mode #airport-flights-container .flight-reg,
.dark-mode #airport-flights-container .flight-number,
.dark-mode #airport-flights-container .flight-time {
  color: var(--dark-text) !important;
}