/* v8 (Steeve : « réadapte la connexion dans le style du tableau de bord ») — pages Connexion / Inscription / Mot de passe oublié
   au style du tableau de bord QTouch : fond blanc, panneau gauche clair aux coins arrondis (comme le héros « Advertise where your
   customers live »), titres encre en Plus Jakarta Sans, champs à bord gris 12 px, bouton principal noir en pilule.
   Fichier CSS séparé (site existant hors Tailwind) chargé en dernier : il surcharge les règles en ligne de la page. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:is(#page-login,#page-signup,#page-forgot){--a8-ink:#1C1C1B;--a8-mute:#6E6E6A;--a8-line:#DDDDDD;background:#fff}
:is(#page-login,#page-signup,#page-forgot) .auth-wrap{background:#fff;font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}

/* panneau gauche : carte claire arrondie, comme le héros du tableau de bord */
:is(#page-login,#page-signup,#page-forgot) .auth-left{margin:16px;border-radius:32px;background:linear-gradient(180deg,#FBFBFA 0%,#F1F0EE 100%)!important;color:var(--a8-ink);padding:64px 56px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
:is(#page-login,#page-signup,#page-forgot) .auth-left::before{display:none}
:is(#page-login,#page-signup,#page-forgot) .auth-left-content{max-width:560px}
:is(#page-login,#page-signup,#page-forgot) .auth-left h1{font-family:inherit;font-size:clamp(36px,3.6vw,54px);font-weight:600;line-height:1.05;letter-spacing:-.035em;color:var(--a8-ink);margin-bottom:20px}
:is(#page-login,#page-signup,#page-forgot) .auth-left p{font-size:18px;line-height:1.55;color:var(--a8-mute)}

/* aperçu de fiche lieu : carte blanche posée, ombre douce, sans rotation */
:is(#page-login,#page-signup,#page-forgot) .auth-preview{left:56px;right:-60px;bottom:-24px;border-radius:28px;transform:none;box-shadow:0 30px 60px -24px rgba(28,28,27,.28),0 0 0 1px rgba(0,0,0,.05)}
:is(#page-login,#page-signup,#page-forgot) .auth-preview-inner{font-family:inherit;color:var(--a8-ink)}
:is(#page-login,#page-signup,#page-forgot) .auth-preview-img{border-radius:20px}
:is(#page-login,#page-signup,#page-forgot) .auth-preview-nav-icon.on{background:var(--a8-ink)}
:is(#page-login,#page-signup,#page-forgot) .auth-preview-title{font-weight:600;letter-spacing:-.02em}

/* colonne droite */
:is(#page-login,#page-signup,#page-forgot) .auth-right{background:#fff}
:is(#page-login,#page-signup,#page-forgot) .auth-card{max-width:420px;width:100%}
:is(#page-login,#page-signup,#page-forgot) .auth-back-public{height:36px;padding:0 14px;border:1px solid var(--a8-line);color:var(--a8-ink);font-size:14px;font-weight:600}
:is(#page-login,#page-signup,#page-forgot) .auth-back-public:hover{border-color:var(--a8-ink)}
:is(#page-login,#page-signup,#page-forgot) .auth-title{font-family:inherit;font-size:30px;font-weight:600;letter-spacing:-.025em;color:var(--a8-ink)}
:is(#page-login,#page-signup,#page-forgot) .auth-input{height:56px;padding:0 16px;border:1px solid #B0B0B0;border-radius:12px;font:500 16px/1 inherit;color:var(--a8-ink)}
:is(#page-login,#page-signup,#page-forgot) .auth-input:focus{border-color:var(--a8-ink);box-shadow:inset 0 0 0 1px var(--a8-ink);outline:none}
:is(#page-login,#page-signup,#page-forgot) .auth-btn{height:56px;padding:0;border-radius:999px;background:var(--a8-ink)!important;color:#fff;font:600 16px/1 inherit;box-shadow:none}
:is(#page-login,#page-signup,#page-forgot) .auth-btn:hover{background:#000!important}
:is(#page-login,#page-signup,#page-forgot) .auth-divider{color:var(--a8-mute);font-size:13px}
:is(#page-login,#page-signup,#page-forgot) .auth-soc-btn{height:48px;border-radius:999px;border:1px solid var(--a8-line)!important;background:#fff!important;color:var(--a8-ink)!important;font:600 14px/1 inherit;box-shadow:none}
:is(#page-login,#page-signup,#page-forgot) .auth-soc-btn:hover{border-color:var(--a8-ink)!important}
:is(#page-login,#page-signup,#page-forgot) .auth-links a{color:var(--a8-ink);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
:is(#page-login,#page-signup,#page-forgot) .auth-footer{color:#9A9A96}

/* mot de passe bêta (gate7.js) : même style que les champs, bouton noir */
:is(#page-login,#page-signup,#page-forgot) .bt7{border-top-color:#EBEBEB}
:is(#page-login,#page-signup,#page-forgot) .bt7 label{color:var(--a8-ink);font-size:14px;font-weight:600;letter-spacing:0}
:is(#page-login,#page-signup,#page-forgot) .bt7 input{height:56px;border:1px solid #B0B0B0;font:500 16px/1 inherit}
:is(#page-login,#page-signup,#page-forgot) .bt7 input:focus{border-color:var(--a8-ink);box-shadow:inset 0 0 0 1px var(--a8-ink)}
:is(#page-login,#page-signup,#page-forgot) .bt7 button{height:56px;padding:0 22px;border-radius:999px;background:var(--a8-ink)!important;color:#fff!important;font:600 15px/1 inherit}
:is(#page-login,#page-signup,#page-forgot) .auth-right::before,:is(#page-login,#page-signup,#page-forgot) .auth-right::after{display:none}
:is(#page-login,#page-signup,#page-forgot) .auth-left h1 br{display:none}