/* La connexion, avec auth.js du site des revendeurs : les règles viennent de web/web.css du Configurateur Tambour. */
/* ---- connexion : par-dessus la page tant qu'on n'est pas connecté ---- */
.auth{ position:fixed; inset:0; z-index:100; background:var(--paper); display:flex; align-items:center; justify-content:center; padding:20px; overflow:auto; }
.auth[hidden]{ display:none; }
body.auth-on{ overflow:hidden; }
.auth-card{ width:420px; max-width:100%; background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px; box-shadow:0 30px 80px -30px rgba(18,32,50,.35); }
.auth-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.auth-logo{ height:38px; display:block; }
.auth-card h1{ font-family:'Geist',sans-serif; font-size:22px; line-height:1.2; margin-bottom:6px; }
.auth-sub{ color:var(--soft); margin-bottom:18px; line-height:1.5; }
.auth-card label{ display:block; font-weight:600; font-size:13px; color:var(--soft); margin-bottom:14px; }
.auth-card input{ display:block; width:100%; margin-top:6px; padding:11px 12px; border:1px solid var(--line); border-radius:10px; font-size:15px; color:var(--ink); }
.auth-card input:focus{ outline:none; border-color:var(--primary); }
.auth-card input[name="code"]{ font-family:'Geist',sans-serif; font-size:22px; letter-spacing:.3em; text-align:center; }
.auth-err{ min-height:18px; color:var(--danger); font-weight:600; font-size:13px; margin:-4px 0 10px; }
.auth-note{ margin-top:16px; color:var(--faint); font-size:12.5px; line-height:1.5; }
.auth-note code{ font-family:'Geist',sans-serif; color:var(--ink); word-break:break-all; }
.auth-qr{ display:block; width:200px; height:200px; margin:0 auto 6px; border:1px solid var(--line); border-radius:12px; padding:8px; background:#fff; }
.link-btn{ border:0; background:none; color:var(--primary-deep); font-weight:600; padding:0; }

.auth-card .btn-primary{ background:var(--primary); border:1px solid var(--primary); color:#fff; padding:11px 14px; border-radius:10px; font-weight:600; font-size:14px; }
.auth-card .btn-primary:hover:not(:disabled){ background:var(--primary-deep); border-color:var(--primary-deep); }
.auth-card .btn-block{ display:block; width:100%; }
.lang-sw{ display:inline-flex; background:var(--sunken); border-radius:8px; padding:2px; }
.lang-sw button{ padding:4px 9px; border-radius:6px; font-size:12px; font-weight:600; color:var(--soft); }
.lang-sw button.on{ background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(18,32,50,.14); }

/* Le logo du revendeur, à côté de LOGIMATIQ */
.entete.topbar{ display:flex; align-items:center; gap:10px; }
.topbar .brand-rev{ height:38px; border-radius:7px; display:block; }
.topbar .brand.brand-petit{ height:22px; opacity:.9; }