/* iPad stable : grand contenu + navigation basse, sans sidebar. */
@media (min-width:768px){
  html,body{min-height:100%;background:var(--bg)!important;overflow-x:hidden!important}
  body{padding:0!important}
  .app{width:100%!important;max-width:none!important;margin:0!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}

  /* Topbar native et stable. */
  .topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;height:76px!important;padding:14px max(28px,calc((100vw - 1180px)/2 + 28px))!important;border-bottom:1px solid var(--border)!important;z-index:1000!important}
  .brand{font-size:23px!important}.logo{width:40px!important;height:40px!important;border-radius:13px!important}
  .topActions{gap:10px!important}.iconbtn{width:44px!important;height:44px!important;border-radius:15px!important}

  /* Zone de contenu : toute la largeur utile de l'iPad, centrée. */
  main{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:24px 30px 126px!important}
  .view{width:100%!important;min-width:0!important}

  /* Navigation basse : même logique que l'iPhone, simplement plus confortable. */
  body>.nav,
  
  
  

  /* Accueil : composition 2 colonnes naturelle. */
  #home.view.active{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px 18px!important;align-items:start!important}
  #home>.hello,#home>#installCard,#home>.homeBlockTitle,#home>.demoDiscovery{grid-column:1/-1!important}
  #home>.hero{grid-column:1/9!important;margin-bottom:0!important;min-height:230px!important;padding:28px!important}
  #home>.familyHomeCard{grid-column:9/-1!important;margin:0!important;min-height:230px!important}
  #home>.stats{grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
  #home>#smartBrief{grid-column:1/7!important;margin-top:0!important}
  #home>.section-title{grid-column:1/-1!important}
  #home>#todayCards{grid-column:1/8!important}
  #home>.smartSearchBox{grid-column:8/-1!important;margin-top:0!important}
  #home .hello h1,.documentsTop h2{font-size:34px!important}
  .hero h2{font-size:30px!important;max-width:560px!important}.hero p{max-width:610px!important;font-size:15px!important}

  /* Documents : dossiers à gauche, résultats à droite. */
  #documents.view.active{display:grid!important;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.45fr)!important;grid-template-rows:auto auto auto auto auto auto auto!important;gap:12px 24px!important;align-items:start!important}
  #documents>.documentsTop{grid-column:1/-1!important;grid-row:1!important}
  #documents>.docsSearchShell{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
  #documents>.docsQuickActions{grid-column:1/-1!important;grid-row:3!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #documents>.docsFoldersHead{grid-column:1!important;grid-row:4!important}
  #documents>#docsFolderGrid{grid-column:1!important;grid-row:5!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #documents>.docsSmartLine{grid-column:1!important;grid-row:6!important;margin:0!important}
  #documents>.docsResultsHead{grid-column:2!important;grid-row:4!important}
  #documents>#docsResultList{grid-column:2!important;grid-row:5/7!important;margin:0!important}
  #documents>#docsSavedBundlesWrap{grid-column:1/-1!important;grid-row:7!important}

  /* Moi / tâches / archives : large mais jamais étiré ou éclaté. */
  #profile.view.active{display:block!important;max-width:860px!important;margin:0 auto!important}
  #tasks.view.active,#archive.view.active,#pro.view.active,#review.view.active,#success.view.active,#processing.view.active{max-width:980px!important;margin:0 auto!important}
  #tasks .cards,#archive .cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .setting,.accountCard,.banner,.privacyNote,.dangerZone{width:100%!important;max-width:none!important}

  /* Family et panneaux : vrais modaux centrés. */
  .sheetWrap,.modalWrap{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:100dvh!important;transform:none!important;-webkit-transform:none!important;align-items:center!important;justify-content:center!important;padding:24px!important}
  .sheetWrap .sheet,.modalWrap .modal{width:min(860px,calc(100vw - 48px))!important;max-height:calc(100dvh - 48px)!important;border-radius:28px!important;padding:22px 24px 26px!important;box-shadow:0 30px 90px rgba(13,16,26,.28)!important}
  .sheetWrap .handle,.modalWrap .handle{display:none!important}
  #familySheet .sheet{width:min(1040px,calc(100vw - 48px))!important;max-width:1040px!important}
  #familySheetBody{width:100%!important;max-width:none!important;display:block!important}
  #familySheetBody .familyHeroV2{width:100%!important}
  #familySheetBody .familyWelcomeGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #familySheetBody .familyHubGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #familySheetBody .familySection{width:100%!important}
  #familyPlanningSheet .sheet,#familyPlanningScanSheet .sheet,#familyPlanningReviewSheet .sheet,#familyPlanningManualSheet .sheet,#familyItemSheet .sheet{width:min(1080px,calc(100vw - 48px))!important;max-width:1080px!important}
  .familyHubGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .familyPlanningDays{grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important}
  .familyPlanningDay{min-height:150px!important}

  /* Aperçu dossier et viewer. */
  .bundleSheet{width:min(960px,calc(100vw - 48px))!important}
  .bundleList{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bundleActionPrimary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .docsSelectionBar{left:50%!important;bottom:112px!important;width:min(680px,calc(100vw - 64px))!important}
  .toast{left:50%!important;right:auto!important;bottom:112px!important;width:min(420px,calc(100vw - 64px))!important;transform:translate(-50%,25px)!important}
  .toast.show{transform:translate(-50%,0)!important}
  .ticketGroupBar{padding-left:24px!important;padding-right:24px!important}
  .ticketGroupViewer{padding:10px 22px 86px!important}
  .ticketZoomControls{right:22px!important;bottom:22px!important}
}

@media (min-width:1024px) and (orientation:landscape){
  main{max-width:1280px!important;padding-left:38px!important;padding-right:38px!important}
  #documents.view.active{grid-template-columns:minmax(340px,.82fr) minmax(560px,1.55fr)!important}
  #documents>#docsFolderGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}