/* Mode changes are system events, not user or assistant messages. */
.chat-system-banner {
    gap: 9px !important;
    min-height: 24px !important;
    margin: 18px 0 !important;
    padding: 0 18px !important;
    font-size: 12px !important;
    letter-spacing: 0.1px !important;
}

.chat-system-banner-mark {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--accent-color, #7f838b);
    opacity: 0.9;
}

.chat-system-banner-copy {
    color: var(--text-secondary, #858a94);
}

.chat-system-banner-copy strong {
    color: var(--text-primary, #e7e9ed) !important;
    font-weight: 600;
}

.chat-system-banner-time {
    color: var(--text-secondary, #858a94);
    font-size: 11px;
    opacity: 0.75;
    white-space: nowrap;
}

body.light-mode .chat-system-banner-copy strong {
    color: var(--text-primary, #20252d) !important;
}

@media (max-width: 700px) {
    .chat-system-banner {
        padding: 0 10px !important;
    }
}