/* Final avatar geometry and palette shared by every avatar placement. */
.avatar, .empty-state .empty-mark.avatar {clip-path:none!important;border-radius:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;}
.avatar-art {width:100%;height:100%;overflow:visible;filter:none!important;}
.avatar .avatar-shell {fill:var(--agent-fill,#dc86ae);stroke:none;}
.avatar .avatar-eye {fill:#fff;transform-box:fill-box;transform-origin:center;animation:builderBlink var(--eye-cycle,8s) ease-in-out var(--eye-delay,0s) infinite;}
.avatar-gaze {animation:builderGlance var(--eye-cycle,8s) ease-in-out var(--eye-delay,0s) infinite;transform-origin:20px 20px;}
.avatar.studio {--agent-fill:#f28b22;--eye-cycle:9.2s;--eye-delay:-1.4s;}
.avatar.einstein {--agent-fill:#ed514a;--eye-cycle:8.1s;--eye-delay:-4.1s;}
.avatar.luna {--agent-fill:#d94eaf;--eye-cycle:10.1s;--eye-delay:-2.7s;}
.avatar.agent4 {--agent-fill:#3cb990;--eye-cycle:8.8s;--eye-delay:-3.2s;}
.avatar.agent5 {--agent-fill:#8d72e8;--eye-cycle:9.7s;--eye-delay:-5.1s;}
.avatar.agent6 {--agent-fill:#35b8d4;--eye-cycle:8.6s;--eye-delay:-.7s;}
@keyframes builderBlink {0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}
@keyframes builderGlance {0%,17%,100%{transform:translate(0,0)}23%,37%{transform:translate(1.1px,-.45px)}54%,66%{transform:translate(0,0)}73%,85%{transform:translate(-1px,.3px)}}
@media(prefers-reduced-motion:reduce){.avatar .avatar-eye,.avatar-gaze{animation:none!important;transform:none!important;}}

/* Builder uniforms stay readable in the 24–40px navigation avatars. */
.builder-suit,.builder-legs {fill:var(--uniform,var(--agent-fill));}
.builder-reflector {fill:#f7fafc;}
.builder-boots {fill:#292d36;stroke:#89919d;stroke-width:.35;}
.helmet-crown {fill:#ffda35;}
.helmet-brim {fill:#ffe34d;}
.helmet-stripe {fill:var(--agent-fill,#dc86ae);}
.helmet-shine {fill:none;stroke:#fff6b7;stroke-width:1.3;stroke-linecap:round;}
.avatar.studio {--agent-fill:#f58b24;--uniform:#e07a15;}
.avatar.einstein {--agent-fill:#35c4d5;--uniform:#27afc4;}
.avatar.luna {--agent-fill:#b997ec;--uniform:#9c79d2;}
.avatar.agent4 {--uniform:#2c9d78;}
.avatar.agent5 {--uniform:#755bc0;}
.avatar.agent6 {--agent-fill:#e5a551;--uniform:#c38736;}

/* Show the complete crew side by side; no builder hides another. */
:is(.team-icon,.team-avatar-stack,.tab-team-avatar) {
  --crew-size:24px;
  --crew-gap:2px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:var(--crew-gap);
  width:calc(var(--crew-size) * 3 + var(--crew-gap) * 2)!important;
  min-width:calc(var(--crew-size) * 3 + var(--crew-gap) * 2)!important;
  height:var(--crew-size)!important;
  flex:none;
  overflow:visible;
  background:transparent;
  border:0;
}
:is(.team-icon,.team-avatar-stack,.tab-team-avatar) > .avatar:nth-child(n) {
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:var(--crew-size)!important;
  height:var(--crew-size)!important;
  flex:0 0 var(--crew-size);
  margin:0!important;
  z-index:auto;
}
.tab-team-avatar {--crew-size:21px;}
.empty-state .empty-mark.team-avatar-stack {--crew-size:46px;--crew-gap:6px;margin-inline:auto;}
.team-entry>span:last-child {min-width:0;flex:1;}
.team-entry b,.team-entry small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:780px){
  .team-icon,.header-avatar.team-avatar-stack {--crew-size:22px;}
  .tab-team-avatar {--crew-size:19px;}
}

/* One silhouette and palette in lists, chat, profiles, search and team views. */
.agent-row-avatar.avatar {width:46px;height:46px;flex:0 0 46px;}
.agent-row-avatar.avatar > .avatar-art {width:100%;height:100%;}
.agent-row-avatar.team-icon {--crew-size:22px;--crew-gap:1px;}
.agent-row-avatar.team-icon > .avatar:nth-child(n) {width:var(--crew-size)!important;height:var(--crew-size)!important;flex:0 0 var(--crew-size);}
.agent-row-avatar.team-icon {margin-right:8px;}

/* Small workwear details; the original colours and silhouettes remain the identity. */
.builder-collar {fill:none;stroke:#132b42;stroke-opacity:.55;stroke-width:.7;stroke-linejoin:round;}
.builder-pocket {fill:#152b40;fill-opacity:.35;stroke:#fff;stroke-opacity:.3;stroke-width:.4;}
.builder-belt {fill:#26364a;}
.builder-buckle {fill:#c8d5df;stroke:#34465a;stroke-width:.6;}
.builder-glove {fill:var(--agent-fill,#35c4d5);stroke:#152b40;stroke-opacity:.25;stroke-width:.6;}
.builder-boots {fill:#253244;stroke:#61768c;stroke-width:.5;}
.builder-sole {fill:none;stroke:var(--agent-fill,#35c4d5);stroke-width:1;stroke-linecap:round;}
.builder-reflector {fill:#f2f8fc;}
.helmet-ribs {fill:none;stroke:#ae7610;stroke-opacity:.35;stroke-width:.7;stroke-linecap:round;}
.helmet-stripe-edge {fill:none;stroke:#fff;stroke-opacity:.45;stroke-width:.7;}
.helmet-brim-edge {fill:none;stroke:#c7890d;stroke-width:.75;stroke-linecap:round;}
.helmet-shine {stroke-width:1;opacity:.8;}

/* A gentle idle stance and a friendly nod on interaction, shared everywhere. */
.avatar > .avatar-art {transform-origin:50% 96%;animation:builderIdle var(--eye-cycle,8s) ease-in-out var(--eye-delay,0s) infinite;}
@keyframes builderIdle {
  0%,20%,70%,100% {transform:translateY(0) rotate(0deg)}
  32% {transform:translateY(-2%) rotate(-1.5deg)}
  44% {transform:translateY(0) rotate(1.2deg)}
  56% {transform:translateY(-1%) rotate(0deg)}
}
:is(button:hover,button:focus-visible) .avatar > .avatar-art,
button.avatar:hover > .avatar-art {animation:builderGreeting 1.2s ease-in-out;}
@keyframes builderGreeting {0%,100%{transform:rotate(0)}25%{transform:translateY(-3%) rotate(-4deg)}55%{transform:rotate(3deg)}80%{transform:rotate(-1deg)}}
html.reduce-motion .avatar > .avatar-art {animation:none!important;transform:none!important;}
@media(prefers-reduced-motion:reduce){.avatar > .avatar-art{animation:none!important;transform:none!important;}}

/* Fully close both eyes together, then reopen with a short natural pause. */
.avatar .avatar-eye {animation:builderEyeBlink 4.8s ease-in-out var(--eye-delay,0s) infinite;transform-box:fill-box;transform-origin:center;}
@keyframes builderEyeBlink {
  0%,38%,45%,100% {transform:scaleY(1)}
  40%,42% {transform:scaleY(0)}
}
html.reduce-motion .avatar .avatar-eye {animation:none!important;transform:none!important;}
@media(prefers-reduced-motion:reduce){.avatar .avatar-eye{animation:none!important;transform:none!important;}}

.avatar.ora{--agent-fill:#ed796d;--uniform:#bd4d50;--eye-cycle:9s;--eye-delay:-2s}