@media (max-width:1080px){
  .layout-2col{grid-template-columns:1fr;}
  .layout-2col.paiseslayout{grid-template-columns:1fr;}
}

@media (max-width:900px){
  .app{grid-template-columns:1fr;}
  .sidebar{
    position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;
    flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px;
    z-index:20;border-right:none;border-top:1px solid var(--border);gap:2px;
  }
  .brand,.reportbtn .lbltext,.navlabel,.sidebar-legal{display:none;}
  .nav{flex-direction:row;flex:1;justify-content:space-between;}
  .navitem{flex-direction:column;gap:4px;padding:8px 10px;font-size:10.5px;}
  .navitem.active::before{display:none;}
  .reportbtn{margin:0;padding:10px;border-radius:12px;}
  .sidebar .spacer{display:none;}
  .content{padding:18px;padding-bottom:100px;}
  .statgrid{grid-template-columns:repeat(2,1fr);}
  .composer-row{gap:8px;}
}

@media (max-width:520px){
  .topbar{padding:12px 16px;}
  .searchbox{max-width:none;}
  .kv{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
}