/* Face ID de l'app Stratenzer : invitation du tableau de bord et bloc des Reglages (rempli par stratenzer-lock.js).
 * Le voile de verrouillage a son style en ligne dans base_site.html (il doit exister avant le premier rendu). */
.sd__lock .sd__push-go.is-loading, .sd__lock .is-loading, .sz-lock .is-loading { opacity: .6; pointer-events: none; }
.sd__lock-note { color: #B3261E; font-size: 13px; }
.sz-lock[hidden], .sz-lock [hidden] { display: none !important; }
.sz-lock__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0; font-size: 14px; }
.sz-lock__row select { padding: 8px 10px; border: 1px solid var(--sz-border, #E2E6EC); border-radius: 10px; background: #fff; font-size: 14px; }
.sz-lock__sub { margin: 16px 0 6px; font-size: 14px; font-weight: 600; }
.sz-lock__device { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid var(--sz-border, #E2E6EC); }
.sz-lock__info { display: flex; flex-direction: column; min-width: 0; font-size: 14px; }
.sz-lock__info span { color: #8A9099; font-size: 13px; }
.sz-lock__remove { flex: none; padding: 6px 12px; }

/* Page de connexion : bouton « Se connecter avec Face ID », visible seulement quand un jeton est range dans l'app */
.st-faceid[hidden] { display: none !important; }
.st-faceid { display: flex; flex-direction: column; gap: 6px; }
.st-faceid__btn { background: var(--brand-night, #0B2D5B) !important; color: #fff !important; border-color: var(--brand-night, #0B2D5B) !important; }
.st-faceid__btn.is-loading { opacity: .6; pointer-events: none; }
.st-faceid__note { color: #B3261E; font-size: 13px; text-align: center; min-height: 1.2em; }