/* EuroTim AI — globalna mobilna prilagodba (uključuje se na SVIM stranicama,
   nakon stilova stranice; vrijedi samo ispod 760px pa desktop ne dira). */
@media (max-width: 760px){

  /* iOS Safari ne zumira automatski u polje ako je font barem 16px */
  input, select, textarea { font-size: 16px !important; }
  button { min-height: 40px; }

  /* svi inline CSS grid-ovi (forme u 2-4 kolone) → jedna kolona */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  /* parovi labela-vrijednost ostaju dvokolonski ali uži */
  .kv2 { grid-template-columns: 110px 1fr !important; }

  /* tablice se skrolaju unutar svog okvira umjesto da razvlače stranicu */
  .card table, .tbl table, .msg table { display: block; overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  th, td { padding: 7px 8px !important; }

  /* modali gotovo preko cijelog ekrana */
  .modal { padding: 10px 6px !important; }
  .modal .box, .box { max-width: 100% !important; padding: 14px !important; }

  /* plutajući AI chat preko cijele širine */
  #chat-box { width: auto !important; right: 6px !important; left: 6px !important;
    bottom: 74px !important; }
  #chat-log { max-height: 55vh !important; }

  /* filtri, statistike i akcijski gumbi se slažu */
  .filtri > div { flex: 1 1 100% !important; }
  .filtri input, .filtri select { width: 100%; }
  .stats .st, .st { flex: 1 1 44%; min-width: 0 !important; }
  .akcije button, .btn-row button { flex: 1 1 auto; }

  /* rubovi stranice */
  .wrap, .container { padding-left: 10px !important; padding-right: 10px !important; }
  h1 { font-size: 19px !important; }
}