/*
 * Alertes de présence mobile — composant transversal canonique.
 * Couvre régularisation, carte vide, carte expirée et dernier cours.
 * Aucune logique métier ici : uniquement la présentation des états déjà fournis par l'application.
 */

@media (max-width:1050px){
  .regularize-bar,
  .empty-card-bar,
  .expired-card-bar,
  .last-course-bar{
    grid-column:1 / -1;
    margin:-12px -12px 4px;
    width:calc(100% + 24px);
    min-width:0;
    padding:9px 14px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:.01em;
    text-align:center;
    justify-content:center;
    border-radius:18px 18px 0 0;
  }

  .regularize-bar,
  .empty-card-bar{
    background:#c94b4b;
    border-bottom-color:#c94b4b;
  }

  .expired-card-bar,
  .last-course-bar{
    background:#d58a16;
    border-bottom-color:#d58a16;
  }

  .regularize-bar *,
  .empty-card-bar *,
  .expired-card-bar *,
  .last-course-bar *{
    color:#fff;
  }
}

@media (max-width:700px){
  .regularize-bar,
  .empty-card-bar,
  .expired-card-bar,
  .last-course-bar{
    margin:-9px -9px 4px;
    width:calc(100% + 18px);
    padding:8px 10px;
    font-size:12px;
  }
}

@media (max-width:420px){
  .regularize-bar,
  .empty-card-bar,
  .expired-card-bar,
  .last-course-bar{
    margin:-8px -8px 4px;
    width:calc(100% + 16px);
    padding:7px 9px;
    font-size:11px;
  }
}

@media (max-width:390px){
  .regularize-bar,
  .empty-card-bar,
  .expired-card-bar,
  .last-course-bar{
    margin:-7px -7px 4px;
    width:calc(100% + 14px);
    padding:7px 8px;
  }
}

/* La présentation historique compacte qui commençait à 900 px est conservée
   pour la tranche tablette, sans laisser une règle bureau contaminer le mobile. */
@media (min-width:900px) and (max-width:1050px){
  .regularize-bar,
  .empty-card-bar,
  .expired-card-bar,
  .last-course-bar{
    margin:-3px -6px 2px;
    width:calc(100% + 12px);
    padding:4px 8px;
    border-radius:0;
    font-size:10px;
    line-height:12px;
  }
}