/* Camera capture (CameraCapture.jsx): the dialog, and the photo row at the
   top of Create New Client. Above the console's own dialogs (Edit profile). */
.camera-overlay{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.camera-card{width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--surface-1);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden}
.camera-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.camera-head h2{margin:0;font-size:18px;font-weight:650;color:var(--text-hi)}
.camera-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--text-mid);cursor:pointer}
.camera-close:hover{background:var(--surface-2);color:var(--text-hi)}
.camera-stage{position:relative;aspect-ratio:4/3;background:#000;flex:1 1 auto;min-height:0}
.camera-stage video,.camera-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.camera-stage video.camera-mirror{transform:scaleX(-1)}
.camera-guide{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:3/4;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.45);border-radius:50%;pointer-events:none}
.camera-msg{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#ddd;font-size:14px;line-height:1.6}
.camera-error{color:#ffb4ab}
.camera-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 20px}
.camera-actions>:first-child:not(:last-child):not(:nth-last-child(2)){margin-right:auto}
.new-client-photo{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.ncp-avatar{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--surface-2);color:var(--text-lo)}
.ncp-avatar img{width:100%;height:100%;object-fit:cover}
.ncp-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.ncp-label{font-size:var(--fs-small);font-weight:600;color:var(--text-mid)}.ncp-label span{font-weight:400;color:var(--text-lo)}
.ncp-actions{display:flex;flex-wrap:wrap;gap:8px}
.ncp-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:999px;background:var(--surface-2);color:var(--text-hi);font:inherit;font-size:12px;cursor:pointer}
.ncp-btn:hover{background:var(--surface-3)}
.ncp-btn:focus-visible,.camera-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ncp-remove{color:var(--danger);background:transparent}
/* Edit profile: "Upload photo" and "Take photo" side by side, the file name under them. */
div:has(> [data-take-photo]){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
div:has(> [data-take-photo]) > ._fileName_no6ht_5{order:3;flex-basis:100%}