/* One concentric frame and crop at every size; legacy surface rules must not
   change the outer radius independently. Artwork and identity stay unchanged. */
.dao-native-avatar.dao-native-avatar{--avatar-size:40px;--avatar-border-width:2px;--avatar-radius:calc(var(--avatar-size)*.28);box-sizing:border-box;position:relative;isolation:isolate;display:inline-flex;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);min-height:var(--avatar-size);flex:0 0 var(--avatar-size);padding:0;border:var(--avatar-border-width) solid #8b9baa50;border-radius:var(--avatar-radius)!important;overflow:visible;background:#c4d3dd;box-shadow:none;vertical-align:middle;line-height:1;align-items:stretch;justify-content:stretch}
.dao-native-avatar.avatar-circle{--avatar-radius:calc(var(--avatar-size)*.5)}
.dao-native-avatar[data-trade-side="buy"]{border-color:#02bd83;background:#02bd83}
.dao-native-avatar[data-trade-side="sell"]{border-color:#ed4765;background:#ed4765}
.dao-native-avatar .dao-avatar-clip{position:relative;display:block;overflow:hidden;border-radius:max(0px,calc(var(--avatar-radius) - var(--avatar-border-width)));width:100%;height:100%;flex:1;align-self:stretch;min-width:0;background:#c4d3dd}
.dao-native-avatar .dao-avatar-clip>img{position:static!important;display:block!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;padding:0!important;margin:0!important;box-sizing:border-box;object-fit:cover!important;border:0!important;border-radius:0!important;background:none!important}
.dao-native-avatar .dao-avatar-ai{position:absolute;z-index:2;right:-5px;bottom:-5px;display:block;min-width:18px;padding:1px 3px;background:#253f72;color:#fff;border:1px solid #c4d3ed;border-radius:5px;font:800 9px/12px system-ui;transform:none;pointer-events:none}
.dao-native-avatar .dao-avatar-role{position:absolute;top:-5px;right:-5px;padding:2px 3px;border-radius:50%;font:800 10px/12px system-ui;background:#f2d389;color:#2a2c33}
.dao-native-avatar:focus-visible{outline:3px solid #e8c776;outline-offset:3px}
#dao-nav-avatar.dao-native-avatar{--avatar-size:36px}
#dao-profile-avatar.dao-native-avatar{--avatar-size:56px}
.dao-marker .dao-native-avatar{--avatar-size:36px;margin-top:6px}
.dao-native-avatar.large{--avatar-size:80px}
.social-chat-message>.dao-native-avatar{--avatar-size:40px}
.social-mentioned-user .dao-native-avatar,.social-mention-option .dao-native-avatar{--avatar-size:28px}
.avatar-editor{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffff24;border-radius:24px;background:#111a27;color:#edf1f7;box-shadow:0 32px 100px #0009;font:16px/1.5 system-ui}
.avatar-editor::backdrop{background:#050910b3;backdrop-filter:blur(6px)}
.avatar-editor-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff15;gap:16px}
.avatar-editor h2{font-size:22px;margin:0}.avatar-editor button,.avatar-editor select{font:inherit}.avatar-editor button{cursor:pointer}
.avatar-editor-close{border:1px solid #ffffff24;border-radius:50%;background:#ffffff0a;color:inherit;width:40px;height:40px;font-size:24px!important}
.avatar-editor-body{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:24px;overflow:auto;max-height:calc(100dvh - 190px)}
.avatar-editor-preview{position:sticky;top:0;text-align:center;align-self:start}.avatar-editor-preview .dao-native-avatar{margin-bottom:14px}
.avatar-editor-hint{font-size:14px;color:#aab8c9;max-width:240px}.avatar-editor-fields{display:grid;gap:16px}
.avatar-editor-fields label{display:grid;gap:7px;font-size:14px;color:#c4cfdd}.avatar-editor-fields select{color:#edf1f7;background:#1c2838;border:1px solid #ffffff24;border-radius:10px;padding:11px;width:100%;min-width:0}
.avatar-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid #ffffff15}.avatar-editor-actions button{padding:11px 18px;border:1px solid #ffffff25;border-radius:12px;background:#263349;color:#edf1f7}.avatar-editor-actions .primary{background:#ecd393;color:#242a34;font-weight:700}
.avatar-editor-status{font-size:14px;min-height:20px;color:#e6ce91}.avatar-editor [disabled]{opacity:.5;cursor:wait}
@media(max-width:600px){.avatar-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.avatar-editor-body{grid-template-columns:1fr;gap:12px;padding:16px;max-height:calc(100dvh - 164px)}.avatar-editor-preview{position:static;display:flex;align-items:center;text-align:left;gap:20px}.avatar-editor-preview .dao-native-avatar{--avatar-size:128px!important;margin:0}.avatar-editor-hint{max-width:160px}.avatar-editor-fields{grid-template-columns:1fr 1fr;gap:12px}.avatar-editor-head{padding:14px 16px}.avatar-editor-actions{padding:12px 16px}.avatar-editor-actions button{font-size:14px;padding:10px 12px}}