/* PGD Ljutomer V3.3.5 – PWA / MOBILE ONLY
   Ne spreminja login logike ali podatkovnih struktur. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-width:0;
}
button,input,select,textarea{
  touch-action:manipulation;
}
img,canvas,svg{
  max-width:100%;
}
@media (max-width: 1100px){
  .app-shell,.content,.main,.main-content{
    min-width:0 !important;
    max-width:100% !important;
  }
  .modal-card,.modal-wide,.dialog,.dialog-card{
    max-width:calc(100vw - 24px) !important;
    width:min(96vw, 900px) !important;
  }
  .actions,.toolbar,.top-actions,.header-actions{
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  table{
    max-width:100%;
  }
}
@media (max-width: 760px){
  body{
    overflow-x:hidden;
  }
  input,select,textarea,button{
    font-size:16px;
  }
  .loginBox,.login-box{
    width:94vw !important;
    max-width:460px !important;
    padding:18px !important;
  }
  .loginLogo,.login-logo{
    max-width:150px !important;
    max-height:150px !important;
  }
  .card,.panel,.tile,.module-card{
    min-width:0 !important;
  }
  .grid,.cards,.tiles{
    grid-template-columns:1fr !important;
  }
  .table-wrap,.table-container,.scroll-x{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
}
@media (max-width: 520px){
  .modal-card,.modal-wide,.dialog,.dialog-card{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    margin:6px !important;
  }
  .btn,button{
    min-height:42px;
  }
}