/* Changelog AI items (2026-11-03, owner: «بخش امکانات هوش مصنوعی بولدتر باشه»,
   then «ایموجی حرفه‌ای‌تر»): a purple chip led by a drawn sparkle icon — a
   vector mask, so it looks the same on every OS (an emoji is drawn by each
   system's own font) — and the item's text in bold at full strength. The site
   is dark by default (`html[data-theme]`, set before paint); light gets a
   deeper purple. */
.cl-ai {
    color: #c4b5fd;
    font-weight: 800;
    background: linear-gradient(135deg, color-mix(in srgb, #8b5cf6 22%, transparent), color-mix(in srgb, #ec4899 12%, transparent));
    border: 1px solid color-mix(in srgb, #8b5cf6 55%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, #8b5cf6 10%, transparent);
    gap: 5px;
}
:root[data-theme="light"] .cl-ai { color: #6d28d9; }
.cl-ai::before,
.cl-legend .cl-ai i {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 13px;
    height: 13px;
    border-radius: 0;
    background: linear-gradient(135deg, #a78bfa, #ec4899);
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 1.5c.6 5.3 2.8 8.6 8.7 9.8-5.9 1.2-8.1 4.5-8.7 9.8-.6-5.3-2.8-8.6-8.7-9.8C7.2 10.1 9.4 6.8 10 1.5z'/%3E%3Cpath d='M19.5 13.5c.3 2 1.1 3.2 3.2 3.6-2.1.4-2.9 1.6-3.2 3.6-.3-2-1.1-3.2-3.2-3.6 2.1-.4 2.9-1.6 3.2-3.6z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 1.5c.6 5.3 2.8 8.6 8.7 9.8-5.9 1.2-8.1 4.5-8.7 9.8-.6-5.3-2.8-8.6-8.7-9.8C7.2 10.1 9.4 6.8 10 1.5z'/%3E%3Cpath d='M19.5 13.5c.3 2 1.1 3.2 3.2 3.6-2.1.4-2.9 1.6-3.2 3.6-.3-2-1.1-3.2-3.2-3.6 2.1-.4 2.9-1.6 3.2-3.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* The legend chip already has its <i>; draw the icon there, not twice. */
.cl-legend .cl-ai::before { content: none; }
.cl-item.is-ai p { font-weight: 700; opacity: 1; }