/* ============================================
   DARK MODE SUPPORT
   ============================================ */

body.dark-mode {
    --text-primary: #f3f4f6;
    --text-secondary: #9ca3af;
    --glass-bg: rgba(15, 23, 42, 0.98);
    --glass-border: rgba(255, 255, 255, 0.1);
}

body.dark-mode .app-container {
    background: var(--glass-bg);
    border-color: var(--glass-border);
}

body.dark-mode .header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

body.dark-mode .status-bar {
    background: #1e293b;
}

body.dark-mode .view-header {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .view-header h2 {
    color: #f3f4f6;
}

body.dark-mode .settings-group {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .settings-item:not(:last-child) {
    border-color: #374151;
}

body.dark-mode .settings-text h4 {
    color: #f3f4f6;
}

body.dark-mode .settings-text p {
    color: #9ca3af;
}

body.dark-mode .settings-select {
    background: #0f172a;
    border-color: #374151;
    color: #f3f4f6;
}

body.dark-mode .settings-group.app-info {
    background: linear-gradient(135deg, rgba(0, 126, 167, 0.1) 0%, rgba(0, 168, 232, 0.1) 100%);
    border-color: var(--primary);
}

body.dark-mode .input-area {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .chat-input {
    background: #0f172a;
    border-color: #374151;
    color: #f3f4f6;
}

body.dark-mode .message.bot .message-content {
    background: #1e293b;
    color: #f3f4f6;
}

body.dark-mode .bottom-nav {
    background: #0f172a;
    border-color: #374151;
}

body.dark-mode .nav-label {
    color: #9ca3af;
}

body.dark-mode .cart-footer {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .cart-total,
body.dark-mode .cart-item-info h4 {
    color: #f3f4f6;
}

body.dark-mode .order-item {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .order-item h4,
body.dark-mode .order-item-price {
    color: #f3f4f6;
}

body.dark-mode .filter-bar {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .filter-bar label {
    color: #9ca3af;
}

body.dark-mode #sellerFilter {
    background: #0f172a;
    border-color: #374151;
    color: #f3f4f6;
}

body.dark-mode .grid-product-card {
    background: #1e293b;
    border-color: #374151;
}

body.dark-mode .grid-product-name {
    color: #f3f4f6;
}

body.dark-mode .modal-content {
    background: #1e293b;
}

body.dark-mode .modal-header {
    border-color: #374151;
}

body.dark-mode .modal-header h3 {
    color: #f3f4f6;
}

body.dark-mode .modal-footer {
    border-color: #374151;
}