/* ============================================
   DEMO LIGHT THEME - COMPREHENSIVE OVERRIDES
   Forces light theme with !important
   ============================================ */

/* === OVERRIDE CSS VARIABLES FOR LIGHT THEME === */
[data-theme="light"] {
    /* Background colors */
    --bg-dark: #f8fbff !important;
    --bg-sidebar: #ffffff !important;
    --bg-chat: #f5f9ff !important;
    --bg-input: #ffffff !important;
    --bg-panel: #ffffff !important;
    --bg-surface: #ffffff !important;

    /* Text colors */
    --text-main: #1a2942 !important;
    --text-muted: #5a6f88 !important;
    --text-primary: #1a2942 !important;
    --text-secondary: #4a5568 !important;

    /* Accent colors - Soft cyan */
    --aurora-1: #00acc1 !important;
    --aurora-2: #26c6da !important;
    --aurora-3: #4dd0e1 !important;
    --aurora-4: #0097a7 !important;
}

/* === FORCE BODY STYLES === */
[data-theme="light"] body {
    background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%) !important;
    color: #1a2942 !important;
}

[data-theme="light"] html {
    background: #ffffff !important;
}

/* === HEADER === */
[data-theme="light"] .demo-header {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(0, 172, 193, 0.12) !important;
    box-shadow: 0 2px 10px rgba(0, 172, 193, 0.05) !important;
}

[data-theme="light"] .brand-name,
[data-theme="light"] .header-brand span {
    color: #1a2942 !important;
    -webkit-text-fill-color: #1a2942 !important;
}

[data-theme="light"] .logo {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

[data-theme="light"] .product-name {
    color: #5a6f88 !important;
    border-left-color: rgba(0, 172, 193, 0.2) !important;
}

[data-theme="light"] .header-badge {
    background: rgba(0, 172, 193, 0.1) !important;
    color: #00acc1 !important;
}

/* === SIDEBAR === */
[data-theme="light"] .sidebar,
[data-theme="light"] aside {
    background: #ffffff !important;
    border-right-color: rgba(0, 172, 193, 0.1) !important;
    border-left-color: rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] .sidebar-section h3 {
    color: #5a6f88 !important;
}

[data-theme="light"] .kb-item,
[data-theme="light"] .history-item {
    color: #4a5568 !important;
}

[data-theme="light"] .kb-item:hover,
[data-theme="light"] .history-item:hover {
    background: rgba(0, 172, 193, 0.08) !important;
    color: #1a2942 !important;
}

[data-theme="light"] .kb-item.active {
    background: rgba(0, 172, 193, 0.12) !important;
    border-color: rgba(0, 172, 193, 0.25) !important;
    color: #00acc1 !important;
}

[data-theme="light"] .sidebar-footer {
    border-top-color: rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] .user-avatar {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
}

[data-theme="light"] .user-name {
    color: #1a2942 !important;
}

/* === MAIN CHAT AREA === */
[data-theme="light"] .chat-area,
[data-theme="light"] .preview-panel,
[data-theme="light"] .results-panel,
[data-theme="light"] .canvas-panel,
[data-theme="light"] main {
    background: #f8fbff !important;
}

[data-theme="light"] .chat-messages {
    background: transparent !important;
}

/* === WELCOME MESSAGE === */
[data-theme="light"] .welcome-message h2 {
    color: #1a2942 !important;
}

[data-theme="light"] .welcome-message p,
[data-theme="light"] .welcome-message>p {
    color: #5a6f88 !important;
}

[data-theme="light"] .suggested-questions h4 {
    color: #5a6f88 !important;
}

[data-theme="light"] .suggestion-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 172, 193, 0.2) !important;
    color: #1a2942 !important;
    box-shadow: 0 2px 8px rgba(0, 172, 193, 0.08) !important;
}

[data-theme="light"] .suggestion-btn:hover {
    background: rgba(0, 172, 193, 0.08) !important;
    border-color: rgba(0, 172, 193, 0.4) !important;
}

/* === INPUT AREA === */
[data-theme="light"] .chat-input-area {
    background: #ffffff !important;
    border-top: 1px solid rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] .input-container {
    background: rgba(248, 251, 255, 1) !important;
    border: 1px solid rgba(0, 172, 193, 0.15) !important;
}

