/* Emploi du temps centré et créneaux interactifs de Seconde. */
#panel-planning .seconde-planning { max-width: 1040px; margin-inline: auto; }
#panel-planning .seconde-planning__title { margin: 0 0 12px; color: var(--ml-ink); font-size: clamp(26px, 3vw, 36px); font-weight: 850; line-height: 1.2; text-align: center; }
#panel-planning .seconde-planning__intro { margin: 0 0 24px; color: var(--ml-muted); font-size: 16px; line-height: 1.5; text-align: center; }
#panel-planning .week-schedule { background: #fff; gap: 10px; padding: 8px; }
#panel-planning .week-col { gap: 8px; }
#panel-planning .week-col__head { font-size: 13px; padding: 10px 4px; }
#panel-planning .week-cell { min-height: 94px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; line-height: 1.3; }
#panel-planning .week-cell__label { margin: 0; }
#panel-planning .week-cell__time { font-size: 12px; line-height: 1.4; }
#panel-planning .week-cell--tronc { background: #FFEEEE; color: #B01820; }
#panel-planning .week-cell--pause { background: #F0F0F0; color: #555; }
#panel-planning .week-cell--modules { background: #FFF5D0; color: #7A5A00; }
#panel-planning .week-cell--etude { background: #E6F3FF; color: #1E4E8C; }
#panel-planning .week-cell--clubs { flex: 1; background: #F0E6FF; color: #6B2AC7; }
#panel-planning .week-cell:hover { border-color: currentColor; }
#panel-planning .seconde-planning__mobile { display: none; }

/* Compléments aux styles partagés de la modale Emploi du temps. */
#schedule-dialog { overflow-y: auto; }
#schedule-dialog .slot-card__pill { display: inline-block; padding: 5px 12px; margin-bottom: 10px; border-radius: 99px; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
#schedule-dialog .slot-card__time { color: var(--ml-muted); line-height: 1.5; }
#schedule-dialog .slot-card__list { display: grid; list-style: none; margin: 0; padding: 0; }
#schedule-dialog .slot-card__list li { position: relative; padding-left: 16px; }
#schedule-dialog .slot-card__list li::before { position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--schedule-accent); content: ""; }

@media (max-width: 760px) {
  #panel-planning .week-schedule { display: none; }
  #panel-planning .seconde-planning__mobile { display: block; }
  #panel-planning .cal-days-nav { margin-bottom: 16px; }
  #panel-planning .cal-day-btn { min-height: 44px; }
  #panel-planning .cal-day-btn:focus-visible { outline: 3px solid #b8142c; outline-offset: 2px; }
  #panel-planning .cal-day-panel.active { display: grid; gap: 10px; }
  #panel-planning .week-cell { min-height: 86px; padding: 14px 16px; font-size: 16px; }
  #panel-planning .week-cell__time { font-size: 14px; }
  #panel-planning .seconde-planning__intro { font-size: 15px; }
}