/* DIVANINO 55C — ergonomie mobile uniquement.
   Aucune couleur, police, variable de charte, droit ou logique metier n'est modifiee.
   Cette feuille complete mobile.css et ne s'applique pas au bureau. */
@media screen and (max-width:700px){
  #app-view .topbar{min-height:58px!important;padding:8px 14px!important;gap:10px!important}
  #app-view .topbar .dv-identity-symbol{width:28px!important;height:28px!important;object-fit:contain}
  #app-view .topbar .dv-identity-name{font-size:17px!important;letter-spacing:-.02em}
  #app-view .top-actions .icon-btn{min-height:44px!important;min-width:44px!important;border-radius:13px!important}
  #app-view .content{padding:16px 14px calc(92px + env(safe-area-inset-bottom))!important;min-width:0!important}
  #app-view .content :is(.panel,.card,.rw-planning-shell,.rw-inbox,.rw-store,.rw-phone-premium,.rw-phone,.rw-me-week-browser){max-width:100%;min-width:0;box-sizing:border-box}
  #app-view .content :is(.panel,.card,.rw-inbox,.rw-store){border-radius:16px}
  #app-view .content :is(.rw-phone,.rw-phone-premium){width:100%!important;max-width:100%!important;margin-inline:auto!important;padding:12px!important;border-radius:18px!important;box-shadow:none!important}
  #app-view .content :is(.rw-phone,.rw-phone-premium) header{padding:10px 4px 14px!important}
  #app-view .content :is(.rw-phone,.rw-phone-premium) header h2{font-size:clamp(23px,7vw,30px)!important;line-height:1.14!important;margin:6px 0!important}
  #app-view .content .rw-today{margin:12px 0 18px!important;padding:17px!important;border-radius:16px!important;gap:7px!important}
  #app-view .content .rw-today strong{font-size:clamp(21px,6vw,27px)!important}
  #app-view .content .rw-next{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  #app-view .content .rw-next article{min-width:0;padding:14px!important;border-radius:14px!important}
  #app-view .content .rw-me-week-toolbar{padding:12px 2px!important;margin:0!important;gap:10px!important}
  #app-view .content .rw-me-week-nav{width:100%!important;display:flex!important;gap:7px!important}
  #app-view .content .rw-me-week-nav .btn{min-height:42px!important;border-radius:12px!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,
  #app-view .content .rw-me-week-browser .rw-me-day{min-height:0!important;display:grid!important;grid-template-rows:auto!important;gap:6px!important;padding:13px 14px!important;border-radius:14px!important;overflow:visible!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day>.rw-me-day-meta{min-height:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day :is(strong,small,em){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day>strong{font-size:15px!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day>small{font-size:12px!important}
  body.workforce-session #app-view .content .rw-me-stable-week .rw-me-day>em{font-size:11px!important;margin-top:0!important;padding-top:7px!important}
  #app-view .content :is(.rw-hero,.rw-actions){gap:10px!important}
  #app-view .content .rw-kpis{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  #app-view .content .rw-kpis article{padding:14px!important;border-radius:15px!important}
  #app-view .content :is(.rw-grid,.rw-task){grid-template-columns:minmax(0,1fr)!important}
  #app-view .content :is(.rw-planning-shell,.rw-table-wrap,.v58623-table-wrap){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #app-view .content :is(input,select,textarea,button){box-sizing:border-box}
  #app-view .content :is(input,select,textarea){max-width:100%;min-width:0}
  #app-view .content :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){font-size:max(16px,1em)}
  #app-view :is(dialog,.rw-modal){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;box-sizing:border-box!important}
  #app-view .content :is(.dialog-actions,.rw-actions){flex-wrap:wrap!important}
  #dv53-mobile-bar{min-height:calc(64px + env(safe-area-inset-bottom))!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important}
  #dv53-mobile-bar button{min-height:48px!important;border-radius:12px!important;gap:3px!important}
  #dv53-mobile-bar button span{font-size:23px!important;line-height:1!important}
  #dv53-mobile-bar button small{font-size:11px!important;line-height:1.2!important}
  #app-view.dv53-menu-open .sidebar{padding:18px 12px!important;overflow-y:auto!important}
  #app-view.dv53-menu-open .sidebar .nav{min-height:46px}
}
@media screen and (max-width:370px){
  #app-view .content{padding-inline:10px!important}
  #app-view .topbar{padding-inline:10px!important}
  #dv53-mobile-bar{padding-inline:3px!important}
  #dv53-mobile-bar button small{font-size:10px!important}
}