/* All layout overrides are limited to phone/tablet screens; desktop stays native. */
@media screen and (max-width:760px){
  html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}
  body{min-width:0!important;max-width:100%;overflow-wrap:break-word}
  .wrap,.container,.content,.main,main{min-width:0!important;max-width:100%!important}
  .wrap,.container{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}
  .layout,.grid,.grid2,.zgd,.columns,.two-columns,.cards-grid,.trubdesk-stack{grid-template-columns:minmax(0,1fr)!important}
  .layout>*,.grid>*,.grid2>*,.zgd>*{min-width:0!important;max-width:100%}
  aside,.sidebar{position:static!important;max-width:100%;min-width:0}
  h1{font-size:clamp(24px,6.5vw,34px)!important;overflow-wrap:anywhere}
  h2,h3{overflow-wrap:break-word}
  img,video,canvas{max-width:100%;height:auto}
  iframe{max-width:100%}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%}
  button,[role=button]{min-height:44px;touch-action:manipulation}
  .toolbar,.actions,.filters{flex-wrap:wrap;max-width:100%}
  .trubdesk-table-scroll{display:block;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .trubdesk-table-scroll:focus-visible{outline:2px solid currentColor;outline-offset:2px}
  pre{max-width:100%;overflow-x:auto}
  .modal-bg{padding:8px!important}
  .modal,dialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .modal .mh,.modal .mb{padding:14px!important}
  .modal .mh h3{font-size:18px}
}