/* ═══ ActNow OS · CSS-Einstieg (21.10.2026) ═════════════════════════════════════════════════════
   Die EINZIGE Stylesheet-Datei, die index.html lädt. Reihenfolge der Ebenen (später gewinnt,
   unabhängig von Selektor-Stärke):

     properties, theme, base, components, utilities  → Basecoat UI (ab Etappe 2 geladen)
     legacy-base                                     → alter Reset, liegt UNTER den Bausteinen
     legacy                                          → alte style.css + Standort-Cockpit (unverändert)
     tokens                                          → Farben/Maße/Bewegung + Brücke für alte Namen
     app                                             → neuer Look (Glas, Rückmeldung, Fenster)

   Regeln:
   - Neue Gestaltung gehört in public/css/app/*.css, nie mehr in style.css.
   - Kein !important in app/ — die Ebene gewinnt ohnehin. (Achtung: !important in `legacy`
     schlägt app-Regeln; solche Stellen werden in style.css entschärft statt überboten.)
   - Version (?v=) der betroffenen Datei hochzählen, wenn sie sich ändert. */

@layer properties, theme, base, legacy-base, components, legacy, tokens, app, utilities;

@import url('/css/legacy-base.css?v=1') layer(legacy-base);
@import url('/css/style.css?v=82') layer(legacy);
@import url('/css/standorte-cockpit.css?v=13') layer(legacy);
@import url('/css/actnow-tokens.css?v=2') layer(tokens);
@import url('/css/app/primitives.css?v=2') layer(app);
@import url('/css/app/glass.css?v=4') layer(app);
@import url('/css/app/feedback.css?v=2') layer(app);
@import url('/css/app/dialog.css?v=1') layer(app);
@import url('/css/app/topbar.css?v=9') layer(app);
@import url('/css/app/lockscreen.css?v=4') layer(app);
@import url('/css/app/whatsnew.css?v=1') layer(app);
@import url('/css/app/widgets.css?v=4') layer(app);
@import url('/css/app/command-center.css?v=4') layer(app);
@import url('/css/app/pulse.css?v=2') layer(app);
@import url('/css/app/brand.css?v=2') layer(app);
@import url('/css/app/home.css?v=8') layer(app);
@import url('/css/app/quick.css?v=2') layer(app);
@import url('/css/app/zeit.css?v=8') layer(app);
@import url('/css/app/tasks.css?v=8') layer(app);
@import url('/css/app/popups.css?v=3') layer(app);
@import url('/css/app/calendar.css?v=3') layer(app);
@import url('/css/app/protocols.css?v=1') layer(app);