/* v1.271.0 (Przemek, 2026-11-10): WORKVEO na telefonie zawsze na szerokość ekranu, bez powiększonej i uciętej z prawej strony.
   Wczytywany jako ostatni arkusz (static/index.html, static/wizyta.html), żeby poprawiał wszystkie wcześniejsze. */

/* iPhone nie powiększa tekstu sam po obróceniu telefonu; szybkie podwójne dotknięcie (np. przycisków czy kodu) nie powiększa
   strony – powiększanie dwoma palcami zostaje */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}

/* nic nie przesuwa strony w bok: to, co mimo wszystko wystaje poza ekran, jest ucięte zamiast poszerzać stronę
   (szerokie tabele dalej przewijają się w poziomie w swoich ramkach). „clip” nie psuje przyklejonego nagłówka. */
html{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}

/* iPhone powiększa stronę po dotknięciu pola z tekstem mniejszym niż 16 px (wyszukiwarka, data, kwota…) i zostaje
   powiększona po schowaniu klawiatury. Na telefonie i tablecie pola mają więc co najmniej 16 px.
   :where() – siła reguły taka jak „input” w style.css, więc pola celowo większe (17–30 px) zostają większe. */
@media (max-width:760px),(pointer:coarse){
  input:where(:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit],[type=reset],[type=image])),
  select,textarea{font-size:16px}
  /* pola, którym arkusze dały 13–15 px */
  .emp-sort select,.emp-acts select,.rc-basis select,.co-lx select,.co-inv-copy input,.od-tform textarea,
  .bk-day-nav input[type=date],.bk-t input,.bk-t select,.grp-card select,.pe-card select{font-size:16px}
  .grp-card input:not([type=radio]):not(.g-l),.pe-card input:not([type=checkbox]):not([type=radio]){font-size:16px}
  .bk-svc input.n,.pe-card .bk-svc input.n:not([type=checkbox]){font-size:16px}
  .ei-tab input:not([type=checkbox]),.ei-tab select{font-size:16px}
}

/* siatki dwóch i trzech kolumn i formularze na telefonie: kolumna nie szersza niż ekran (dotąd długi tekst w tabeli
   „Warto wiedzieć” karty rozliczenia albo pole „Wybierz plik” w „Ofertach” poszerzały stronę) */
@media (max-width:800px){
  .grid2,.grid3{grid-template-columns:minmax(0,1fr)}
  .grid2>*,.grid3>*,.form>*{min-width:0}
  input[type=file]{max-width:100%}
}
@media (max-width:760px){
  .facts td.num{white-space:normal}
  .minical{grid-template-columns:repeat(7,minmax(0,1fr))}   /* kalendarz karty: 7 dni zawsze mieści się w szerokości */
  .minical div{padding:3px 2px}
}