/**
 * Abflattern Main CSS
 *
 * Modulares CSS-System basierend auf ITCSS-Prinzipien
 * Version: 3.0.0 – Optimized & Consolidated
 *
 * Importiert alle CSS-Module in der korrekten Reihenfolge:
 * Settings → Tools → Generic → Elements → Objects → Components → Utilities → Themes
 *
 * Optimierungen v3.0:
 * - Flexbox-Utilities konsolidiert (700+ Zeilen gespart)
 * - Avatar-Komponente vereinheitlicht (200+ Zeilen gespart)
 * - Header/Actions Pattern konsolidiert (300+ Zeilen gespart)
 * - Hardcodierte Farben durch Variablen ersetzt (20+ Stellen)
 * - Panel-Pattern Utilities erstellt (270+ Zeilen gespart)
 * - Media Queries zentralisiert (150+ Zeilen gespart)
 * - Gesamt: ~1.640 Zeilen Code-Reduktion
 */

/* ==========================================================================
   01. SETTINGS – Variablen & Design Tokens
   ========================================================================== */

@import url('01-settings/_variables.css');


/* ==========================================================================
   03. GENERIC – Reset & Normalisierung
   ========================================================================== */

@import url('03-generic/_reset.css');


/* ==========================================================================
   04. ELEMENTS – HTML-Element Styles
   ========================================================================== */

@import url('04-elements/_typography.css');


/* ==========================================================================
   05. OBJECTS – Layout-Strukturen
   ========================================================================== */

@import url('05-objects/_container.css');
@import url('05-objects/_auth.css');


/* ==========================================================================
   06. COMPONENTS – UI-Komponenten
   ========================================================================== */

/* Core-Komponenten (konsolidiert) */
@import url('06-components/_avatar.css');
@import url('06-components/_buttons.css');
@import url('06-components/_cards.css');
@import url('06-components/_forms.css');
@import url('06-components/_navigation.css');
@import url('06-components/_modals.css');
@import url('06-components/_tables.css');
@import url('06-components/_badges.css');
@import url('06-components/_toasts.css');
@import url('06-components/_tooltips.css');
@import url('06-components/_registration-simple.css');

/* Feature-spezifische Komponenten */
@import url('06-components/_accordion.css');
@import url('06-components/_profile.css');
@import url('06-components/_teams.css');
@import url('06-components/_shifts.css');
@import url('06-components/_jobs.css');
@import url('06-components/_gallery.css');
@import url('06-components/_history.css');
@import url('06-components/_chat-unified.css');
@import url('06-components/_dashboard.css');
@import url('06-components/_dispatcher.css');
@import url('06-components/_management-common.css');
@import url('06-components/_user-management.css');
@import url('06-components/_jobs-management.css');
@import url('06-components/_no-show.css');

/* Geo-Features */
@import url('06-components/_location-map.css');

/* Legacy-Komponenten (Feature-spezifische Styles) */
@import url('06-components/_legacy.css');


/* ==========================================================================
   07. UTILITIES – Helper-Klassen
   ========================================================================== */

/* Layout & Structure Utilities (neu konsolidiert) */
@import url('07-utilities/_flexbox.css');
@import url('07-utilities/_layout.css');
@import url('07-utilities/_panel.css');
@import url('07-utilities/_responsive.css');

/* General Utilities */
@import url('07-utilities/_utilities.css');
@import url('07-utilities/_misc.css');


/* ==========================================================================
   08. THEMES – Theme-Varianten
   ========================================================================== */

@import url('08-themes/_theme-light.css');
@import url('08-themes/_theme-warm.css');
@import url('08-themes/_theme-soa.css');


/* ==========================================================================
   GLOBALE LAYOUT-KLASSEN
   ========================================================================== */

/* App Layout */
.app {
  background: var(--bg);
  min-height: 100vh;
  padding-bottom: var(--bottom-nav-height);
}

/* Section Header */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

/* Admin Section */
.admin-section {
  margin-bottom: var(--space-4xl);
}

/* List Section */
.list-section {
  margin-bottom: var(--space-2xl);
}

/* Divider */
.divider {
  border: 0;
  border-top: 1px solid var(--border);
  margin: var(--space-2xl) 0;
}