/* Guide Tsion.T — écran d'accès voyageurs */
:root{--navy:#002868; --navy-dark:#04122B; --gold:#E09A00; --gold-light:#F5C542;
  --panel:#FFFFFF; --ink:#10213F; --muted:#5A6B82; --line:#CFDAEA; --red:#C8243A}

*,*::before,*::after{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%;background:var(--navy);color:#fff;
  font-family:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
  padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);
  display:flex;align-items:center;justify-content:center}
@media (prefers-color-scheme:dark){body{background:var(--navy-dark)}}

.tsa-wrap{width:100%;max-width:26rem;padding:2rem 1.25rem 2.5rem;text-align:center}
.tsa-logo{display:block;width:100%;max-width:260px;height:auto;margin:0 auto 1rem}
.tsa-marque{font-size:1.5rem;font-weight:800;letter-spacing:.04em;margin:0 0 1rem}

.tsa-wrap h1{margin:0 0 .35rem;font-size:1.45rem;font-weight:800;line-height:1.2}
.tsa-intro{margin:0 0 1.6rem;font-size:.92rem;line-height:1.5;color:var(--gold-light)}

.tsa-erreur{margin:0 0 1rem;padding:.8rem .9rem;border-radius:12px;text-align:left;
  background:rgba(200,36,58,.18);border-left:4px solid #FF8A9B;font-size:.92rem;line-height:1.45}

.tsa-form{display:flex;flex-direction:column;gap:.35rem;text-align:left}
.tsa-form label{font-size:.9rem;font-weight:700;margin-top:.4rem;text-align:center;color:rgba(255,255,255,.9)}
.tsa-form input{width:100%;min-height:52px;border:2px solid transparent;border-radius:14px;
  background:var(--panel);color:var(--ink);padding:.7rem .9rem;
  font:700 1.1rem/1.2 "Bricolage Grotesque",system-ui,sans-serif;
  /* 16 px minimum : évite le zoom automatique d'iOS à la saisie. */
  font-size:max(16px,1.1rem)}
.tsa-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,154,0,.3)}
#tsa-code{letter-spacing:.42em;text-align:center;font-size:max(16px,1.8rem);font-weight:800;
  padding-left:.42em /* compense le crénage, le texte reste centré */}
.tsa-form button{margin-top:1.2rem;min-height:52px;border:0;border-radius:999px;cursor:pointer;
  background:var(--gold);color:#10213F;
  font:800 1.05rem "Bricolage Grotesque",system-ui,sans-serif;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.tsa-form button:active{transform:scale(.98)}
.tsa-form button:focus-visible{outline:3px solid #fff;outline-offset:2px}

.tsa-aide{margin:1.4rem 0 0;font-size:.85rem;line-height:1.5;color:rgba(255,255,255,.72)}
.tsa-pied{margin:2rem 0 0;font-size:.8rem;color:rgba(255,255,255,.5)}
.tsa-pied strong{color:var(--gold)}

@media (max-width:360px){
  .tsa-wrap{padding:1.5rem 1rem 2rem}
  .tsa-wrap h1{font-size:1.3rem}
  .tsa-logo{max-width:210px}
}