/* RC11 Preview 4: viewport and scroll containment */
@media(max-width: 900px){
  html,body{max-width:100%;overflow-x:clip}
  .lfms-app,.lfms-shell,.lfms-main,.lfms-content,.lfms-workspace,.lfms-platform,.lfms-page,.lfms-panel,.lfms-card,.lfms-rc11,.lfms-storage{min-width:0!important;max-width:100%;box-sizing:border-box}
  .lfms-main,.lfms-content,.lfms-workspace,.lfms-platform,.lfms-page{padding-inline:clamp(10px,3vw,20px)!important}
  .lfms-card-grid,.lfms-stat-grid,.lfms-kpi-grid,.lfms-stats-grid,.lfms-dashboard-cards{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:12px;max-width:100%}
  .lfms-card-grid>*,.lfms-stat-grid>*,.lfms-kpi-grid>*,.lfms-stats-grid>*,.lfms-dashboard-cards>*{flex:0 0 min(78vw,280px)!important;scroll-snap-align:start}
  .lfms-table-wrap,.lfms-table-scroll,.lfms-rc11-table,.lfms-data-table,.lfms-table-container{overflow-x:auto!important;max-width:100%;-webkit-overflow-scrolling:touch}
  .lfms-table-wrap table,.lfms-table-scroll table,.lfms-data-table table{width:max-content;min-width:100%}
  .lfms-modal,.lfms-dialog,[role=dialog]{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto;box-sizing:border-box}
  .lfms-rc11 input,.lfms-rc11 select,.lfms-storage input{font-size:16px}
}
@media(max-width:480px){
  .lfms-rc11,.lfms-storage{padding:14px!important}
  .lfms-rc11 h2,.lfms-storage h2{overflow-wrap:anywhere;font-size:clamp(20px,6vw,26px)}
  .lfms-rc11 button,.lfms-storage button{min-height:44px}
}