@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  .main{min-width:0;overflow-x:hidden}
  .content{width:100%;max-width:100%;min-width:0}

  .topbar{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:12px 14px!important;
    margin-bottom:16px!important;
  }
  .topbar>div:first-child{
    width:100%;min-width:0;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .pageTitle{min-width:0;flex:1}
  .pageTitle small{
    display:block;
    font-size:12px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .pageTitle h1{
    margin:3px 0 0!important;
    font-size:28px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .topActions{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px!important;
    align-items:center!important;
  }
  .topActions select{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .topActions .btn{min-width:0}

  .panel{min-width:0;overflow:hidden}
  .panel h2{
    font-size:26px!important;
    line-height:1.15!important;
    overflow-wrap:anywhere;
  }
  .mutedLine{line-height:1.45}

  .elQrGrid{grid-template-columns:1fr!important}
  .elQrCard{min-width:0;padding:14px!important}
  .elQrCanvas{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden;
  }
  .elQrCanvas canvas,.elQrCanvas img{
    max-width:100%!important;
    height:auto!important;
  }
  .crudActions{flex-wrap:wrap!important;white-space:normal!important}
}

@media(max-width:520px){
  .main{padding-left:12px!important;padding-right:12px!important}
  .topbar{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .menuBtn{flex:0 0 44px}
  .pageTitle h1{font-size:26px!important}
  .panel{padding:16px!important}
  .panel h2{font-size:24px!important}
  .elQrCard{padding:12px!important}
}