.op-avatar{position:relative;width:var(--oa-size,48px);height:var(--oa-size,48px);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--oa-bg,var(--bg-inset,#f1f3f7));border:1px solid var(--border-glass,rgba(0,0,0,.08));overflow:visible}.op-avatar,.op-avatar-initial{color:var(--text-secondary,#5a5f6a)}.op-avatar-initial{font-family:var(--font-sans,system-ui,sans-serif);font-size:calc(var(--oa-size, 48px) * .4);font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.op-avatar-verify{top:-2px;width:calc(var(--oa-size, 48px) * .34);height:calc(var(--oa-size, 48px) * .34);min-width:13px;min-height:13px;border-radius:50%;background:var(--success-500,#16a34a);border:1.5px solid var(--bg-raised,#fff);box-shadow:0 1px 2px rgba(0,0,0,.12);pointer-events:none;z-index:2}.op-avatar-profile,.op-avatar-verify{position:absolute;right:-2px;display:flex;align-items:center;justify-content:center}.op-avatar-profile{bottom:-2px;width:calc(var(--oa-size, 48px) * .42);height:calc(var(--oa-size, 48px) * .42);min-width:16px;min-height:16px;border-radius:50%;background:var(--bg-raised,#fff);color:var(--text-secondary,#5a5f6a);border:1px solid var(--border-glass,rgba(0,0,0,.08));cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,.06));transition:color .15s ease,border-color .15s ease;z-index:3}.op-avatar-profile:hover{color:var(--accent,#3d6eff);border-color:var(--border-accent,#3d6eff)}