/* Correctif mobile ciblé : cloche du haut masquée + calendrier visible.
   Interface uniquement. Ne touche à aucune logique métier. */
@media screen and (max-width: 768px){
  /* La cloche est déjà dans le menu bas mobile : on supprime uniquement celle du haut. */
  .modern-topbar .topbar-right .notification-bell,
  .topbar .topbar-right .notification-bell,
  .topbar-right > a.notification-bell{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  /* Planning véhicules / salles : faire apparaître le calendrier avant les tableaux. */
  .planning-page{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .planning-page .planning-header-card{ order:1 !important; }
  .planning-page .planning-calendar-card{
    order:2 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:560px !important;
    height:auto !important;
    margin:12px 0 16px !important;
    padding:8px !important;
    border-radius:16px !important;
    overflow:visible !important;
    background:#ffffff !important;
  }
  .planning-page .availability-card{ order:3 !important; }

  #calendar,
  #calendar.fc,
  #calendar .fc,
  .planning-calendar-card #calendar{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:540px !important;
    height:auto !important;
    overflow:visible !important;
    background:#fff !important;
  }

  .fc,
  .fc-media-screen,
  .fc-view-harness,
  .fc-view-harness-active,
  .fc-scroller,
  .fc-scroller-liquid,
  .fc-scroller-liquid-absolute,
  .fc-list,
  .fc-list-table{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    max-width:100% !important;
  }

  .fc .fc-view-harness,
  .fc .fc-view-harness-active{
    min-height:430px !important;
    height:auto !important;
  }
  .fc .fc-scroller,
  .fc .fc-scroller-liquid,
  .fc .fc-scroller-liquid-absolute{
    min-height:380px !important;
    height:auto !important;
    overflow:visible !important;
  }

  .fc .fc-toolbar.fc-header-toolbar,
  .fc .fc-toolbar.fc-footer-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    align-items:center !important;
    margin-bottom:10px !important;
  }
  .fc .fc-toolbar-chunk{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  .fc .fc-toolbar-title{
    font-size:16px !important;
    line-height:1.2 !important;
    text-align:center !important;
    white-space:normal !important;
  }
  .fc .fc-button{
    min-height:34px !important;
    padding:6px 8px !important;
    font-size:11px !important;
    border-radius:10px !important;
  }

  .fc .fc-list-table,
  .fc .fc-list-table table,
  .fc table{
    width:100% !important;
    max-width:100% !important;
  }
  .fc .fc-list-event-time,
  .fc .fc-list-event-title{
    white-space:normal !important;
    word-break:break-word !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
}