:root[data-theme="malam"] .siagan-bubble.assistant {
    background: var(--surface-2, #1e252d);
    color: var(--ink, #e6e9ed);
    border: 1px solid var(--line-strong, #3a444f);
}

:root[data-theme="malam"] .siagan-bubble.user {
    background: #285f49;
    color: #f7faf8;
}

:root[data-theme="malam"] .siagan-meta {
    color: var(--muted, #96a0ab);
    opacity: 1;
}

:root[data-theme="malam"] .siagan-actions button {
    background: var(--primary, #e6e9ed) !important;
    color: var(--primary-ink, #14181d) !important;
    border-color: var(--primary, #e6e9ed) !important;
}

:root[data-theme="malam"] .siagan-actions .cancel {
    background: transparent !important;
    color: var(--red, #e0705f) !important;
    border-color: var(--line-strong, #3a444f) !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="siang"]) .siagan-bubble.assistant {
        background: var(--surface-2, #1e252d);
        color: var(--ink, #e6e9ed);
        border: 1px solid var(--line-strong, #3a444f);
    }

    :root:not([data-theme="siang"]) .siagan-bubble.user {
        background: #285f49;
        color: #f7faf8;
    }

    :root:not([data-theme="siang"]) .siagan-meta {
        color: var(--muted, #96a0ab);
        opacity: 1;
    }

    :root:not([data-theme="siang"]) .siagan-actions button {
        background: var(--primary, #e6e9ed) !important;
        color: var(--primary-ink, #14181d) !important;
        border-color: var(--primary, #e6e9ed) !important;
    }

    :root:not([data-theme="siang"]) .siagan-actions .cancel {
        background: transparent !important;
        color: var(--red, #e0705f) !important;
        border-color: var(--line-strong, #3a444f) !important;
    }
}