/* Stage 15: UI only; API/auth/data untouched */
@media(max-width:640px){
  html,body{max-width:100%;overflow-x:clip}
  .wrap,.content,main,section{min-width:0;box-sizing:border-box}
  button,input,select,textarea{font-size:16px}
  button,a,input,select,textarea{touch-action:manipulation}
  :where(button,a,input,select,textarea):focus-visible{outline:3px solid #087f68;outline-offset:3px}
  .qb-card input,.qb-card select,.qb-card textarea{max-width:100%;min-height:46px}
  .qb-table td:nth-child(2) button{font-size:13px!important;line-height:1.55}
  #caseList{min-width:0;overflow-wrap:anywhere}
  #caseMessage{line-height:1.65;overflow-wrap:anywhere}
  #refreshCases{min-height:52px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}