[data-theme="light"] .input-container:focus-within {
    border-color: #00acc1 !important;
    box-shadow: 0 0 0 3px rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] #user-input,
[data-theme="light"] input[type="text"],
[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] select,
[data-theme="light"] textarea {
    background: transparent !important;
    color: #1a2942 !important;
}

[data-theme="light"] #user-input::placeholder,
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #a0aec0 !important;
}

[data-theme="light"] .send-button {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
}

[data-theme="light"] .input-meta {
    color: #718096 !important;
}

/* === CONTEXT PANEL === */
[data-theme="light"] .context-panel,
[data-theme="light"] .panel-content {
    background: #ffffff !important;
    border-left-color: rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] .panel-header {
    border-bottom-color: rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] .panel-header h3 {
    color: #1a2942 !important;
}

[data-theme="light"] .empty-context {
    color: #5a6f88 !important;
}

[data-theme="light"] .source-card {
    background: rgba(0, 172, 193, 0.04) !important;
    border-color: rgba(0, 172, 193, 0.12) !important;
}

[data-theme="light"] .source-title {
    color: #1a2942 !important;
}

[data-theme="light"] .source-excerpt {
    color: #5a6f88 !important;
}

[data-theme="light"] .source-badge {
    background: rgba(0, 172, 193, 0.15) !important;
    color: #00acc1 !important;
}

/* === MESSAGES === */
[data-theme="light"] .message.user .message-content {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
    border-color: #00acc1 !important;
    color: #ffffff !important;
}

[data-theme="light"] .message.ai .message-content {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 172, 193, 0.15) !important;
    color: #1a2942 !important;
}

[data-theme="light"] .message-header {
    color: #5a6f88 !important;
}

[data-theme="light"] .ai-avatar {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
}

[data-theme="light"] .citation {
    background: rgba(0, 172, 193, 0.12) !important;
    color: #00acc1 !important;
}

/* === CARDS & PANELS === */
[data-theme="light"] .panel-section,
[data-theme="light"] .stat-card,
[data-theme="light"] .chart-card,
[data-theme="light"] .insight-card,
[data-theme="light"] .template-card,
[data-theme="light"] .doc-card,
[data-theme="light"] .category-view,
[data-theme="light"] .issue-card,
[data-theme="light"] .score-card,
[data-theme="light"] .compliance-card,
[data-theme="light"] .resource-card,
[data-theme="light"] .workflow-node,
[data-theme="light"] .library-node,
[data-theme="light"] .integration,
[data-theme="light"] .integration-item,
[data-theme="light"] .source-item,
[data-theme="light"] .deploy-option,
[data-theme="light"] .schedule-option,
[data-theme="light"] .scan-type-option {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 172, 193, 0.12) !important;
    color: #1a2942 !important;
}

[data-theme="light"] .panel-section h3,
[data-theme="light"] .chart-card h3,
[data-theme="light"] .template-card h4,
[data-theme="light"] .doc-info h4,
[data-theme="light"] h3,
[data-theme="light"] h4 {
    color: #1a2942 !important;
}

[data-theme="light"] .panel-section p,
[data-theme="light"] .chart-card p,
[data-theme="light"] .template-info p,
[data-theme="light"] label {
    color: #5a6f88 !important;
}

/* === ACTIVE STATES === */
[data-theme="light"] .deploy-option.active,
[data-theme="light"] .integration.active,
[data-theme="light"] .source-item.active,
[data-theme="light"] .cloud-tab.active {
    background: rgba(0, 172, 193, 0.12) !important;
    border-color: #00acc1 !important;
    color: #00acc1 !important;
}

/* === BUTTONS === */
[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
    color: #ffffff !important;
}

[data-theme="light"] .btn-secondary {
    background: rgba(0, 172, 193, 0.08) !important;
    border: 1px solid rgba(0, 172, 193, 0.25) !important;
    color: #00acc1 !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: rgba(0, 172, 193, 0.15) !important;
}

[data-theme="light"] .btn-scan,
[data-theme="light"] .btn-add-source,
[data-theme="light"] .remediate-btn {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
    color: #ffffff !important;
    border: none !important;
}

/* === DEMO BANNER === */
[data-theme="light"] .demo-banner {
    background: linear-gradient(135deg, rgba(0, 172, 193, 0.08), rgba(38, 198, 218, 0.08)) !important;
    border-top: 1px solid rgba(0, 172, 193, 0.12) !important;
    color: #1a2942 !important;
}

