/* SPMC Organizer BRL 2.0.193 — Mobile & Tablet Responsive Foundation */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{touch-action:pan-y;min-width:0}
.app,.content,.main,.page,.page-head,.card,.grid,.form-grid,.toolbar{min-width:0;max-width:100%;box-sizing:border-box}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%;box-sizing:border-box}

/* Stable dialogs: vertical scroll only, never horizontal page drift. */
.modal{overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.modal-box{box-sizing:border-box;max-width:100%;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.modal-box>*{max-width:100%;min-width:0;box-sizing:border-box}
.modal-box .form-grid,.modal-box .toolbar,.modal-box .field{max-width:100%;min-width:0}
.modal-box input,.modal-box select,.modal-box textarea{width:100%;min-width:0}

@media(max-width:900px){
  .page{overflow-x:hidden}
  .page-head{gap:12px;align-items:flex-start;flex-wrap:wrap}
  .page-head>div,.page-head .toolbar{min-width:0;max-width:100%}
  .toolbar{flex-wrap:wrap}
  .modal{place-items:start center;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .modal-box{width:100%!important;max-width:100%!important;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))!important;border-radius:18px;margin:0;overflow-y:auto;overflow-x:hidden}
}

@media(max-width:600px){
  .modal{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .modal-box{padding:16px!important;border-radius:16px}
  .modal-box .form-grid{grid-template-columns:1fr!important}
  .modal-box .field,.modal-box .field.full{grid-column:1/-1!important;width:100%}
  .modal-box .toolbar{width:100%;justify-content:stretch!important}
  .modal-box .toolbar>button{flex:1 1 130px}
  input,select,textarea{font-size:16px!important} /* prevents iOS focus zoom */
}

/* The visual board owns its gestures; normal pages stay vertically scrollable. */
#board,.spmc-board-shell,.spmc-board-main,.spmc-board-canvas{overscroll-behavior:none}
.spmc-board-canvas{touch-action:none!important}
@media(max-width:900px){
  #board{width:100%;max-width:100%;overflow:hidden}
  .spmc-board-main{width:100%;max-width:100%;overflow:hidden}
  .spmc-board-topbar{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}