/*
 * Bandeau cours mobile — conteneur global.
 * Source unique mobile/tablette pour le cadre du cours et la géométrie du bandeau.
 */
@media (max-width:1050px){
  .backoffice-mode-intro{
    display:none;
  }

  .course{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
    overflow:hidden;
  }

  /*
   * Modes opérationnels mobiles : bandeau bord à bord.
   * Cette géométrie ne doit plus dépendre des anciens blocs versionnés de index.html.
   */
  .app.course-mode-pointage .course,
  .app.course-mode-future .course,
  .app.course-closed .course,
  .app.course-cancelled .course{
    border-left:0;
    border-right:0;
    border-radius:0;
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    box-sizing:border-box;
  }

  .course-heading-row.calendar-heading{
    position:relative;
    display:grid;
    align-items:stretch;
    justify-content:space-between;
    min-height:150px;
    padding:14px 16px;
    box-sizing:border-box;
  }

  .app.course-mode-pointage .course-heading-row,
  .app.course-mode-pointage .course-summary-row,
  .app.course-mode-future .course-heading-row,
  .app.course-mode-future .course-summary-row,
  .app.course-closed .course-heading-row,
  .app.course-closed .course-summary-row,
  .app.course-cancelled .course-heading-row,
  .app.course-cancelled .course-summary-row{
    border-radius:0;
  }

  /* Pointage : les compteurs utiles sont dans le bandeau supérieur. */
  .app.course-mode-pointage .course-summary-row{
    display:none;
  }
}
@media (max-width:700px){
  .course-heading-row.calendar-heading{
    min-height:138px;
    padding:10px 8px;
  }
}
@media (max-width:430px){
  .course-heading-row.calendar-heading{
    min-height:124px;
    padding:8px 6px;
  }
}

/* Entête applicative BackOffice — garde de compatibilité après extraction Historique.
 * Ces règles restauraient le rendu validé V2.69/V2.70 et ne concernent pas le bandeau cours.
 * Elles restent ici temporairement afin de ne pas réintroduire le legacy dans index.html.
 */
.backoffice-brand{
  position:relative;
  text-align:center;
  padding:22px 0 22px;
  min-height:0;
}
.backoffice-brand-center{
  width:min(100%,620px);
  margin:0 auto;
  padding:0 18px;
  box-sizing:border-box;
}
.backoffice-logo{
  width:min(64%,290px);
  height:auto;
  display:block;
  margin:0 auto 8px;
}
.backoffice-brand h1{
  font-size:22px;
  font-weight:600;
  line-height:1.15;
  margin:7px 0 0;
  color:var(--ink);
}
.backoffice-brand .backoffice-menu,
.backoffice-brand .backoffice-refresh{
  position:absolute;
  top:0;
  transform:none;
  z-index:2;
  margin:0;
}
.backoffice-brand .backoffice-menu{left:0;}
.backoffice-brand .backoffice-refresh{right:0;}
@media(max-width:700px){
  .backoffice-brand{padding:16px 0 18px;}
  .backoffice-logo{width:min(72%,270px);}
}