/* ══════════════════════════════════════════════════════════════════════════
   KLEO – Stylesheet-Einstiegspunkt
   Alle Designentscheidungen sind in den Teilmodulen unten gepflegt.
   Reihenfolge beachten: base → components → pages
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Base: Variablen, Reset, Layout ─────────────────────────────────────── */
@import url('base/variables.css');   /* Farben, Abstände, Schatten → hier zentral pflegen */
@import url('base/reset.css');       /* Box-Modell, Schriftart, globale Elementstile */
@import url('base/layout.css');      /* .kleo-main, .container */

/* ── Components: Wiederverwendbare UI-Elemente ───────────────────────────── */
@import url('components/navigation.css');  /* Header, Logo, Nav */
@import url('components/footer.css');      /* Footer */
@import url('components/flash.css');       /* Erfolgs-/Fehlermeldungen */
@import url('components/buttons.css');     /* .btn und alle Varianten */
@import url('components/forms.css');       /* Formulare, Inputs, Checkboxen */
@import url('components/tables.css');      /* .tabelle und Varianten */
@import url('components/badges.css');      /* .badge und alle Varianten */
@import url('components/cards.css');       /* Seiten-Kopf, Dashboard-Karten */
@import url('components/hints.css');       /* Hinweistexte, .form-box, Warnboxen */
@import url('components/honeypot.css');    /* .kleo-hp Bot-Schutz */
@import url('components/modal.css');       /* Bestätigungs-Modal */

/* ── Pages: Seiten-spezifische Styles ────────────────────────────────────── */
@import url('pages/login.css');            /* Login-Seite (Zwei-Spalten) */
@import url('pages/plan.css');             /* Dienstplan */
@import url('pages/engpass-vorschau.css'); /* Admin: Engpass-Mail Vorschau */
@import url('pages/messen.css');           /* Messen / Status-Select */
@import url('pages/sperrtermine.css');          /* Verfügbarkeit / Sperrtermine */
@import url('pages/sperrtermin-snapshot.css'); /* Admin: Abwesenheits-Snapshot (KDG) */
@import url('pages/einladung.css');        /* Einladungslink */
@import url('pages/rechtstext.css');       /* Impressum / Datenschutz */
@import url('pages/einstellungen.css');    /* 2FA-Einstellungen */
@import url('pages/passwort.css');         /* Passwort-Stärke-Anzeige */
@import url('pages/verfuegbarkeit-anfragen.css'); /* Admin: Verfügbarkeit anfragen */
@import url('pages/fehlerprotokoll.css');          /* Admin: Fehlerprotokoll */
@import url('pages/mail-texte.css');               /* Admin: Mail-Texte */
@import url('pages/plan-einstellungen.css');       /* Admin: Planungseinstellungen + Matrix */
@import url('pages/profil.css');                   /* Profilseite */
@import url('pages/benachrichtigungen.css');       /* Benachrichtigungs-Postfach */
@import url('pages/dashboard.css');                /* Admin-Dashboard */
@import url('pages/rechteverwaltung.css');         /* Admin: Rechteverwaltung */
@import url('pages/fehler.css');                   /* Fehlerseiten */
@import url('pages/plan-patch.css');               /* Admin: Nachträgliche Planänderungen */

/* ── Responsive: zuletzt laden, damit Media-Query-Regeln alle Komponenten überschreiben ── */
@import url('base/responsive.css');  /* Mobile / Responsive Breakpoints (≤768px, ≤480px) */