/* IUAI_SYSTEM_AVATARS_V1_20261018 */
.iuai-system-avatar-picker-v1{
  margin:0 0 18px;
  padding:12px;
  border:1px solid var(--line,#293a4a);
  border-radius:13px;
  background:color-mix(in srgb,var(--card,#101923) 94%,#239fd0 6%);
}
.iuai-system-avatar-head-v1{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.iuai-system-avatar-head-v1 b{
  display:block;
  color:var(--ink,#edf4fa);
  font-size:12px;
}
.iuai-system-avatar-head-v1 small{
  display:block;
  margin-top:3px;
  color:var(--muted,#899cad);
  font-size:10px;
  line-height:1.5;
}
.iuai-system-avatar-grid-v1{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.iuai-system-avatar-option-v1{
  position:relative;
  aspect-ratio:1;
  padding:0;
  overflow:hidden;
  border-radius:14px;
  border:2px solid transparent;
  background:#0d1621;
  cursor:pointer;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
.iuai-system-avatar-option-v1:hover{
  transform:translateY(-1px);
  border-color:#4b6c83;
}
.iuai-system-avatar-option-v1.selected{
  border-color:#4dc7e6;
  box-shadow:0 0 0 2px rgba(77,199,230,.14);
}
.iuai-system-avatar-option-v1 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.iuai-system-avatar-option-v1 i{
  position:absolute;
  right:5px;
  bottom:5px;
  width:20px;
  height:20px;
  display:none;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#29b8dc,#7363ed);
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
}
.iuai-system-avatar-option-v1.selected i{display:grid}

body:not([data-theme="dark"]) .iuai-system-avatar-picker-v1{
  background:#f6fbfe;
  border-color:#d5e4ed;
}
body:not([data-theme="dark"]) .iuai-system-avatar-head-v1 b{
  color:#17324a;
}
body:not([data-theme="dark"]) .iuai-system-avatar-head-v1 small{
  color:#718397;
}
body:not([data-theme="dark"]) .iuai-system-avatar-option-v1{
  background:#edf3f8;
}
body:not([data-theme="dark"]) .iuai-system-avatar-option-v1:hover{
  border-color:#8fb6cc;
}
body:not([data-theme="dark"]) .iuai-system-avatar-option-v1.selected{
  border-color:#2ca9d1;
  box-shadow:0 0 0 2px rgba(44,169,209,.13);
}
@media(max-width:620px){
  .iuai-system-avatar-grid-v1{grid-template-columns:repeat(5,minmax(52px,1fr));gap:6px}
  .iuai-system-avatar-picker-v1{overflow-x:auto}
}