/* Face + password sign-in: the Caligrafy camera look comes from public/css/camera.css; only what it has no class for is here */

/* the live camera stays visible, softly blurred, behind the sheet */
.cq-camera-backdrop { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* the sheet's buttons are full width: keep a little space between stacked ones */
.cq-camera-sheet .cq-camera-button + .cq-camera-button { margin-top: 10px; }

.faceauth-or {
  display: flex; align-items: center; gap: 12px; margin: 16px 0 8px;
  font-size: 13px; color: var(--cq-camera-sheet-muted);
}
.faceauth-or::before, .faceauth-or::after { content: ''; flex: 1; height: 1px; background: var(--cq-camera-field-border); }

.cq-camera-sheet p.faceauth-hint { margin: -6px 0 14px; font-size: 13px; }
.cq-camera-sheet p.faceauth-note { margin: 10px 0 0; font-size: 13px; }
.cq-camera-sheet p.faceauth-status { margin: 12px 0 0; color: var(--cq-camera-sheet-ink); }
.cq-camera-sheet p.faceauth-switch { margin: 20px 0 0; text-align: center; }
.cq-camera-sheet p.faceauth-switch .cq-camera-link { color: var(--cq-camera-sheet-ink); text-decoration: underline; text-underline-offset: 3px; }

.cq-camera-sheet p.faceauth-badge {
  display: inline-block; margin: 0 0 20px; padding: 4px 10px; font-size: 13px; font-weight: 500;
  border: 1px solid var(--cq-camera-field-border); border-radius: var(--cq-camera-radius);
}
.cq-camera-sheet p.faceauth-badge.is-on { background: var(--cq-camera-sheet-ink); color: var(--cq-camera-sheet-bg); border-color: var(--cq-camera-sheet-ink); }