/* ════════════════════════════════════════════════════════════
   19. 助手头像统一组件(P406 创建 / P420 砍主题色身份)

   P420 范式(基于 P415 sidebar 中性化扩展到全部 6 档):
   - 头像身份只承载"领域图标",不承担"色彩个性"
   - 配色完全消费 5 原色派生变量(--bg-* / --text-*),深浅自动适配
   - .theme-<key> class 仍在 DOM 上(兼容历史 DB 字段 avatar_theme),
     但 CSS 完全不消费,改主题不影响头像
   - 改色入口仍是 5 原色 4 处(01-variables.css + theme-light.css),
     头像永远不出现 hex / rgba 硬编码

   职责拆分:
   - 本文件管"结构 + 中性色契约":Squircle 形态 + 6 档尺寸 + 颜色 token
   - 不再消费 yaml themes 段;agent-avatar.js 不再注入 .theme-<key> 变量

   6 档尺寸契约:
     sidebar   32×32 r50% icon 20  左侧助手卡(P420-fix icon 12→20 比例与其他档对齐)
     topbar    32×32 r10  icon 19  顶部主题切换器(compose 共用)
     message   36×36 r11  icon 21  消息区 AI 头像
     warehouse 48×48 r14  icon 28  助手仓库卡
     compact   36×36 r11  icon 21  助手选择器(picker)
     preview   88×88 r26  icon 44  选择器弹窗大头像预览

   ════════════════════════════════════════════════════════════ */

/* ─── 基底:中性灰底 + muted icon(全档统一)─── */
.agent-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--bg-surface-hover);
  border: 1px solid transparent;
  color: var(--text-muted);
  transition: transform 0.12s ease;
}

/* 不带底框的助手图标(入口按钮、转达署名),尺寸由所在位置定 */
.agent-mark { display: inline-flex; align-items: center; justify-content: center; }
.agent-mark > svg { display: block; }

.agent-avatar > svg {
  display: block;
  width: 60%;
  height: 60%;
}

/* ─── 6 档尺寸(仅形态差异,配色全档统一)──────────────────── */
.agent-avatar.avatar-sidebar {
  width: 32px; height: 32px;
  border-radius: 50%;
}
.agent-avatar.avatar-sidebar > svg { width: 20px; height: 20px; }

.agent-avatar.avatar-topbar {
  width: 32px; height: 32px; border-radius: 10px;
}
.agent-avatar.avatar-topbar > svg { width: 19px; height: 19px; }

.agent-avatar.avatar-message {
  width: 36px; height: 36px; border-radius: 11px;
}
.agent-avatar.avatar-message > svg { width: 21px; height: 21px; }

.agent-avatar.avatar-warehouse {
  width: 48px; height: 48px; border-radius: 14px;
}
.agent-avatar.avatar-warehouse > svg { width: 28px; height: 28px; }

.agent-avatar.avatar-compact {
  width: 36px; height: 36px; border-radius: 11px;
}
.agent-avatar.avatar-compact > svg { width: 21px; height: 21px; }

.agent-avatar.avatar-preview {
  width: 88px; height: 88px; border-radius: 26px;
}
.agent-avatar.avatar-preview > svg { width: 44px; height: 44px; }