/* ═══════════════════════════════════════════════════════════════════════
   Shell applicatif (.app / .main / .page-main)
   Extrait de css/hostome-ui.css (bloc "Shell partage", ajoute le 2026-07-27,
   mission ELIMINATE_APP_CSS_DEPENDENCY_FROM_ALL_PRODUCTION_PAGES) lors de la
   Phase 5 (SEPARATE_AND_ORCHESTRATE_APPLICATION_SHELL). Declarations
   deplacees a l'identique (aucune valeur modifiee) - seule la repartition
   en fichiers change. Voir aussi css/shell/sidebar.css et
   css/shell/topbar.css pour le reste de ce meme bloc d'origine.
   ═══════════════════════════════════════════════════════════════════════ */

.app {
  display: flex;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

/* Mission FIX_CALENDAR_DATE_POPOVER_TODAY_VIEW_STATE_AND_GLOBAL_MOBILE_SCROLL
   (2026-07-30) : .main manquait de ce bloc centralise - seules des
   surcharges contextuelles (.main:has(...)) existaient, aucune regle de
   base. Consequence mesuree en navigateur reel : sur index.html (seule page
   qui ne duplique pas son propre shell), .main n'avait ni flex ni
   overflow-y:auto, et .app{overflow:hidden} bloquait alors tout defilement
   de la page des que le contenu depassait le viewport (confirme mobile
   390/430/760/761). Regle recuperee a l'identique de la copie fonctionnelle
   de calendar.css (seule feuille de page qui duplique encore ce shell). */
.main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}

.page-main {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}