/* Logowanie, profil i studio na telefonie: ta sama skala czcionek co strona
   główna od v178 (viewer-console.css) i mniej pustego miejsca na stronie
   logowania (v179). Arkusz ładowany tylko przez auth.html, profile-mobile.html
   i studio-mobile.html (9 języków). Do 767 px; szerzej bez zmian.
   Reguły z !important, bo nadpisują klasy Tailwinda. Pola formularzy są
   wyłączone ze skali (:not(input)...): zostaje ich dotychczasowy rozmiar, bo
   iPhone powiększa stronę przy polu z czcionką poniżej 16 px. */
@media (max-width: 767px) {
  /* Skala czcionek: każdy stopień o ok. 1-2 px w dół, najmniejszy 11 px. */
  body .text-body-lg:not(input):not(textarea):not(select) { font-size: 14px !important; line-height: 20px !important; }
  body .text-body-md:not(input):not(textarea):not(select) { font-size: 13px !important; line-height: 19px !important; }
  body .text-body-sm:not(input):not(textarea):not(select) { font-size: 12px !important; line-height: 17px !important; }
  body .text-xs:not(input):not(textarea):not(select) { font-size: 11.5px !important; line-height: 15px !important; }
  body .text-sm:not(input):not(textarea):not(select) { font-size: 13px !important; line-height: 18px !important; }
  body .text-base:not(input):not(textarea):not(select) { font-size: 14px !important; line-height: 20px !important; }
  body .text-label-md:not(input):not(textarea):not(select) { font-size: 12px !important; line-height: 16px !important; }
  body .text-label-sm { font-size: 11px !important; line-height: 14px !important; }
  body .text-code-metric { font-size: 11.5px !important; line-height: 15px !important; }
  body .text-title-md { font-size: 14.5px !important; line-height: 19px !important; }
  body .text-headline-sm { font-size: 15px !important; line-height: 20px !important; }
  body .text-headline-md { font-size: 18px !important; line-height: 23px !important; }
  main h1.text-headline-md, main h1.text-headline-lg { font-size: 21px !important; line-height: 26px !important; }
  /* Ikony w tekście tytułów zostają w swoim rozmiarze (klasa text-lg itd.). */

  /* ---------- logowanie (auth.html) ---------- */
  body > header > div.h-16 { height: 54px !important; }
  body > main.flex-grow { padding-top: 14px !important; padding-bottom: 14px !important; }
  body > main.flex-grow > div > .text-center.mb-8 { margin-bottom: 14px !important; }
  body > main.flex-grow > div > .text-center.mb-8 > div:first-child { margin-bottom: 6px !important; }
  body > main.flex-grow > div > .grid.gap-8 { gap: 14px !important; }
  body > main.flex-grow section.gap-6 { gap: 12px !important; }
  body > main.flex-grow .p-6 { padding: 16px !important; }
  body > main.flex-grow .p-5 { padding: 14px !important; }
  body > main.flex-grow .mb-5 { margin-bottom: 12px !important; }
  body > main.flex-grow .mb-4 { margin-bottom: 10px !important; }
  body > main.flex-grow ul.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
  body > main.flex-grow .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 14px !important; }
  body > main.flex-grow form.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
  body > main.flex-grow .mt-6.pt-5 { margin-top: 14px !important; padding-top: 12px !important; }
  body > main.flex-grow [id^="tab-btn-"] { padding-top: 8px !important; padding-bottom: 8px !important; }
  body > footer > div.py-8 { padding-top: 18px !important; padding-bottom: 18px !important; gap: 12px !important; }

  /* ---------- profil (profile-mobile.html) ---------- */
  main.pt-4.space-y-4 { padding-top: 12px !important; }
  main.pt-4.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
}