/* Le portail (espace de comptes : projets, équipe, src/entreprise.js) au téléphone, au style D2-mobile (Henri, 28/10/2026 :
   « améliore aussi le portail téléphonique ») : une liste groupée à la iOS (une ligne par projet, chevron), des onglets
   soulignés, le formulaire de création replié, des champs de 44 px à 16 px de texte (pas de zoom de Safari au focus). */
.ent-plie > summary { list-style: none; cursor: pointer; color: var(--encre); font-weight: 500; }
.ent-plie > summary::-webkit-details-marker { display: none; }
.ent-plie[open] > summary { margin-bottom: 6px; color: var(--encre-3); }
@media (max-width: 899px) {
  body.page-app .ent-tete b { font-size: var(--t-17); letter-spacing: -.01em; }
  /* la liste des projets : un bloc groupé, une ligne par projet, filets fins, chevron */
  body.page-app .ent-liste { gap: 0; overflow: hidden; border-radius: var(--r-carte); background: var(--survol); }
  body.page-app .ent-liste > .ent-projet + .ent-projet { border-top: 1px solid var(--filet); }
  body.page-app .ent-projet-bouton { position: relative; min-height: 60px; padding: 10px 40px 10px 16px; border-radius: 0; background: none; box-shadow: none; align-content: center; }
  body.page-app .ent-projet-bouton::after { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; border-top: 1.8px solid var(--encre-3); border-right: 1.8px solid var(--encre-3); transform: translateY(-50%) rotate(45deg); }
  body.page-app .ent-projet-bouton:active { background: var(--actif); }
  body.page-app .ent-projet-nom { font-size: 16px; }
  body.page-app .ent-projet-bouton small { font-size: var(--t-13); }
  body.page-app .ent-ajouter { margin: 8px 12px 8px 0; min-height: 44px; border-radius: var(--r-moyen); }
  /* « + Nouveau projet » : une ligne à toucher, le formulaire au doigt */
  body.page-app .ent-plie > summary { display: flex; align-items: center; min-height: 48px; padding: 0 16px; border-radius: var(--r-carte); background: var(--survol); font-size: 16px; }
  body.page-app .ent-nouveau :is(input, select), body.page-app .ent-reglages :is(input, select), body.page-app .ent-bandeau select { min-height: 44px; font-size: 16px; border-radius: var(--r-moyen); }
  :root:root body.page-app .ent-nouveau .bouton, :root:root body.page-app .ent-reglages .bouton { min-height: 48px; font-size: 16px; border-radius: var(--r-carte); }
  body.page-app .ent-corps { gap: 14px; padding-top: 14px; grid-auto-rows: max-content; } /* chaque bloc à sa hauteur : la feuille défile, la liste ne se comprime pas */
}