/* Cele dotyku na telefonie i tablecie (≥ 44 px) — wspólne dla panelu, logowania, ekranów uczestnika i kadry.
   Ładowane na końcu <head> (base.html, plain.html), więc nadpisuje kompaktowe rozmiary z panel.css. Na komputerze
   z myszą (szeroki ekran, pointer: fine) wygląd zostaje bez zmian, poza paskiem „Zapoznałem/am się”. */

/* Pasek potwierdzenia materiału: .panel-ui .btn (38 px) nie może zmniejszać głównego przycisku. */
.panel-ui .tr-ackbar__btn { min-height: 46px; }
.panel-ui .tr-viewer-nav .btn { min-height: 44px; display: inline-flex; align-items: center; }

/* Wiersz oświadczenia szkolenia: cały wiersz jest klikalny (kluczowy krok ukończenia). */
.panel-ui .tr-confirm__check { min-height: 48px; padding: 12px 14px; border: 1px solid #d8dcdf; border-radius: 8px; background: #fff; align-items: center; }
.panel-ui .tr-confirm__check .form-check-label { flex: 1; padding-top: 0; }
.panel-ui .tr-confirm__check .form-check-input { float: none; }
.panel-ui .tr-confirm__check:has(.form-check-input:checked) { border-color: var(--avallo-primary, #8b1d3f); background: #fbf4f6; }

@media (pointer: coarse), (max-width: 575.98px) {
  /* Menu, wylogowanie, zamykanie karty instalacji. */
  .panel-icon-button { width: 44px; height: 44px; }
  .pwa-card__close, .pwa-dialog__x { width: 44px; height: 44px; }
  .panel-ui .btn, .panel-ui .btn-sm, .panel-ui label.btn { min-height: 44px; }
  .panel-ui .btn-sm { padding-top: 10px; padding-bottom: 10px; display: inline-flex; align-items: center; justify-content: center; }
  .panel-ui .btn-close { width: 44px; height: 44px; padding: 0; background-position: center; }
  .panel-ui .dropdown-item { min-height: 44px; display: flex; align-items: center; }
  /* Pola wyboru z etykietą: wyższy wiersz, a etykieta jest celem dotyku. */
  .panel-ui .form-check { min-height: 44px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; }
  .panel-ui .form-check .form-check-input { width: 20px; height: 20px; margin-top: 0; }
  .panel-ui .form-check-label { padding-left: 4px; }
  .panel-ui details > summary { min-height: 44px; padding-top: 11px; padding-bottom: 11px; }
  /* Filtry i linki tekstowe: „Karta osoby”, „Wysyłki”, powrót, okruszki w górnym pasku. */
  .st-chip { min-height: 44px; padding: 10px 14px; }
  .panel-ui .st-delivery__more, .panel-ui .st-card-link, .panel-ui td a.small { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
  .panel-back a { display: inline-flex; align-items: center; min-height: 44px; }
  .panel-ui .st-share__target a, .panel-ui dd > a[href^="mailto:"] { display: inline-flex; align-items: center; min-height: 44px; }
  /* Radio i pola wyboru w dużych etykietach (sposób wysyłki, lista osób): celem jest cała etykieta, kontrolka
     tylko widoczniejsza. */
  .st-mode .form-check-input, .st-pick-row .form-check-input { width: 20px; height: 20px; }
  .panel-topbar-context > a { display: inline-flex; align-items: center; min-height: 44px; }
  /* Logowanie: pokaż hasło i „Nie pamiętam hasła?”. */
  .tr-login-ui .password-toggle { width: 44px; height: 44px; right: 0; }
  .tr-login-ui .password-field .form-control { padding-right: 50px; }
  .tr-login-ui .login-hint { font-size: 13px; line-height: 1.5; }
  .tr-login-ui .login-hint a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: 14px; font-weight: 600; }
  .tr-login-ui .btn { min-height: 44px; }
}