/* Taking and choosing profile photos (static/js/photo-capture.js): the camera window, the picker on the application form, the button row */
.photo-cam { width: min(32rem, calc(100% - 1.5rem)); padding: .75rem; border: 0; border-radius: 16px; background: #0b1020; color: #fff; box-shadow: 0 30px 80px -20px rgb(0 0 0 / .8); }
.photo-cam::backdrop { background: rgb(5 7 15 / .65); }
.photo-cam__video { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: #000; }
.photo-cam__msg { margin: .75rem 0 0; color: #ffd45e; }
.photo-cam__bar { display: flex; gap: .6rem; margin-top: .75rem; }
.photo-cam__bar .button { flex: 1; justify-content: center; }
.photo-edit__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.photo-pick { position: relative; display: grid; place-items: center; width: 6.5rem; height: 6.5rem; flex: none; border-radius: 50%; overflow: hidden; background: var(--surface-2, #eceae4); border: 1px solid var(--border, #d9d2c4); color: var(--text-muted, #6b7080); }
.photo-pick img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.photo-pick svg { width: 2.4rem; height: 2.4rem; }
.org-logo { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 0 0 1rem; }
.org-logo img { display: block; max-width: 11rem; max-height: 5.5rem; object-fit: contain; border-radius: .5rem; background: #fff; padding: .4rem; border: 1px solid var(--border, #d9d2c4); }
.org-logo__none { display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: .75rem; background: var(--surface-2, #eceae4); color: var(--text-muted, #6b7080); }
.org-logo__none svg { width: 1.8rem; height: 1.8rem; }
.org-logo-sm { height: 2.2rem; width: auto; max-width: 8rem; object-fit: contain; border-radius: .35rem; background: #fff; padding: .15rem; }