/* =============================================================================
   LEGACY LAYER WRAPPER
   -----------------------------------------------------------------------------
   Gli storici `style.css` e `user-area.css` vengono importati dentro il cascade
   layer `legacy`, il più basso di tutti. Serve a una cosa sola: permettere a
   `console.css` di vincere SEMPRE senza usare `!important`.

   Perché un wrapper e non due <link>: le regole NON dentro un layer battono
   quelle dentro un layer, a qualunque specificità. Finché questi due fogli
   erano <link> normali, l'unico modo per sovrascriverli era la guerra di
   `!important` — che è esattamente come `rail-premium.css` era arrivato a 223
   occorrenze. `@import ... layer(legacy)` chiude il problema alla radice.

   Nota sul costo: `@import` serializza il download (questo file → i due
   importati). È accettabile perché sono file locali e perché il redesign ha
   eliminato `rail-premium.css` (-90 KB), quindi il bilancio netto è positivo.

   Attenzione: un `!important` dentro `legacy` batte comunque le dichiarazioni
   normali dei layer superiori (per le regole `!important` l'ordine dei layer si
   inverte). In `style.css` ne restano 27, quasi tutti innocui (`display:none`,
   stampa, prefers-reduced-motion). Se una regola nuova non "attacca", cercare
   lì prima di aggiungere specificità.

   Ordine di dichiarazione dei layer: definito qui, prima di ogni altro foglio.

   `reset` è PIÙ BASSO di `legacy` ed è lì apposta. Il reset universale di
   console.css (`*, *::before, *::after { margin: 0; padding: 0 }`) stava fuori
   da ogni layer: essendo non-layered batteva QUALSIASI dichiarazione dentro
   `legacy` a prescindere dalla specificità, quindi azzerava tutti i padding e
   i margin dei due fogli storici. Le classi ancora stilate solo lì — tutta la
   vista "Stato treno", i blocchi `.an-*` dell'Analisi, le card admin — si
   ritrovavano bordo e sfondo ma spaziatura zero, incollate le une alle altre.
   Un reset deve stare sotto tutto: da qui in poi vive nel layer `reset`, così
   continua a battere gli stili user-agent ma perde contro gli autori.
   ========================================================================== */

@layer reset, legacy, base, layout, components, views, utilities;

@import url("style.css") layer(legacy);
@import url("user-area.css") layer(legacy);