body.demo-mode {
    background: var(--terminal-bg);
}

#app .demo-banner {
    border: 1px dashed rgba(255, 166, 0, 0.3);
    background: rgba(255, 193, 7, 0.08);
    color: var(--terminal-text-muted);
}

#app .demo-banner strong {
    color: var(--terminal-text);
}

#app .demo-notification-menu .dropdown-item,
#app .demo-alert-list .list-group-item {
    white-space: normal;
    overflow-wrap: anywhere;
}

#app .demo-form-shell .form-control,
#app .demo-form-shell .form-select {
    background-color: var(--terminal-surface);
}

#app .demo-mini-stat .card-body {
    min-height: 118px;
}

#app .demo-ticket-thread .card,
#app .demo-kb-list .card,
#app .demo-calendar-list .card,
#app .demo-agent-grid .card {
    overflow: hidden;
}

#app .demo-thread-note {
    border-left: 3px solid rgba(255, 193, 7, 0.75);
}

#app .demo-thread-system {
    border-left: 3px solid rgba(13, 110, 253, 0.55);
}

#app .demo-settings-nav .nav-link {
    white-space: nowrap;
}

#app .demo-settings-grid .card-body,
#app .demo-profile-grid .card-body {
    min-height: 110px;
}

#app .demo-no-save {
    font-size: 0.82rem;
}