.account-avatar-editor{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-top:1px solid #40534b;border-bottom:1px solid #40534b;margin:16px 0;text-align:left}
.account-avatar-editor [hidden]{display:none!important}
.avatar-portrait{position:relative;display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border:1px solid #71816b;border-radius:50%;background:linear-gradient(145deg,#344938,#142521);color:#e4f76a;flex-shrink:0}
.avatar-initials{font-size:25px;font-weight:800;letter-spacing:1px}.avatar-photo{display:block;width:100%;height:100%;object-fit:cover}
.avatar-body{min-width:0}.avatar-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0;color:#f5f1d7;font-size:16px;line-height:1.35}.avatar-optional{color:#b6c3b4;font-size:11px;font-weight:500;letter-spacing:normal;text-transform:none}
.avatar-note,.avatar-status{font-size:12px;line-height:1.5;color:#b6c3b4;max-width:50ch;margin:7px 0 10px;overflow-wrap:anywhere}.avatar-status{min-height:1.5em;margin:10px 0 0}.avatar-status.avatar-error{color:#ffad89}
.avatar-actions,.avatar-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.avatar-preview-actions{margin-top:8px}
.account-avatar-editor button{min-height:44px;padding:10px 14px;font-size:11px;font-weight:800;letter-spacing:.6px;border:1px solid #5c7658;background:#253c2e;color:#f5f1d7;line-height:1.2;cursor:pointer;white-space:normal}
.account-avatar-editor .avatar-save{background:#e4f76a;border-color:#e4f76a;color:#101818}.account-avatar-editor .avatar-remove,.account-avatar-editor .avatar-cancel{background:transparent;border-color:#52665b;color:#c1cec0}
.account-avatar-editor button:hover:not(:disabled){border-color:#e4f76a}.account-avatar-editor button:focus-visible{outline:2px solid #e4f76a;outline-offset:3px}.account-avatar-editor button:disabled{opacity:.45;cursor:default}
@media(max-width:420px){.account-avatar-editor{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:14px 0}.avatar-portrait{width:60px;height:60px}.avatar-initials{font-size:22px}.avatar-actions,.avatar-preview-actions{gap:6px}.account-avatar-editor button{padding:10px 12px}.avatar-note{font-size:12px}}
@media(orientation:landscape) and (max-height:540px){.account-avatar-editor{padding:12px 0;margin:10px 0;grid-template-columns:60px minmax(0,1fr)}.avatar-portrait{width:60px;height:60px}.avatar-note{max-width:none}}