/* Calendrier coach mobile : mois complet toujours visible, légèrement plus compact.
   On conserve exactement la version appréciée : aucun élément masqué, aucune
   réduction agressive, seulement quelques pixels gagnés autour du calendrier. */

@media (max-width: 620px) {
  /* La vue semaine reste techniquement présente dans le code historique, mais
     l'interface affiche systématiquement toutes les lignes du mois. */
  html body #root .ip-seances-redesign .ip-calendar-density-toggle {
    display: none !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-shell.is-week-view
    .ip-calendar-month-grid > button.ip-calendar-day-hidden {
    display: flex !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-shell {
    margin-top: 6px !important;
    padding: 9px 8px 8px !important;
    border-radius: 20px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-shell::before {
    height: 3px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-main-head {
    min-height: 28px !important;
    margin-bottom: 4px !important;
    align-items: center !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-main-head > div:first-child {
    font-size: 7.8px !important;
    letter-spacing: 0.08em !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-main-head > div:last-child {
    gap: 4px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-shell button[aria-label="Mois précédent"],
  html body #root .ip-seances-redesign .ip-calendar-shell button[aria-label="Mois suivant"] {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    font-size: 16px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-main-head > div:last-child > span {
    min-width: 80px !important;
    font-size: 12px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-weekdays {
    gap: 3px !important;
    margin-bottom: 2px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-weekdays > div {
    font-size: 7.8px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid {
    gap: 3px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid > button {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 9px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid > button > span:first-child {
    font-size: 11.2px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid > button > span[style*="top: 2px"] {
    top: 3px !important;
    right: 4px !important;
    font-size: 6px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid > button > span[title="Une séance en alerte"] {
    bottom: 3px !important;
    width: 5px !important;
    height: 5px !important;
    border-width: 1px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-legend {
    gap: 4px !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-legend > span {
    min-height: 20px !important;
    padding: 0 6px !important;
    font-size: 7.3px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-legend > span > span {
    width: 6px !important;
    height: 6px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-selected-day {
    margin-top: 6px !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-day-header {
    margin-bottom: 5px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-day-header > div:first-child {
    font-size: 13px !important;
  }
}

@media (max-width: 350px) {
  html body #root .ip-seances-redesign .ip-calendar-shell {
    padding-inline: 7px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid {
    gap: 2px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-month-grid > button {
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 8px !important;
  }

  html body #root .ip-seances-redesign .ip-calendar-main-head > div:last-child > span {
    min-width: 76px !important;
    font-size: 11.5px !important;
  }
}