@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:14px}
  .main,.page,.page-wrap,.container,.content,.form-wrap{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important}
  .hero{margin-bottom:14px}.hero h1{font-size:21px!important;line-height:1.25}.hero p{font-size:12px!important}
  .brand{min-width:0}.brand img{max-width:120px;height:30px!important}.brand b{font-size:13px!important}.brand span{white-space:normal}
  .grid,.menu-grid,.form-grid,.spec-grid,.signature-grid,.sig-grid,.review-summary,.provision-summary,.stats,.summary-grid,.dashboard-grid,.work-grid,.option-grid,.options-grid,.category-grid{grid-template-columns:1fr!important}
  .menu-card,.card,.panel,.form-card{min-width:0!important;max-width:100%!important}
  .card-head,.section-head,.modal-head{align-items:flex-start!important;flex-wrap:wrap!important;padding-left:12px!important;padding-right:12px!important}
  .card-body,.panel-body,.modal-body{padding-left:12px!important;padding-right:12px!important}
  .field,.field.full{min-width:0!important;grid-column:auto!important}
  input,select,textarea{max-width:100%;font-size:16px!important}
  button,.btn,.actions a,.row-actions a{min-height:44px}
  .actions,.row-actions,.bulk-actions,.table-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .actions .status{width:100%;margin-right:0!important}
  .actions button,.actions .btn{flex:1 1 140px}
  .table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;contain:inline-size;-webkit-overflow-scrolling:touch}
  .table-wrap>table{min-width:720px}
  .access-table>table{display:block!important;width:100%!important;min-width:0!important;table-layout:fixed}
  .access-table>table>tbody,.access-table>table>tbody>tr,.access-table>table>tbody>tr>td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .config-table>table{display:block!important;width:100%!important;min-width:0!important;table-layout:fixed}
  .config-table>table>tbody,.config-table>table>tbody>tr,.config-table>table>tbody>tr>td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  img,svg,canvas,video{max-width:100%}
  .modal{padding:8px!important}.modal-card,.dialog,.drawer{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;overflow:auto!important}
  .role-note.user-profile{width:100%;min-width:0}.user-copy,.user-line{min-width:0}.user-email{max-width:65vw!important;overflow-wrap:anywhere;white-space:normal!important}
  .top-nav{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .iso-banner{align-items:flex-start!important}
  .signature-wrap canvas{width:100%!important}
}

@media (max-width:420px){
  .main,.page,.page-wrap,.container,.content,.form-wrap{padding-left:8px!important;padding-right:8px!important}
  .bar{padding-left:8px!important;padding-right:8px!important}
  .card-body,.panel-body,.modal-body{padding-left:10px!important;padding-right:10px!important}
  .actions button,.actions .btn{flex-basis:100%}
}