/* Simon: the Sysimple companion, with transparent theme variants. */
img.sys-simon-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    object-fit: contain;
    vertical-align: middle;
    border-radius: 0;
}
.sys-ai-title img.sys-simon-icon { width: 28px; height: 28px; }
.sys-ai-message.is-assistant .sys-ai-avatar { background: transparent; }
.sys-ai-avatar img.sys-simon-icon { width: 30px; height: 30px; }
img.direct-chat-img.sys-simon-icon { width: 40px; height: 40px; }
.studio-card h4 img.sys-simon-icon { width: 32px; height: 32px; margin-right: 6px; }
body[data-theme="dark"] img.sys-simon-icon,
body[data-theme="sysimple"] img.sys-simon-icon,
body[data-theme="vscode"] img.sys-simon-icon,
body.skin-sysimple-midnight img.sys-simon-icon,
body.skin-sysimple-vs img.sys-simon-icon,
body.skin-blue:not(.skin-blue-light) img.sys-simon-icon,
body.skin-black:not(.skin-black-light) img.sys-simon-icon {
    content: url('../img/simon/simon-compact-dark.svg');
}
/* Legacy blue navigation is dark even when its workspace is light. */
.main-header .navbar img.sys-simon-icon { content: url('../img/simon/simon-compact-dark.svg'); }

/* Compact companion: bold silhouette and two eyes for 20–24 px controls. */
img.sys-simon-icon.sys-simon-compact {
    width: 24px; height: 24px;
    content: url('../img/simon/simon-compact-light.svg');
}
body[data-theme="dark"] img.sys-simon-icon.sys-simon-compact,
body[data-theme="sysimple"] img.sys-simon-icon.sys-simon-compact,
body[data-theme="vscode"] img.sys-simon-icon.sys-simon-compact,
body.skin-sysimple-midnight img.sys-simon-icon.sys-simon-compact,
body.skin-sysimple-vs img.sys-simon-icon.sys-simon-compact,
body.skin-blue:not(.skin-blue-light) img.sys-simon-icon.sys-simon-compact,
body.skin-black:not(.skin-black-light) img.sys-simon-icon.sys-simon-compact,
.main-header .navbar img.sys-simon-icon.sys-simon-compact {
    content: url('../img/simon/simon-compact-dark.svg');
}

.sys-ai-processing { margin-top:8px; padding-top:6px; border-top:1px solid var(--sys-ai-border, #dce2e8); color:var(--sys-ai-muted, #64748b); font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
/* One compact mark for contextual Simon actions: face, smile and sparkles. */
img.sys-simon-icon.sys-simon-magic {
    width: 30px; height: 30px;
    content: url('../img/simon/simon-magic-light.svg');
}
body[data-theme="dark"] img.sys-simon-icon.sys-simon-magic,
body[data-theme="sysimple"] img.sys-simon-icon.sys-simon-magic,
body[data-theme="vscode"] img.sys-simon-icon.sys-simon-magic,
html[data-theme="dark"] img.sys-simon-icon.sys-simon-magic,
html[data-theme="sysimple"] img.sys-simon-icon.sys-simon-magic,
html[data-theme="vscode"] img.sys-simon-icon.sys-simon-magic,
body.skin-sysimple-midnight img.sys-simon-icon.sys-simon-magic,
body.skin-sysimple-vs img.sys-simon-icon.sys-simon-magic,
body.skin-blue:not(.skin-blue-light) img.sys-simon-icon.sys-simon-magic,
body.skin-black:not(.skin-black-light) img.sys-simon-icon.sys-simon-magic,
.main-header .navbar img.sys-simon-icon.sys-simon-magic {
    content: url('../img/simon/simon-magic-dark.svg');
}