/* Ucuzabulan public mobile hardening v1.1.0
 * Conservative cross-page safety layer for legacy/public screens.
 */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,picture,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
main,section,article,aside,header,footer,nav,.container,.container-fluid{min-width:0;max-width:100%}
pre,code,kbd,samp{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}
textarea{resize:vertical}

@media (max-width:768px){
  html,body{width:100%}
  .container,.container-fluid{width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .row>*{min-width:0}
  table:not(.ub-no-mobile-scroll){display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:16px!important}
  button,.btn,[role="button"]{min-height:42px}
  .d-flex{min-width:0}
  .modal-dialog{margin:.75rem;max-width:calc(100vw - 1.5rem)}
  [style*="min-width:"]{min-width:0!important}
}

@media (max-width:640px){
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  .d-flex.flex-wrap,.d-flex.gap-2,.d-flex.gap-3{flex-wrap:wrap!important}
  h1{overflow-wrap:anywhere}
  .btn-group{max-width:100%;flex-wrap:wrap}
  .pagination{flex-wrap:wrap;gap:4px}
}

@media (max-width:420px){
  .container,.container-fluid{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
}