@media (max-width: 980px){
  .topbar-inner{padding:12px 14px}
  .sidebar{display:none}
  .app-main{padding:12px;padding-bottom:calc(108px + env(safe-area-inset-bottom))}
}

@media (max-width: 420px){
  .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row{flex-wrap:wrap}
}

@media (max-width: 360px){
  .app-main{padding:10px;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .card{padding:10px}
  .btn{padding:8px 10px;font-size:12px}
  .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .chip{white-space:normal;line-height:1.2;text-align:center;padding:7px 10px}
  #parBody .row{align-items:flex-start}
  #parBody .row .btn{width:100%}
  #cajaFlowBody .row{align-items:flex-start}
  #cajaFlowBody .row .btn{width:100%}
}

@media (max-width: 340px){
  .chips{grid-template-columns:1fr}
}