/* V3.36 — Page Modèles.
   #app EST l'élément <main>, pas son enfant. Sa largeur/marge ne doivent donc
   jamais annuler la place réservée à la navigation fixe. Règles limitées à
   l'éditeur Modèles ; aucun changement sur les données ni sur la vue client. */
@media screen and (min-width:761px) {
  body[data-ui-mode="coach"][data-ui-page="models"] {
    --li-models-sidebar:var(--li-mentor-mid-sidebar,210px);
  }
  body[data-ui-mode="coach"][data-ui-page="models"] main#app {
    display:block !important;
    position:relative !important;
    box-sizing:border-box !important;
    width:calc(100% - var(--li-models-sidebar)) !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 0 0 var(--li-models-sidebar) !important;
    padding:24px clamp(16px,2vw,32px) 64px !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    will-change:auto !important;
    overflow:visible !important;
    touch-action:auto !important;
  }
  /* Les cartes fantômes du swipe mobile n'appartiennent pas au bureau Mentor. */
  body[data-ui-mode="coach"][data-ui-page="models"] main#app::before,
  body[data-ui-mode="coach"][data-ui-page="models"] main#app::after {
    content:none !important;
    display:none !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-page {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:start !important;
    width:min(100%,1460px) !important;
    max-width:1460px !important;
    min-width:0 !important;
    margin:0 auto !important;
    gap:18px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-panel {
    position:static !important;
    top:auto !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:180px minmax(0,1fr) !important;
    gap:12px 16px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    max-height:none !important;
    padding:16px !important;
    overflow:visible !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-head {
    grid-column:1 !important;
    min-width:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    align-items:center !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list {
    display:grid !important;
    grid-column:2 !important;
    grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)) !important;
    align-content:start !important;
    gap:8px !important;
    min-width:0 !important;
    max-height:240px !important;
    overflow-y:auto !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-item {
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-item span {
    font-size:12px !important;
    line-height:1.35 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-item small {
    font-size:10px !important;
    line-height:1.4 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-help {
    display:none !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-backup-mini {
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-backup-mini .btn {
    min-height:36px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-board-shell {
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:18px !important;
    margin:0 !important;
    overflow:visible !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-board-toolbar {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    min-width:0 !important;
    gap:12px !important;
    margin:0 0 14px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-title-fields {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    min-width:0 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-title-fields .field {
    min-width:0 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-title-fields label {
    font-size:10px !important;
    margin-bottom:6px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-title-fields input {
    min-width:0 !important;
    max-width:100% !important;
    font-size:14px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-board-actions {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:8px !important;
    min-width:0 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-board-actions .btn {
    font-size:11px !important;
    min-height:40px !important;
    white-space:normal !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-rules span {
    font-size:11px !important;
    line-height:1.5 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] :is(#programModelInlineCalendar,.program-model-grid) {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-calendar-board {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y pinch-zoom !important;
    padding-bottom:8px !important;
    scrollbar-color:#a98c36 #eeeee7;
    scrollbar-width:auto;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] :is(.program-model-weekday-head,.program-model-week-row) {
    display:grid !important;
    grid-template-columns:74px repeat(7,minmax(100px,1fr)) 32px !important;
    width:100% !important;
    min-width:960px !important;
    gap:4px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-weekday-head b {
    font-size:10px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-week-label b {
    font-size:9px !important;
    line-height:1.4 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-week-label small {
    font-size:9px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-cell {
    min-width:0 !important;
    min-height:126px !important;
    padding-top:38px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-cell-add {
    width:30px !important;
    height:30px !important;
    min-height:30px !important;
    color:#8b7227 !important;
    -webkit-text-fill-color:#8b7227 !important;
    background:#eeeade !important;
    border:1px solid #ded5b5 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-chip {
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-chip b {
    font-size:11px !important;
    line-height:1.35 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-chip small {
    font-size:9px !important;
    line-height:1.4 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-add-week {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:46px !important;
    font-size:11px !important;
    white-space:normal !important;
    margin-top:12px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-calendar-board:focus-visible,
  body[data-ui-mode="coach"][data-ui-page="models"] :is(.program-model-cell-add,.program-model-add-week):focus-visible {
    outline:2px solid #9c7a13 !important;
    outline-offset:2px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-empty-board {
    min-height:300px !important;
    padding:32px 20px !important;
  }
}
@media screen and (min-width:1281px) {
  body[data-ui-mode="coach"][data-ui-page="models"] {
    --li-models-sidebar:var(--li-desktop-sidebar,220px);
  }
}
@media screen and (min-width:761px) and (max-width:1050px) {
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-panel,
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-title-fields {
    grid-template-columns:minmax(0,1fr) !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list,
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-head {
    grid-column:1 !important;
  }
}
@media screen and (min-width:1600px) {
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-page {
    grid-template-columns:220px minmax(0,1fr) !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-panel {
    grid-template-columns:minmax(0,1fr) !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list,
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-head {
    grid-column:1 !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-help {
    display:grid !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-list-help span {
    font-size:10px !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-backup-mini {
    justify-content:stretch !important;
  }
  body[data-ui-mode="coach"][data-ui-page="models"] .program-model-backup-mini .btn {
    flex:1 !important;
    min-width:0 !important;
    padding:6px !important;
  }
}