/* Crew Institut 2.40.113 — couche finale mobile portrait.
   Objectif : supprimer les incohérences de largeur/retour à la ligne sans toucher
   aux comportements métier. Chargée après day-theme-final.css. */

@media (max-width:620px) and (orientation:portrait){
  /* 1. La largeur disponible doit toujours être transmise aux enfants flex/grid. */
  .scp-root .scp-app,
  .scp-root .scp-layout,
  .scp-root .scp-main,
  .scp-root .scp-main > *,
  .scp-root .scp-section,
  .scp-root .scp-panel,
  .scp-root .scp-card,
  .scp-root .scp-page-head,
  .scp-root .scp-section-head,
  .scp-root .scp-contextbar,
  .scp-root .scp-question-panel,
  .scp-root .scp-results-panel,
  .scp-root [class*="grid"] > *,
  .scp-root [class*="head"] > *,
  .scp-root [class*="row"] > *,
  .scp-root [class*="copy"],
  .scp-root [class*="body"]{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Ne plus masquer le débordement au niveau du contenu principal : les règles
     ci-dessous corrigent la cause en autorisant le retour à la ligne. */
  .scp-root .scp-main{overflow-x:visible!important}

  /* 2. Les textes fonctionnels restent entièrement lisibles. */
  .scp-root .scp-main h1,
  .scp-root .scp-main h2,
  .scp-root .scp-main h3,
  .scp-root .scp-main h4,
  .scp-root .scp-main p,
  .scp-root .scp-main li,
  .scp-root .scp-main label,
  .scp-root .scp-main strong,
  .scp-root .scp-main small,
  .scp-root .scp-main td,
  .scp-root .scp-main th,
  .scp-root .scp-main .scp-page-title,
  .scp-root .scp-main .scp-page-sub{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* 3. Boutons : aucune hauteur fixe ne doit couper un libellé sur téléphone. */
  .scp-root .scp-main .scp-btn,
  .scp-root .scp-main button,
  .scp-root .scp-modal .scp-btn,
  .scp-root .scp-modal button{
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:44px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.25!important;
  }
  .scp-root .scp-main .scp-btn span,
  .scp-root .scp-modal .scp-btn span{
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  /* 4. Barre haute : elle peut grandir verticalement au lieu de comprimer/couper. */
  .scp-root{--scp-phone-topbar:auto!important}
  .scp-root .scp-topbar{
    min-height:104px!important;
    height:auto!important;
    align-items:start!important;
  }
  .scp-root .scp-brand-copy strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.2!important;
  }
  .scp-root .scp-top-actions{
    flex-wrap:wrap!important;
    align-items:stretch!important;
    justify-content:flex-end!important;
  }
  .scp-root .scp-top-actions > .scp-btn,
  .scp-root .scp-account-trigger{
    height:auto!important;
    min-height:42px!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
  .scp-root .scp-launcher-return{
    flex:1 1 132px!important;
    max-width:none!important;
    margin-right:auto!important;
  }
  .scp-root .scp-launcher-return .scp-btn-label{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  /* 5. Navigation interne : les libellés peuvent revenir à la ligne. */
  .scp-root .scp-premium-internal-tab,
  .scp-root .scp-progress-hub-tab,
  .scp-root .scp-admin-space-tab,
  .scp-root .scp-reg-subtheme-tab,
  .scp-root .scp-context-actions .scp-btn,
  .scp-root .scp-international-quiz-back,
  .scp-root .scp-regwatch-unread{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    height:auto!important;
  }

  /* 6. Progression — Objectifs : l'action occupe sa propre ligne. */
  .scp-root .scp-objectives-badge,
  .scp-root .scp-history-total,
  .scp-root .scp-analysis-trend,
  .scp-root .scp-analysis-signals-head > span,
  .scp-root .scp-error-status{
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .scp-root .scp-objectives-next-action,
  .scp-root .scp-objective-action{
    width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .scp-root .scp-objective-card{
    grid-template-columns:54px minmax(0,1fr)!important;
  }
  .scp-root .scp-objective-score{
    grid-column:1!important;
    text-align:left!important;
  }
  .scp-root .scp-objective-action{
    grid-column:1/-1!important;
  }
  .scp-root .scp-evolution-card-head{
    flex-wrap:wrap!important;
  }
  .scp-root .scp-evolution-card-head > b{
    white-space:normal!important;
  }

  /* 7. Fiches Flash : les titres et commandes ne sont plus ellipsés. */
  .scp-root .scp-flash-actions .scp-btn,
  .scp-root .scp-flash-reader-actions .scp-btn,
  .scp-root .scp-flash-reader-nav .scp-btn span,
  .scp-root .scp-flash-reader-copy strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  /* 8. CRM / Adaptatif / analytique : supprimer les ellipses non nécessaires. */
  .scp-root .scp-crm-module-copy small,
  .scp-root .scp-reg-progress-compact-identity h3,
  .scp-root .scp-adaptive-priority-row strong,
  .scp-root .scp-adaptive-priority-row > div span{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  .scp-root .scp-adaptive-priority-row{
    grid-template-columns:30px minmax(0,1fr)!important;
  }
  .scp-root .scp-adaptive-pill{
    grid-column:2!important;
    justify-self:start!important;
    white-space:normal!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  /* 9. Tableau de bord Admin : conserver le contenu au lieu de le tronquer. */
  .scp-root .scp-admin-head-actions{
    flex-wrap:wrap!important;
  }
  .scp-root .scp-admin-head-actions .scp-btn{
    min-height:40px!important;
    height:auto!important;
    font-size:11px!important;
    white-space:normal!important;
  }
  .scp-root .scp-admin-space-tab{
    min-height:40px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .scp-root .scp-admin-top-users article > div strong,
  .scp-root .scp-admin-ranked-list article > div strong,
  .scp-root .scp-admin-top-users article > div span,
  .scp-root .scp-admin-ranked-list article > div span,
  .scp-root .scp-admin-activity-feed strong,
  .scp-root .scp-admin-activity-feed span,
  .scp-root .scp-admin-bar-copy strong,
  .scp-root .scp-admin-usage-user-id strong,
  .scp-root .scp-admin-usage-user-id span,
  .scp-root .scp-admin-usage-users b,
  .scp-root .scp-admin-user-detail-modules strong,
  .scp-root .scp-admin-user-detail-modules span,
  .scp-root .scp-admin-user-detail-sessions span,
  .scp-root .scp-admin-name-entry strong,
  .scp-root .scp-admin-name-entry small{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  .scp-root .scp-admin-top-users article > div strong,
  .scp-root .scp-admin-ranked-list article > div strong,
  .scp-root .scp-admin-activity-feed strong,
  .scp-root .scp-admin-usage-user-id strong,
  .scp-root .scp-admin-name-entry strong{
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  .scp-root .scp-admin-top-users article > div span,
  .scp-root .scp-admin-ranked-list article > div span,
  .scp-root .scp-admin-activity-feed span,
  .scp-root .scp-admin-activity-feed small,
  .scp-root .scp-admin-usage-user-id span,
  .scp-root .scp-admin-usage-users small,
  .scp-root .scp-admin-user-detail-item > span,
  .scp-root .scp-admin-user-detail-modules span,
  .scp-root .scp-admin-user-detail-sessions span,
  .scp-root .scp-admin-name-entry small{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .scp-root .scp-admin-top-users article > b,
  .scp-root .scp-admin-ranked-list article > b,
  .scp-root .scp-admin-top-users article > small,
  .scp-root .scp-admin-ranked-list article > small{
    white-space:normal!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  .scp-root .scp-admin-month > strong,
  .scp-root .scp-admin-month > span{
    font-size:9.5px!important;
    line-height:1.2!important;
  }
  .scp-root .scp-admin-user-detail-modules > div{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .scp-root .scp-admin-user-detail-modules span{
    flex:1 1 100%!important;
  }

  /* 10. Accueil / pied de page : supprimer les tailles microscopiques. */
  .scp-root .scp-switch-brand-copy span,
  .scp-root .scp-switch-code,
  .scp-root .scp-switch-creator-copy span,
  .scp-root .scp-switch-footer-link,
  .scp-root .scp-home-dash-kpi small,
  .scp-root .scp-home-dash-toggle-copy span,
  .scp-root .scp-version-heading > div > span{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .scp-root .scp-switch-footer-link{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* 11. PULSE 7 : les informations HUD restent lisibles sur téléphone. */
  .scp-root .scp-p7-live-consequence-head small,
  .scp-root .scp-p7-gauge small,
  .scp-root .scp-p7-hud-brand small{
    font-size:10px!important;
    line-height:1.25!important;
  }
  .scp-root .scp-p7-live-consequence-head small,
  .scp-root .scp-p7-disclaimer strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* 12. Fenêtres : elles restent dans le viewport avec un contenu scrollable. */
  .scp-root .scp-modal,
  .scp-root .scp-admin-user-detail-modal,
  .scp-root .scp-version-modal,
  .scp-root .scp-launcher-help-modal{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100svh - 20px)!important;
    box-sizing:border-box!important;
    overflow:auto!important;
  }
}

@media (max-width:380px) and (orientation:portrait){
  /* Les très petits téléphones passent les cartes d'objectifs sur une colonne. */
  .scp-root .scp-objective-card{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .scp-root .scp-objective-rank,
  .scp-root .scp-objective-score,
  .scp-root .scp-objective-action{
    grid-column:1!important;
  }
  .scp-root .scp-objective-rank{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }
  .scp-root .scp-objective-rank strong{margin:0!important}

  .scp-root .scp-top-actions > .scp-btn,
  .scp-root .scp-account-trigger{
    font-size:10.5px!important;
    padding-inline:8px!important;
  }
}