/*
 * PhotoCRM Main CSS
 * Modulare CSS-Architektur mit BEM-Namenskonvention
 *
 * ARCHITEKTUR:
 * 1. Variables    - CSS Custom Properties (Design Tokens)
 * 2. Base         - Reset, Typography, Global Styles
 * 3. Components   - UI Components (Cards, Forms, Tables, etc.)
 * 4. Utilities    - Helper Classes (Text Colors, Spacing, etc.)
 * 5. Mobile       - Mobile-First Responsive Styles
 * 6. Legacy       - Backwards Compatibility (Bootstrap Overrides, etc.)
 *
 * BEST PRACTICES:
 * - Kein Inline-CSS (style="")
 * - Kein !important (außer in Utilities)
 * - BEM-Namenskonvention: .crm-{block}__{element}--{modifier}
 * - Nur CSS Variables verwenden (--crm-*)
 * - Mobile-First Responsive Design
 *
 * Siehe css_best_practice.md für Details
 */

/* ===========================
   1. VARIABLES
   =========================== */
@import url('_variables.css');

/* ===========================
   2. BASE
   =========================== */
@import url('_base.css');

/* ===========================
   3. COMPONENTS
   =========================== */
@import url('_components.css');
@import url('_shared-patterns.css'); /* Gemeinsame UI-Patterns (Dropdowns, Accordions, etc.) */

/* ===========================
   4. UTILITIES
   =========================== */
@import url('_utilities.css');

/* ===========================
   5. MOBILE RESPONSIVE
   =========================== */
@import url('mobile.css');

/* ===========================
   6. LEGACY (BACKWARDS COMPATIBILITY)
   =========================== */

/* Bootstrap Overrides bleiben vorerst als Legacy-Support */
@import url('bootstrap-overrides.css');

/* Site.css Legacy - nur was nicht in neue Struktur passt */
@import url('site.css');

/* Vendor CSS (Third-Party Libraries) */
@import url('vendor/flatpickr-orange-theme.css');
@import url('vendor/clockpicker.css');

/* Feature-spezifische CSS (werden später migriert) */
@import url('booking.css');
@import url('attachment-lightbox.css');
@import url('radzen-scheduler-custom.css');
@import url('roboto.css');
@import url('compose-dialog.css');
@import url('form-builder.css');
@import url('public-booking.css');
@import url('navmenu.css');
@import url('toast-container.css');
@import url('main-layout.css');
@import url('job-picker.css');
@import url('calendar-event-card.css');
@import url('location-dialog.css');
@import url('booking-calendar.css');
@import url('calendar-event-dialog.css');
@import url('customer-edit-dialog.css');
@import url('customer-create-dialog.css');
@import url('tag-editor.css');
@import url('job-detail.css');
@import url('notification-bell.css');
@import url('job-dialog.css');
@import url('booking-progress-indicator.css');
@import url('appointment-type-selector.css');
@import url('booking-confirmation.css');
@import url('time-slot-picker.css');
@import url('jobs-index.css');
@import url('dialog-container.css');
@import url('month-year-picker.css');
@import url('settings-layout.css');
@import url('settings-page-layout.css');
@import url('customer-picker.css');
@import url('mail-index.css');
@import url('booking-shared.css');
@import url('booking-links.css');
@import url('pending-bookings.css');
@import url('form-submitted.css');
@import url('month-grid-view.css');
@import url('pages-index.css');
@import url('invoices-index-page.css');
@import url('invoices-designer.css');
@import url('booking-settings-page.css');
@import url('booking-settings-content.css');
@import url('calendar-index.css');
@import url('bookingavailability.css');
@import url('bookingmailtemplates.css');
@import url('bookingoverrides.css');
@import url('defaultdepositsettings.css');
@import url('emailtemplates.css');
@import url('invoicesettings.css');
@import url('locations.css');
@import url('notificationsettings.css');
@import url('customers-index.css');
@import url('invoices-detail.css');
@import url('invoices-sendinvoicedialog.css');
@import url('calendar-calendarlistview.css');
@import url('mail-createfolderdialog.css');
@import url('locations-index.css');
@import url('forms-submissions.css');
@import url('forms-sendformdialog.css');
@import url('booking-contact-form.css');
@import url('job-notes-tab.css');
@import url('simple-rich-text-editor.css');
@import url('html-code-editor.css');
@import url('dashboard.css');