/* Alpha 5.5 — reserved for future responsive overrides. Existing responsive rules were preserved in their functional modules. */


/* Alpha 5.7.2 — confirmed mobile and modal fixes */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:720px){
  .rail{
    width:100vw;max-width:100vw;
    height:calc(66px + env(safe-area-inset-bottom));
    padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    justify-content:flex-start;overflow-x:auto;overflow-y:hidden;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
  }
  .rail .nav{flex:0 0 74px;width:74px;min-width:74px;height:58px;scroll-snap-align:start}
  .side{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .workspace{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media(max-width:700px){
  .modal{inset:0;width:100vw;max-width:100vw;overflow:hidden}
  .modalCard{overflow:auto;-webkit-overflow-scrolling:touch;scroll-padding-top:0}
  .modalHeader{position:static;top:auto;z-index:auto;margin:-14px -14px 12px;padding:14px;align-items:flex-start}
  #catalogModal .modalHeader>div:first-child{flex:1 1 100%;width:100%}
  #catalogModal .modalHeader .btn{flex:1 1 calc(50% - 5px);min-width:0}
}


/* Alpha 6.0.4 Patch 1 — reliable bottom navigation */
@media(max-width:720px){
  .rail{height:calc(78px + env(safe-area-inset-bottom));touch-action:pan-x;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity}
  .rail .nav{flex:0 0 86px;width:86px;min-width:86px;scroll-snap-align:start;touch-action:manipulation}
  .rail .navLabel{font-size:9px;line-height:1.1;white-space:normal;overflow:visible;text-overflow:clip;max-width:82px;min-height:20px;display:grid;place-items:center}
  .side{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
}