/* Teksolis Mobile-First Global */
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{padding:14px 12px!important}
input,select,textarea{font-size:16px!important;-webkit-appearance:none;max-width:100%}
button{min-height:44px;font-size:14px}
.wrap,.wrap2,.container{max-width:560px!important;width:100%!important;margin:0 auto!important}
img{max-width:100%;height:auto}
@media (max-width:480px){
  body{padding:8px 6px!important}
  h1{font-size:18px!important;letter-spacing:1px!important}
  h2{font-size:14px!important}
  .card,.box,.det-bx,.det-bx2{padding:12px!important;border-radius:10px!important}
  .gri2,.row2{grid-template-columns:1fr!important}
  .actions2,.actions{grid-template-columns:1fr!important}
  .hub-gri{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .kod-grid input{width:38px!important;height:48px!important;font-size:18px!important}
  .modal-box,.mbox,.mb{padding:14px!important;max-width:calc(100vw - 16px)!important}
  table{font-size:11px!important}
  th,td{padding:5px!important}
}
@media (max-width:360px){
  body{padding:6px 4px!important}
  h1{font-size:16px!important}
  .hub-gri{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  .hub-bt{padding:10px 4px!important;min-height:72px!important}
  .hub-bt .ic{font-size:18px!important}
  .hub-bt .nm{font-size:9px!important}
}