/* Responsive layout audit: 27 October 2026 */
:root{--bm-touch-min:42px}
*,*::before,*::after{box-sizing:border-box}
button,.btn,[role=button]{min-height:var(--bm-touch-min);max-width:100%}
input,select,textarea{max-width:100%;min-width:0}
.grid,.controls,.row,.toolbar,.formgrid{min-width:0}
.grid>*,.controls>*,.row>*,.toolbar>*,.formgrid>*{min-width:0}
.grid.three>div:has(>button[type=submit]),.grid.three>div:has(>.btn[type=submit]){display:flex;align-items:flex-end;justify-content:flex-start;min-height:0}
.grid.three>div:has(>button[type=submit])>button,.grid.three>div:has(>.btn[type=submit])>.btn{align-self:flex-end;margin:0}
@media (max-width:1100px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:680px){.grid.three,.formgrid{grid-template-columns:minmax(0,1fr)!important}.grid.three>div:has(>button[type=submit]){justify-content:stretch}.grid.three>div:has(>button[type=submit])>button{width:100%}.controls{flex-wrap:wrap}.controls>label,.controls>input,.controls>select{min-width:0!important;width:100%;flex:1 1 100%}.toolbar{flex-wrap:wrap}.toolbar>input{flex-basis:100%}.wrap{padding-inline:14px!important} .panel,.card{min-width:0} .table-wrap{overflow-x:auto;max-width:100%}}
@media (pointer:coarse){button,.btn,[role=button],select{min-height:44px}}