/* ==========================================================
   pandabu V2.0.4 RC16.280c8c
   Tablet Manual Shell Offset Fix

   Root cause fixed here:
   RC16.251 renders the guided/manual Notvorrat as a FIXED fullscreen
   .rc251-form-shell (inset:0; width:100vw). RC16.280c8b shifted only the
   outer relative .rc251-form-flow wrapper. A fixed child is positioned
   against the viewport, so that wrapper offset could not move the actual
   fullscreen surface away from the 220px desktop sidebar.

   This patch resets the c8b wrapper offset and applies the offset directly
   to the fixed shell in the tablet/desktop-hybrid breakpoint.
   ========================================================== */

@media (min-width:900px) and (max-width:1199px){
  /* c8b's wrapper shift is ineffective for the fixed child and can itself
     create horizontal overflow. Return the wrapper to normal document flow. */
  .mode-guided.rc251-form-flow{
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  /* The real fullscreen surface must start AFTER the 220px desktop sidebar. */
  .mode-guided.rc251-form-flow > .rc251-form-shell{
    position:fixed!important;
    inset:0 0 0 220px!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:220px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:100dvh!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  /* Every internal layer measures against the remaining tablet content area,
     never against the complete viewport. */
  .mode-guided .rc251-form-header,
  .mode-guided .rc251-form-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .mode-guided .rc251-form-header>*{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}