/* ONIN V19 - responsive layer. OTD intentionally excluded. */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:14px}
  header.top{min-height:58px;height:auto;padding:10px 12px;gap:8px;flex-wrap:wrap}
  header.top .module{font-size:12px}
  header.top .actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
  header.top .actions button, header.top .actions a{min-height:38px}
  main.page{padding:12px!important;max-width:100%;overflow-x:hidden}
  .crumb{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .toolbar,.actions,.topline{flex-wrap:wrap;gap:8px!important}
  .search{width:100%!important;max-width:none!important}
  .search input,.search-input-wide,.search-input-xl{width:100%!important;min-width:0!important;max-width:none!important}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:680px}
  .panel,.card,.section,.moduleIntro,.hero{max-width:100%;overflow:hidden}
  .grid,.filter-grid,.form-grid{grid-template-columns:1fr!important}
  .field,.field.w-xs,.field.w-sm,.field.w-md,.field.w-lg,.field.w-xl{width:100%!important;max-width:none!important;min-width:0!important}
  input,select,textarea{max-width:100%;min-width:0;box-sizing:border-box}
  .tabs{overflow-x:auto;display:flex;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .tab{flex:0 0 auto;min-height:42px;padding:11px 13px}
  .lookup-modal{padding:8px;z-index:1000}
  .lookup-card{width:100%;max-width:100%;height:min(88vh,680px);max-height:88vh;border-radius:12px}
  .lookup-body{overflow:auto}
  .lookup-table{min-width:560px}
  .lookup-foot{position:sticky;bottom:0;background:#fff}
  .modal,.dialog,.popup{max-width:calc(100vw - 16px)!important}
  .modal-body,.dialog-body{overflow:auto}
  .button-row,.footer{flex-wrap:wrap;gap:8px}
  button,.btn,.actions a{min-height:38px}
}
@media (max-width:430px){
  h1{font-size:21px!important}
  h2{font-size:18px!important}
  .brand{padding:10px 12px!important}
  .brandMark{width:32px!important;height:32px!important}
  .content{padding:12px!important}
  .hero{padding:16px!important;display:block!important}
  .quickGrid{grid-template-columns:1fr 1fr!important}
  .quick{padding:12px!important}
}