.avatar.user-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24%;flex-shrink:0;background:var(--surface2);color:#9aa6b6;width:34px;height:34px}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar svg{width:100%;height:100%;display:block}.profile .user-avatar{width:36px;height:36px;border-radius:24%}.profile-settings{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;flex:1;padding:0;color:inherit}.profile-settings:hover .profile-name{color:var(--blue)}.avatar-editor{display:flex;align-items:center;gap:20px;padding:4px 0 16px}.avatar-editor .avatar-large{width:88px;height:88px}.avatar-editor .stack{gap:8px;align-items:flex-start}.avatar-upload{position:relative;overflow:hidden;cursor:pointer}.avatar-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:0}.avatar-upload:focus-within{outline:2px solid var(--blue);outline-offset:3px}.direct-layout .message.user>.user-avatar{width:29px;height:29px}.avatar-editor [hidden]{display:none}@media(max-width:600px){.profile .profile-settings{flex:none}.profile .user-avatar{width:30px;height:30px}.avatar-editor{gap:14px}.avatar-editor .avatar-large{width:72px;height:72px}}

.direct-layout .message.assistant>.bot-avatar{width:32px;height:32px;background:var(--blue-soft)}
dialog.profile-modal{width:420px;overflow:auto}.profile-modal .modal-head{padding:22px 24px 8px;border-bottom:0;align-items:center}.profile-modal .modal-head h2{font-size:18px;line-height:1.35}.profile-modal .modal-body{padding:18px 28px 8px}.profile-modal .profile-avatar-editor{display:flex;flex-direction:column;gap:18px;padding:0;text-align:center}.profile-modal .avatar-large{width:104px;height:104px;border:4px solid var(--surface);box-shadow:0 0 0 1px var(--border),0 8px 24px #19478312;background:var(--surface2)}.profile-identity{width:100%;min-width:0}.profile-identity h3{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.profile-identity p{font-size:12px;color:var(--muted);margin:5px 0 10px;overflow-wrap:anywhere}.profile-modal .avatar-editor-controls{width:100%;align-items:stretch;gap:10px}.profile-modal .avatar-upload{justify-content:center;min-height:42px}.profile-modal [data-remove-avatar]{border:0;background:transparent;color:var(--muted);padding:4px}.profile-modal .avatar-editor-controls small{font-size:11px;margin-top:2px}.profile-modal .avatar-status:empty{display:none}.profile-modal .avatar-status{line-height:1.5;margin:0}.profile-modal .modal-foot{padding:18px 28px 24px}.profile-modal .modal-foot .btn{width:100%;justify-content:center;background:var(--surface2)}@media(max-width:420px){dialog.profile-modal{max-width:calc(100vw - 28px)}.profile-modal .modal-head{padding:18px 20px 8px}.profile-modal .modal-body{padding:14px 22px 8px}.profile-modal .modal-foot{padding:16px 22px 20px}.profile-modal .avatar-large{width:92px;height:92px}}
dialog.user-modal{width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:hidden}.user-modal #user-form{display:flex;flex-direction:column;max-height:calc(100dvh - 40px)}.user-modal .modal-head{flex-shrink:0;padding:22px 26px 18px}.user-modal .modal-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 26px;gap:18px}.user-modal .form-grid>.wide{grid-column:1/-1}.user-modal .avatar-editor{padding:16px 18px;background:var(--surface2);border:1px solid var(--border);border-radius:16px;gap:20px}.user-modal .avatar-large{width:76px;height:76px;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.user-modal .avatar-editor-controls{flex:1}.user-modal .avatar-editor-controls small{font-size:11px}.user-modal .machine-denials{margin:0;border:1px solid var(--border);border-radius:12px;padding:14px}.user-modal .machine-denials legend{font-weight:600;padding:0 5px}.user-modal .machine-denials .check-field{margin-top:10px}.user-modal .modal-foot{flex-shrink:0;border-top:1px solid var(--border);padding:16px 26px;gap:10px}.user-modal .field{min-width:0}.user-modal .check-field{align-items:center}@media(max-width:600px){dialog.user-modal{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.user-modal #user-form{max-height:calc(100dvh - 20px)}.user-modal .modal-head{padding:18px 18px 14px}.user-modal .modal-body{padding:18px;gap:16px}.user-modal .modal-foot{padding:14px 18px}.user-modal .modal-foot .btn.primary{flex:1;justify-content:center}.user-modal .avatar-editor{padding:14px;gap:14px}.user-modal .avatar-large{width:64px;height:64px}}
