/* Écrans d'accès : formulaire seul sur mobile, panneau de marque + formulaire sur ordinateur */
.v12-aT{ min-height:100vh; display:grid; grid-template-columns:minmax(0,1fr); place-items:center; padding:24px 16px; gap:24px; }
.v5-aF{ width:min(460px,100%); padding:32px; }
.v5-aF.m-wD{ width:min(560px,100%); }
.v17-aS{ display:none; }
@media (min-width:960px){
  .v12-aT{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); padding:16px; place-items:stretch; max-width:1480px; margin:0 auto; }
  .v17-aS{ display:flex; flex-direction:column; justify-content:space-between; gap:40px; border-radius:32px; padding:48px; }
  .v6-aM{ display:grid; place-items:center; padding:24px; }
  .v5-aF{ padding:40px; }
}
.v17-aS h2{ font-size:clamp(2rem,3.2vw,3rem); line-height:1.08; letter-spacing:-.03em; margin:0; font-weight:700; }
.v1-pL{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.v-pL{ background:rgba(255,255,255,.08); border-radius:20px; padding:18px; display:flex; flex-direction:column; gap:6px; }
.v-pL b{ font-size:15px; } .v-pL span{ color:rgba(255,255,255,.65); font-size:13px; line-height:1.45; }
.v-pI{ width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.12); margin-bottom:4px; }
.v-pI i{ color:#fff; font-size:16px; }
.c1-cH.v-oH{ background:rgba(255,255,255,.12); color:#fff; }
.v4-bL{ width:52px; height:52px; border-radius:16px; background:#fff; display:grid; place-items:center; box-shadow:0 1px 2px rgba(16,24,40,.06); flex:none; }
.v4-bL img{ width:34px; height:34px; object-fit:contain; display:block; }
[data-theme=dark] .v4-bL{ background:#f3f5f8; box-shadow:none; }
.v17-aS .v4-bL{ background:#fff; }
.v-eR{ background:rgb(var(--bad-rgb)/.1); color:var(--bad); padding:12px 16px; border-radius:14px; font-weight:500; }
.v1-oM{ background:rgb(var(--ok-rgb)/.12); color:var(--ok); padding:12px 16px; border-radius:14px; font-weight:600; }
.v5-sL{ margin:0; padding-left:20px; line-height:1.7; }
.v5-sL code, .v12-aT code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12.5px; background:var(--surface-2); padding:2px 6px; border-radius:6px; }
/* Notes de version (page de connexion) */
.v17-aS.v-nW{ justify-content:flex-start; gap:28px; max-height:calc(100vh - 32px); position:sticky; top:16px; }
.v1-nT{ display:flex; align-items:center; gap:16px; }
.v-nK{ font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.v17-aS.v-nW h2{ font-size:clamp(1.8rem,2.6vw,2.4rem); }
.v-nL{ flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column; gap:12px; padding:0 6px 32px 0; margin-right:-6px;
  scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.25) transparent;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 40px), transparent); mask-image:linear-gradient(#000 calc(100% - 40px), transparent); }
.v1-nR{ background:rgba(255,255,255,.07); border-radius:20px; padding:16px 18px; }
.v1-nR.s-lT{ background:rgba(255,255,255,.14); }
.v1-nH{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.v1-nH b{ font-size:15.5px; }
.v-nV{ font-size:12px; font-weight:700; padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.16); font-variant-numeric:tabular-nums; }
.v1-nN{ font-size:11.5px; font-weight:700; padding:3px 9px; border-radius:999px; background:#f9a825; color:#1b2a4a; }
.v2-nD{ margin-left:auto; font-size:12.5px; color:rgba(255,255,255,.6); white-space:nowrap; }
.v1-nR ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.v1-nR li{ display:flex; gap:10px; align-items:flex-start; font-size:13.5px; line-height:1.45; color:rgba(255,255,255,.86); }
.v1-nR li i{ width:16px; text-align:center; margin-top:3px; font-size:12.5px; color:rgba(255,255,255,.6); flex:none; }