#nav-avatar img, #dash-user-avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
#profile-photo-dialog { margin:auto; max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; width:min(440px, calc(100% - 32px)); border:1px solid #d8dee5; border-radius:16px; padding:24px; background:#fff; color:#20262c; box-shadow:0 24px 80px #0005; }
#profile-photo-dialog::backdrop { background:#10182099; }
#profile-photo-dialog h2 { margin:0 0 12px; font-size:21px; }
#profile-photo-dialog p { font-size:14px; line-height:1.5; }
#profile-photo-preview { width:128px; height:128px; margin:20px auto; border-radius:50%; overflow:hidden; background:#dbeafa; display:flex; align-items:center; justify-content:center; font-size:36px; color:#1d598b; }
#profile-photo-preview img { width:100%; height:100%; object-fit:cover; }
#profile-photo-dialog label { display:block; margin-bottom:8px; font-weight:600; }
#profile-photo-file { width:100%; }
.profile-photo-actions { display:flex; flex-wrap:wrap; gap:8px; }
.profile-photo-actions button { padding:10px 14px; border-radius:8px; border:1px solid #d8dee5; background:white; color:#20262c; cursor:pointer; }
#profile-photo-save { background:#e91520; color:white; border-color:#e91520; }
.profile-photo-actions button:disabled { opacity:.5; cursor:default; }
#profile-photo-dialog :focus-visible { outline:3px solid #4597dc; outline-offset:3px; }