.fermer-fiche { margin:16px; }
@media (min-width:1024px) {
  #app.avec-fiche > .disposition-ordinateur { margin-left:var(--largeur-laterale); padding:16px; grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr); }
  .panneau-liste { max-height:calc(100vh - 32px); overflow:auto; scrollbar-gutter:stable; }
  .panneau-liste .contenu,.panneau-fiche .contenu { margin:0; width:100%; padding:16px; display:block; }
  .panneau-liste .groupe-sport,.panneau-fiche .bloc-detail { margin-bottom:16px; }
  .panneau-liste .zone-ecran,.panneau-fiche .zone-ecran { margin:0; min-height:0; }
  .panneau-fiche .entete { display:none; }
  .panneau-liste .retour-utilisateur { display:none; }
  .panneau-fiche > .retour-utilisateur { margin:16px; }
  .panneau-fiche .page-equipe,.panneau-fiche .page-joueur { width:100%; padding:16px; }
  .raccourcis { grid-column:1/-1; color:var(--secondaire); font-size:12px; }
}
@media (max-width:1023px) {
  .avec-fiche .panneau-liste { display:none; }
  .panneau-fiche { position:static; max-height:none; }
}

.liste-en-attente .direct,.liste-en-attente .cp-direct,.liste-en-attente .eq-direct { color:var(--secondaire)!important; }
.liste-en-attente .direct::before { background:var(--secondaire)!important; }
.liste-en-attente .cartouche { background:var(--fige)!important; color:var(--sur-fige)!important; }

@media (min-width:1024px) {
  .zone-ecran .contenu { margin:0 auto; width:100%; }
  .zone-ecran.actus { padding:32px clamp(24px,4vw,64px); }
  .liste-actus,.rech-zone { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:start; }
  .rech-bloc { min-width:0; margin:0; }
  .ag-page { max-width:1440px; grid-template-columns:repeat(2,minmax(0,1fr)); padding:32px 24px; }
  .ag-barre,.ag-vues,.ag-mention,.ag-vide { grid-column:1/-1; }
  .panneau-fiche .cp-page,.panneau-fiche .fiche-joueur,.panneau-fiche .eq-page { display:block; padding:16px; }
  .panneau-fiche .cp-bloc,.panneau-fiche .bloc-joueur { margin-top:8px; }
  .panneau-fiche .cp-calendrier + .cp-bloc { position:static; }
  .panneau-liste .rech-zone,.panneau-liste .ag-page { display:block; padding:12px; }
  .panneau-liste .rech-bloc { margin-block:8px; }
  .zone-ecran .rech-form,.zone-ecran .rech-filtres,.zone-ecran .rech-zone,.zone-ecran .rech-aide { grid-column:1/-1; }
}
@media (min-width:1440px) { .ag-page { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.ag-vues { flex-wrap:wrap; }