/* Selfie capture field. */

/* Selfie field */
.selfie { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: center; }
.selfie__preview {
  width: 96px; height: 96px; border-radius: 18px; overflow: hidden; display: grid; place-items: center;
  background: #F6EEDC; border: 1.5px dashed var(--gold); color: var(--gold-deep);
}
.selfie__preview img { width: 100%; height: 100%; object-fit: cover; }
.selfie__preview svg { width: 34px; height: 34px; }
.selfie__text { margin: 0 0 10px; font-size: 13.5px; color: var(--muted); }
.selfie__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.selfie__actions .btn { min-height: 42px; padding: 0 16px; font-size: 14.5px; }
.field.is-invalid .selfie__preview { border-color: var(--danger); }
.file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }