/* DIVANINO 8.2.8 — styles mobiles uniquement.
   Point d entree unique pour les ajustements telephone; conserver la charte commune dans charte-graphique.css.
   Ne pas placer ici de logique de permissions ni de styles metier desktop. */
/* ETAPE 53 — adaptation mobile exclusivement ; styles ordinateur conserves. */
#dv53-mobile-bar{display:none}
@media(max-width:700px){
  #app-view{max-width:100vw;overflow-x:clip}
  #app-view .layout{display:block!important;min-width:0!important}
  #app-view .content{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:14px 14px calc(100px + env(safe-area-inset-bottom))!important}
  #app-view .topbar{min-height:62px!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}
  #app-view .topbar .brand{min-width:0!important;flex:1 1 auto!important}
  #app-view .topbar .dv-identity-lockup{transform:none!important;gap:7px!important}
  #app-view .topbar .dv-identity-symbol{width:30px!important;height:30px!important}
  #app-view .topbar .dv-identity-name{font-size:18px!important}
  #app-view .topbar .dv-identity-tagline,#app-view .topbar .dv-identity-divider,#app-view .active-organization-header,#app-view .user-chip{display:none!important}
  #app-view .top-actions{flex:0 0 auto!important;margin:0!important;gap:0!important}
  #app-view .top-actions .icon-btn{min-width:42px!important;min-height:42px!important}
  #app-view .sidebar{display:none!important}
  #app-view.dv53-menu-open .sidebar{display:block!important;position:fixed!important;z-index:1005!important;top:0!important;left:0!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;width:min(330px,88vw)!important;max-width:88vw!important;overflow-y:auto!important;background:#fff!important;box-shadow:12px 0 45px #0002!important;padding:22px 14px!important}
  #dv53-mobile-bar{display:flex!important;position:fixed;z-index:1010;bottom:0;left:0;right:0;min-height:calc(66px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e6e6eb;box-shadow:0 -4px 20px #1111110b;justify-content:space-around;gap:4px}
  #dv53-mobile-bar button{appearance:none;border:0;border-radius:12px;background:transparent;color:#202027;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;font:inherit;cursor:pointer}
  #dv53-mobile-bar button[hidden]{display:none!important}
  #dv53-mobile-bar button span{font-size:25px;line-height:1}
  #dv53-mobile-bar button small{font-size:11px;font-weight:700}
  #dv53-mobile-bar button:active,#dv53-mobile-bar button[aria-expanded="true"]{background:#f0edff;color:#4433b8}
  #app-view .rw-me-week-toolbar{padding:10px 0!important;gap:8px!important}
  #app-view .rw-me-week-toolbar b{font-size:16px!important}
  #app-view .rw-me-week-nav{width:100%!important;gap:6px!important}
  #app-view .rw-me-week-nav .btn{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}
  #app-view .rw-me-week-cards{grid-template-columns:1fr!important;gap:7px!important}
  #app-view .rw-me-stable-week .rw-me-day,#app-view .rw-me-week-browser .rw-me-day{min-height:72px!important;grid-template-rows:auto!important;gap:3px!important;padding:11px 13px!important;border-radius:14px!important;box-shadow:none!important}
  #app-view .rw-me-stable-week .rw-me-day>.rw-me-day-meta{min-height:0!important;grid-template-rows:auto!important;gap:2px!important}
  #app-view .rw-me-stable-week .rw-me-day>strong{font-size:14px!important}
  #app-view .rw-me-stable-week .rw-me-day>small,#app-view .rw-me-stable-week .rw-me-day>em{font-size:11px!important;white-space:normal!important}
  #app-view .rw-me-compact-head{padding:14px!important}
  #app-view .rw-me-compact-head h2{font-size:26px!important}
  #login-view .login-card,#login-view .login-shell{max-width:100%!important}
}

/* Protections de largeur et confort tactile pour les petits ecrans. */
@media(max-width:700px){
  #app-view .content img,#app-view .content svg{max-width:100%}
  #app-view .content input,#app-view .content select,#app-view .content textarea{max-width:100%;box-sizing:border-box}
  #dv53-mobile-bar button{min-height:48px}
  #dv53-mobile-bar button:focus-visible{outline:2px solid #4433b8;outline-offset:-2px}
}

/* ETAPE 53b — correction du debordement iPhone, regles exclusivement mobiles.
   Garder les largeurs intrinsèques des tableaux métier : ceux-ci défilent dans leur conteneur. */
@media screen and (max-width:700px){
  html,body{width:100%;max-width:100%;margin:0}
  #app-view,#app-view .layout,#app-view .content,#app-view .view.active{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  #app-view .layout{grid-template-columns:minmax(0,1fr)!important}
  #app-view .content{padding-inline:12px!important;overflow-wrap:anywhere}
  #app-view .content :is(.rw-phone,.rw-phone-premium,.rw-me-week-browser,.rw-me-stable-week,.rw-me-week-cards,.rw-me-compact-head,.rw-me-week-toolbar,.rw-me-week-nav){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  #app-view .content .rw-me-week-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  #app-view .content .rw-me-week-toolbar>div:first-child{min-width:0!important;width:100%!important}
  #app-view .content .rw-me-week-toolbar b{font-size:clamp(14px,4vw,18px)!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:normal!important}
  #app-view .content .rw-me-week-nav{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}
  #app-view .content .rw-me-week-nav .btn{min-width:0!important;flex:1 1 0!important;max-width:100%!important;padding:8px 4px!important;white-space:normal!important;line-height:1.2!important}
  #app-view .content .rw-me-week-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day{width:100%!important;max-width:100%!important;min-width:0!important;min-height:76px!important;grid-template-rows:auto!important;gap:4px!important;padding:12px!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day>.rw-me-day-meta{min-height:0!important;grid-template-rows:auto!important;gap:3px!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day :is(strong,small,em){white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
  #app-view .content .rw-me-compact-head{padding:14px!important;margin:0!important}
  #app-view .content .rw-me-compact-head h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.12!important;overflow-wrap:anywhere}
  #app-view .topbar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  #dv53-mobile-bar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;left:0!important;right:0!important;overflow:hidden!important}
  #dv53-mobile-bar button{min-width:0!important;flex:1 1 25%!important;max-width:25%!important}
  #dv53-mobile-bar button small{font-size:clamp(10px,2.7vw,12px)!important;white-space:nowrap!important}
  #app-view .content :is(.rw-table-wrap,.v58623-table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}