[data-theme="light"] .demo-link {
    color: #00acc1 !important;
}

/* === STATS === */
[data-theme="light"] .stat-value,
[data-theme="light"] .stat-count {
    color: #00acc1 !important;
}

[data-theme="light"] .stat-label {
    color: #5a6f88 !important;
}

[data-theme="light"] .stat-change.positive {
    color: #10b981 !important;
}

[data-theme="light"] .stat-change.negative {
    color: #ef4444 !important;
}

/* === CHARTS === */
[data-theme="light"] .chart-area {
    background: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .product-bar>div,
[data-theme="light"] .response-bar {
    background: linear-gradient(90deg, #00acc1, #26c6da) !important;
}

/* === SEVERITY BADGES === */
[data-theme="light"] .issue-severity,
[data-theme="light"] .severity-toggle {
    color: inherit !important;
}

/* === CLOUD TABS === */
[data-theme="light"] .cloud-tabs {
    background: transparent !important;
}

[data-theme="light"] .cloud-tab {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 172, 193, 0.15) !important;
    color: #4a5568 !important;
}

[data-theme="light"] .cloud-tab.active {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* === SCAN DISPLAY === */
[data-theme="light"] .scan-status,
[data-theme="light"] .status-indicator {
    background: rgba(0, 172, 193, 0.1) !important;
    color: #00acc1 !important;
}

[data-theme="light"] .scan-stats .stat {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 172, 193, 0.1) !important;
}

/* === WORKFLOW === */
[data-theme="light"] .workflow-canvas {
    background: #f5f9ff !important;
}

[data-theme="light"] .workflow-connections path {
    stroke: #00acc1 !important;
}

[data-theme="light"] .add-node-btn {
    background: rgba(0, 172, 193, 0.1) !important;
    border: 2px dashed rgba(0, 172, 193, 0.3) !important;
    color: #00acc1 !important;
}

/* === SCROLLBARS === */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f0f7ff !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(0, 172, 193, 0.25) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 172, 193, 0.4) !important;
}

/* === TYPING INDICATOR === */
[data-theme="light"] .typing-dots span {
    background: #00acc1 !important;
}

/* === CODE BLOCKS === */
[data-theme="light"] .message-content code {
    background: rgba(0, 172, 193, 0.06) !important;
    border-left-color: #00acc1 !important;
    color: #1a2942 !important;
}

/* === FORM ELEMENTS === */
[data-theme="light"] .form-group label {
    color: #4a5568 !important;
}

[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
    background: #f8fbff !important;
    border: 1px solid rgba(0, 172, 193, 0.15) !important;
    color: #1a2942 !important;
}

[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus,
[data-theme="light"] .form-group textarea:focus {
    border-color: #00acc1 !important;
    background: #ffffff !important;
}

/* === COMPLIANCE BADGES === */
[data-theme="light"] .compliance-toggle span {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 172, 193, 0.2) !important;
    color: #4a5568 !important;
}

[data-theme="light"] .compliance-toggle input:checked+span {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
    color: #ffffff !important;
}

/* === KNOWLEDGE SOURCES === */
[data-theme="light"] .knowledge-sources .source-item {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 172, 193, 0.12) !important;
}

[data-theme="light"] .knowledge-sources .source-status {
    color: #00acc1 !important;
}

/* === CHAT WIDGET PREVIEW === */
[data-theme="light"] .chat-preview {
    background: #f5f9ff !important;
}

[data-theme="light"] .chat-widget {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(0, 172, 193, 0.15) !important;
    box-shadow: 0 8px 30px rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] .widget-header {
    background: linear-gradient(135deg, #00acc1, #26c6da) !important;
}

[data-theme="light"] .widget-messages {
    background: #ffffff !important;
}

[data-theme="light"] .message.bot .message-content {
    background: rgba(0, 172, 193, 0.08) !important;
    color: #1a2942 !important;
}

[data-theme="light"] .widget-input {
    background: #ffffff !important;
    border-top: 1px solid rgba(0, 172, 193, 0.1) !important;
}

[data-theme="light"] #preview-input {
    background: #f8fbff !important;
    border: 1px solid rgba(0, 172, 193, 0.15) !important;
    color: #1a2942 !important;
}