/* KJ Docente V3.3 — ajustes de uso táctil y pantalla completa en iPad.
   Este archivo no modifica la lógica de evaluación ni los registros del docente. */
html { -webkit-text-size-adjust: 100%; }
@supports (padding: env(safe-area-inset-top)) {
  .auth-gate {
    padding-top: max(20px, env(safe-area-inset-top));
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }
  .modalbg {
    padding-top: max(12px, env(safe-area-inset-top));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
  .toast {
    bottom: calc(18px + env(safe-area-inset-bottom));
    right: max(18px, env(safe-area-inset-right));
  }
  @media (max-width: 950px) {
    .main {
      padding-left: max(14px, env(safe-area-inset-left));
      padding-right: max(14px, env(safe-area-inset-right));
      padding-bottom: calc(105px + env(safe-area-inset-bottom));
    }
    .stickyHelp { bottom: calc(88px + env(safe-area-inset-bottom)); }
  }
}
@supports (height: 100dvh) {
  .auth-gate { min-height: 100dvh; }
  .modal { max-height: min(90dvh, calc(100dvh - 28px)); }
}
@media (pointer: coarse) {
  .nav button, .btn, .tab, .kj-nem-tabs button,
  .kj-auth-back, .kj-auth-links button, .mobileNav button,
  .close, .choice, .textbutton { min-height: 44px; }
  input:not([type="checkbox"]):not([type="radio"]),
  select, textarea { font-size: max(16px, 1em); }
  .kj-notebook-check, .kj-check-part { min-height: 46px; }
}
.tablewrap, .tabs, .nav, .modal { -webkit-overflow-scrolling: touch; }
.kj-ipad-install { margin-top: 15px; padding: 12px 14px; background: #f7f5ff; border: 1px solid #e4defa; border-radius: 14px; text-align: left; color: #5d568b; font-size: 12px; line-height: 1.6; }
.kj-ipad-install summary { cursor: pointer; font-weight: 800; color: #584ab0; padding: 3px; }
.kj-ipad-install ol { margin: 10px 0 4px; padding-left: 19px; }
.kj-ipad-install li { margin-bottom: 5px; }
.kj-ipad-install p { margin: 8px 0 0; color: #6b6980; }