/* css/desktop.css
   Couche additive desktop — n'écrase rien du mobile.
   Tout ici est dans une media query min-width et ne s'applique
   qu'au-dessus du seuil tablette/desktop. Le CSS mobile-first
   (base/layout/table/cards/chips/pages) reste la source de vérité
   pour le téléphone et n'est jamais modifié depuis ce fichier. */

@media (min-width: 900px) {
  /* Fond noir autour de la colonne app — le centrage est déjà
     géré par margin:0 auto sur #app dans base.css. */
  body {
    background: #000;
  }

  #app {
    max-width: 480px;
    width: 100%;
    height: 100vh;
    box-shadow: 0 0 60px rgba(0,0,0,.6);
  }
}