/* =============================================
   phone-signin.css — Phone number sign-in page
   Shared layout (.signin-*, loading overlay) lives in components.css.
   ============================================= */

/* CAMARA trust badge — accent pill */
.camara-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--color-accent-soft);
  color: var(--color-accent);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  padding: 6px 10px 6px 6px;
  border-radius: var(--radius-pill);
  align-self: flex-start;
}

.camara-badge__dot {
  width: 14px;
  height: 14px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
}