.header-profile{display:inline-flex;align-items:center;justify-content:center;flex:none}.header-avatar,.user-avatar,.profile-editor-image{object-fit:cover;background:#e5f3e8;border:2px solid #a8c9b1;aspect-ratio:1/1;flex:none}.header-avatar{width:2.35rem;height:2.35rem;border-radius:50%}.user-avatar{width:46px;height:46px;border-radius:50%;vertical-align:middle}.user-avatar-cell{width:62px}.profile-editor-image{width:112px;height:112px;min-width:112px;border-radius:50%;display:block}.profile-image-panel{display:flex;align-items:center;gap:1rem;margin:1rem 0}.profile-image-panel p{margin:.25rem 0}.profile-upload{display:grid;gap:.6rem}.profile-remove-button{justify-self:start}.user-role{color:#53677b;font-size:.9em}.mobile-user-head{display:flex;align-items:center;gap:.75rem}.mobile-user-head h2{margin:0}.mobile-user-card .user-avatar{width:52px;height:52px}.mobile-user-card p{margin:.45rem 0}@media(max-width:700px){.header-avatar{width:2rem;height:2rem}.profile-image-panel{align-items:flex-start}.profile-editor-image{width:88px;height:88px;min-width:88px;height:88px}.profile-upload{gap:.45rem}.profile-remove-button{width:100%}}
.user-edit-card{display:grid;gap:1.35rem}.user-edit-card .profile-image-panel{margin:0;padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.user-edit-card .profile-upload{padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.user-edit-section{margin:0}.user-edit-section h2{margin:0 0 .85rem;font-size:1.15rem}.user-account-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.2rem}.user-password-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem}.user-edit-card .hint{margin:0}.user-edit-actions{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:.15rem}.user-edit-actions button{width:12rem;min-height:44px}.account-status h2{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.2rem .6rem;border-radius:999px;font-size:.85rem;font-weight:700;white-space:nowrap}.status-active{background:#e5f2e7;color:#17632b}.status-inactive{background:#fbe4e4;color:#9b2226}.profile-remove-form{margin-top:.85rem}.profile-remove-form button{width:auto}.user-password-fields .password-field{width:100%}@media(max-width:700px){.user-edit-card{gap:1rem}.user-account-fields,.user-password-fields{grid-template-columns:1fr;gap:.8rem}.user-edit-card .profile-image-panel,.user-edit-card .profile-upload{padding-bottom:1rem}.user-edit-actions{flex-direction:column}.user-edit-actions button,.profile-remove-form button{width:100%}}
.user-add-card{display:grid;gap:1.2rem}.user-add-heading{padding-bottom:1rem;border-bottom:1px solid var(--line)}.user-add-heading h2{margin:0}.user-add-heading .hint{margin:.3rem 0 0}.user-add-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.user-add-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.1rem}.user-add-actions .hint{margin:0;flex:1 1 auto}.user-add-actions button{min-width:11rem;flex:0 0 auto}@media(max-width:700px){.user-add-card{gap:.9rem}.user-add-heading{padding-bottom:.8rem}.user-add-fields{grid-template-columns:1fr;gap:.65rem}.user-add-actions{flex-direction:column;align-items:stretch}.user-add-actions button{width:100%;min-width:0}}
.profile-preview-dialog{width:min(22rem,calc(100vw - 2rem));padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}.profile-preview-dialog::backdrop{background:#12221999}.profile-preview-dialog img{display:block;width:min(16rem,100%);height:auto;max-height:60vh;object-fit:contain;margin:0 auto 1rem;border-radius:10px}.profile-preview-dialog button{min-width:8rem}