/* Écran d'entrée — première chose que voit un visiteur non connecté sur /app.
   Superposition plein écran : elle ne remplace pas la coque, elle la couvre, pour
   pouvoir disparaître sans rien remonter. */
.wc{position:fixed;inset:0;z-index:8000;background:var(--bg,#fff);display:flex;
  flex-direction:column;justify-content:flex-end;
  padding:0 22px calc(28px + env(safe-area-inset-bottom));
  opacity:1;transition:opacity .28s ease}
.wc[hidden]{display:none}
.wc.out{opacity:0;pointer-events:none}
.wc-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.wc-art img{width:132px;height:132px;border-radius:32px;object-fit:cover}
.wc h1{font-size:27px;line-height:1.18;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}
.wc p{font-size:14.5px;line-height:1.5;color:var(--ink-2,#6b6663);margin:0 0 22px}
.wc-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  min-height:52px;margin-bottom:10px;border-radius:14px;border:1px solid var(--line,rgba(0,0,0,.1));
  background:#fff;color:var(--ink,#151110);font-family:inherit;font-size:15.5px;font-weight:700;
  cursor:pointer;padding:0 18px}
.wc-btn:active{transform:scale(.99)}
.wc-btn.mail{background:var(--red,#e8352b);border-color:transparent;color:#fff}
.wc-btn svg{width:19px;height:19px;flex:none}
.wc-skip{display:block;margin:14px auto 0;background:none;border:0;padding:8px;
  font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink-3,#8a8380);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wc-skip[hidden]{display:none}
/* Le bouton Google réel est rendu par la bibliothèque Google dans ce conteneur.
   Il n'apparaît que si /api/auth/providers annonce google:true. */
.wc-gsi{margin-bottom:10px;display:flex;justify-content:center;min-height:52px}
.wc-gsi:empty{display:none}
/* Tant que l'écran d'entrée est visible, le bandeau/modale d'installation PWA
   (z-index 9999+, injectés par pwa-install.js) est re-glissé hors écran : il recouvrait
   le bouton e-mail et le lien de sortie. Même mécanisme que html.co-open (sheet.css). */
html.wc-open .pwa-banner{transform:translateY(200%)!important;pointer-events:none}
html.wc-open .pwa-modal{opacity:0!important;pointer-events:none}