/** * Темы оформления для GamaGama Club Manager * Поддерживает три темы: dark (тёмная), light (светлая), colorful (цветная) * * ВАЖНО: Тёмная тема использует оригинальные стили страниц! * Этот файл определяет только: * 1. CSS переменные для всех тем * 2. Стили переопределения для light/colorful тем * 3. Классы отключения эффектов * * Использование: * - оригинальные стили страницы * - светлая тема * - цветная тема * * Дополнительные классы для отключения эффектов: * .no-animations, .no-blur, .no-gradients, .no-particles, .no-glow */ /* ============================================================================= ТЁМНАЯ ТЕМА - только переменные (стили берутся из оригинальных страниц) ============================================================================= */ .theme-dark, [data-theme="dark"] { /* Основные цвета */ --primary: #00ff88; --primary-rgb: 0, 255, 136; --primary-hover: #00cc6a; --secondary: #00d4ff; --secondary-rgb: 0, 212, 255; --tertiary: #ff00ff; --tertiary-rgb: 255, 0, 255; /* Фон */ --bg: #000000; --bg-secondary: #0a0a0a; --bg-tertiary: #111111; --bg-card: rgba(0, 0, 0, 0.85); --bg-card-hover: rgba(0, 0, 0, 0.95); --bg-modal: rgba(0, 0, 0, 0.95); /* Текст */ --text: #ffffff; --text-rgb: 255, 255, 255; --text-muted: rgba(255, 255, 255, 0.6); --text-secondary: rgba(255, 255, 255, 0.8); --text-on-primary: #000000; /* Границы */ --border: rgba(255, 255, 255, 0.15); --border-hover: rgba(255, 255, 255, 0.3); --border-primary: rgba(0, 255, 136, 0.3); /* Статусы */ --success: #00cc66; --success-bg: rgba(0, 204, 102, 0.15); --warning: #ffaa00; --warning-bg: rgba(255, 170, 0, 0.15); --danger: #ff0044; --danger-bg: rgba(255, 0, 68, 0.15); --info: #0099ff; --info-bg: rgba(0, 153, 255, 0.15); /* Тени и эффекты */ --shadow: 0 4px 30px rgba(0, 255, 136, 0.2); --shadow-hover: 0 8px 40px rgba(0, 255, 136, 0.3); --glow: 0 0 20px rgba(0, 255, 136, 0.4); --glow-text: 0 0 20px rgba(0, 255, 136, 0.5); /* Градиенты */ --gradient-primary: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%); --gradient-bg: linear-gradient(135deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 20, 40, 0.95) 100%); --gradient-card: linear-gradient(135deg, rgba(0, 255, 136, 0.05) 0%, rgba(0, 212, 255, 0.05) 100%); /* Таблицы */ --table-header-bg: rgba(0, 255, 136, 0.1); --table-row-bg: transparent; --table-row-hover: rgba(0, 255, 136, 0.08); --table-border: rgba(255, 255, 255, 0.1); /* Ввод */ --input-bg: rgba(255, 255, 255, 0.05); --input-bg-focus: rgba(255, 255, 255, 0.1); --input-border: rgba(255, 255, 255, 0.2); --input-border-focus: var(--primary); } /* ============================================================================= СВЕТЛАЯ ТЕМА - переменные и стили переопределения ============================================================================= */ .theme-light, [data-theme="light"] { /* Основные цвета */ --primary: #008855; --primary-rgb: 0, 136, 85; --primary-hover: #006644; --secondary: #0066cc; --secondary-rgb: 0, 102, 204; --tertiary: #8800aa; --tertiary-rgb: 136, 0, 170; /* Фон */ --bg: #f0f2f5; --bg-secondary: #ffffff; --bg-tertiary: #e8eaed; --bg-card: rgba(255, 255, 255, 0.98); --bg-card-hover: rgba(255, 255, 255, 1); --bg-modal: rgba(255, 255, 255, 0.98); /* Текст */ --text: #1a1a2e; --text-rgb: 26, 26, 46; --text-muted: rgba(26, 26, 46, 0.6); --text-secondary: rgba(26, 26, 46, 0.8); --text-on-primary: #ffffff; /* Границы */ --border: rgba(0, 0, 0, 0.12); --border-hover: rgba(0, 0, 0, 0.25); --border-primary: rgba(0, 136, 85, 0.4); /* Статусы */ --success: #008844; --success-bg: rgba(0, 136, 68, 0.1); --warning: #cc8800; --warning-bg: rgba(204, 136, 0, 0.1); --danger: #cc0033; --danger-bg: rgba(204, 0, 51, 0.1); --info: #0066cc; --info-bg: rgba(0, 102, 204, 0.1); /* Тени и эффекты */ --shadow: 0 4px 20px rgba(0, 0, 0, 0.08); --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12); --glow: 0 0 15px rgba(0, 136, 85, 0.2); --glow-text: none; /* Градиенты */ --gradient-primary: linear-gradient(135deg, #008855 0%, #0066cc 100%); --gradient-bg: linear-gradient(135deg, #f0f2f5 0%, #e8eaed 100%); --gradient-card: linear-gradient(135deg, rgba(0, 136, 85, 0.03) 0%, rgba(0, 102, 204, 0.03) 100%); /* Таблицы */ --table-header-bg: rgba(0, 136, 85, 0.08); --table-row-bg: transparent; --table-row-hover: rgba(0, 136, 85, 0.05); --table-border: rgba(0, 0, 0, 0.08); /* Ввод */ --input-bg: rgba(0, 0, 0, 0.03); --input-bg-focus: rgba(0, 0, 0, 0.05); --input-border: rgba(0, 0, 0, 0.15); --input-border-focus: var(--primary); } /* Стили переопределения для светлой темы */ .theme-light body, .theme-light .content, [data-theme="light"] body, [data-theme="light"] .content { background: var(--bg) !important; color: var(--text) !important; } .theme-light .nav-header, [data-theme="light"] .nav-header { background: var(--gradient-bg) !important; border-bottom-color: var(--primary) !important; box-shadow: var(--shadow) !important; } .theme-light .nav-title, .theme-light .nav-brand, [data-theme="light"] .nav-title, [data-theme="light"] .nav-brand { color: var(--primary) !important; text-shadow: none !important; } .theme-light .nav-btn, [data-theme="light"] .nav-btn { background: var(--input-bg) !important; border-color: var(--border) !important; color: var(--text) !important; } .theme-light .nav-btn:hover, [data-theme="light"] .nav-btn:hover { background: rgba(var(--primary-rgb), 0.15) !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .stat-card, .theme-light .neon-section, [data-theme="light"] .stat-card, [data-theme="light"] .neon-section { background: var(--bg-card) !important; border-color: var(--border) !important; } .theme-light .card-header, .theme-light .section-header, [data-theme="light"] .card-header, [data-theme="light"] .section-header { background: var(--gradient-card) !important; border-bottom-color: var(--border) !important; } .theme-light .card-header h5, .theme-light .section-header h5, [data-theme="light"] .card-header h5, [data-theme="light"] .section-header h5 { color: var(--primary) !important; } .theme-light .form-control, .theme-light .form-select, [data-theme="light"] .form-control, [data-theme="light"] .form-select { background: var(--input-bg) !important; border-color: var(--input-border) !important; color: var(--text) !important; } .theme-light .form-control:focus, .theme-light .form-select:focus, [data-theme="light"] .form-control:focus, [data-theme="light"] .form-select:focus { background: var(--input-bg-focus) !important; border-color: var(--input-border-focus) !important; color: var(--text) !important; } .theme-light .form-control::placeholder, [data-theme="light"] .form-control::placeholder { color: var(--text-muted) !important; } .theme-light .btn-neon, [data-theme="light"] .btn-neon { background: var(--gradient-primary) !important; color: var(--text-on-primary) !important; } .theme-light .modal-content, [data-theme="light"] .modal-content { background: var(--bg-modal) !important; border-color: var(--border) !important; color: var(--text) !important; } .theme-light .btn-close, [data-theme="light"] .btn-close { filter: none !important; opacity: 0.5; } .theme-light .btn-close:hover, [data-theme="light"] .btn-close:hover { opacity: 1; } /* Плитки клиентов - светлый фон с тёмным текстом */ .theme-light .client-tile, [data-theme="light"] .client-tile { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important; } .theme-light .client-tile:hover, [data-theme="light"] .client-tile:hover { background: rgba(255, 255, 255, 1) !important; border-color: var(--primary) !important; box-shadow: 0 8px 25px rgba(0, 136, 85, 0.15) !important; } .theme-light .client-tile::before, [data-theme="light"] .client-tile::before { background: radial-gradient(circle, var(--primary) 0%, transparent 70%); } .theme-light .client-name, [data-theme="light"] .client-name { color: #1a1a2e !important; } .theme-light .client-info, .theme-light .client-details, .theme-light .detail-label, [data-theme="light"] .client-info, [data-theme="light"] .client-details, [data-theme="light"] .detail-label { color: #1a1a2e !important; } .theme-light .detail-value, [data-theme="light"] .detail-value { color: #333333 !important; } .theme-light .client-number, [data-theme="light"] .client-number { color: var(--primary) !important; background: rgba(0, 136, 85, 0.1) !important; } .theme-light .client-tile.paused, [data-theme="light"] .client-tile.paused { border-color: #8800aa !important; background: rgba(136, 0, 170, 0.05) !important; } .theme-light .client-tile.paused::after, [data-theme="light"] .client-tile.paused::after { background: #8800aa !important; color: #fff !important; } /* Кнопки на плитках клиентов */ .theme-light .tile-btn, .theme-light .client-actions .tile-btn, [data-theme="light"] .tile-btn, [data-theme="light"] .client-actions .tile-btn { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light .tile-btn:hover, .theme-light .client-actions .tile-btn:hover, [data-theme="light"] .tile-btn:hover, [data-theme="light"] .client-actions .tile-btn:hover { background: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; } .theme-light .tile-btn.danger, [data-theme="light"] .tile-btn.danger { border-color: var(--danger) !important; color: var(--danger) !important; } .theme-light .tile-btn.danger:hover, [data-theme="light"] .tile-btn.danger:hover { background: var(--danger) !important; color: #fff !important; } /* Кнопки навигации - более светлый и контрастный вид */ .theme-light .nav-btn, [data-theme="light"] .nav-btn { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.1) !important; color: #1a1a2e !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; } .theme-light .nav-btn:hover, [data-theme="light"] .nav-btn:hover { background: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; box-shadow: 0 2px 8px rgba(0, 136, 85, 0.2) !important; } .theme-light .nav-btn.accent, [data-theme="light"] .nav-btn.accent { background: var(--gradient-primary) !important; color: #fff !important; border-color: transparent !important; } .theme-light .nav-btn.danger, [data-theme="light"] .nav-btn.danger { border-color: var(--danger) !important; color: var(--danger) !important; } .theme-light .nav-btn.danger:hover, [data-theme="light"] .nav-btn.danger:hover { background: var(--danger) !important; color: #fff !important; } /* Разделитель действий клиента */ .theme-light .client-actions, [data-theme="light"] .client-actions { border-top-color: rgba(0, 0, 0, 0.1) !important; } /* Сумма при наведении */ .theme-light .hover-price, [data-theme="light"] .hover-price { color: var(--primary) !important; text-shadow: none !important; } /* Кнопки действий (Добавить клиента, Продать товары, Бронирование и т.д.) */ .theme-light .action-btn, [data-theme="light"] .action-btn { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.1) !important; color: #1a1a2e !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } .theme-light .action-btn:hover, [data-theme="light"] .action-btn:hover { background: var(--primary) !important; border-color: var(--primary) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(0, 136, 85, 0.2) !important; transform: translateY(-2px); } .theme-light .action-btn.primary, [data-theme="light"] .action-btn.primary { background: rgba(0, 136, 85, 0.1) !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .action-btn.primary:hover, [data-theme="light"] .action-btn.primary:hover { background: var(--primary) !important; color: #ffffff !important; } .theme-light .action-btn.danger, [data-theme="light"] .action-btn.danger { border-color: var(--danger) !important; color: var(--danger) !important; } .theme-light .action-btn.danger:hover, [data-theme="light"] .action-btn.danger:hover { background: var(--danger) !important; color: #ffffff !important; } /* Крупная сумма при наведении на плитку клиента */ .theme-light .hover-price, [data-theme="light"] .hover-price { background: rgba(240, 242, 245, 0.95) !important; color: var(--primary) !important; text-shadow: none !important; border-radius: 12px; padding: 10px 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important; } /* ============================================================================= СТРАНИЦА БРОНИРОВАНИЯ (booking_calendar.html) ============================================================================= */ /* Основной контейнер */ .theme-light .content-container, [data-theme="light"] .content-container { background: var(--bg) !important; } /* Форма бронирования (боковая панель) */ .theme-light .booking-form, [data-theme="light"] .booking-form { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .booking-form:hover, [data-theme="light"] .booking-form:hover { box-shadow: 0 8px 30px rgba(0, 136, 85, 0.12) !important; } .theme-light .form-title, .theme-light .booking-form h3, [data-theme="light"] .form-title, [data-theme="light"] .booking-form h3 { color: #1a1a2e !important; } .theme-light .form-label, [data-theme="light"] .form-label { color: #333333 !important; } .theme-light .form-text, [data-theme="light"] .form-text { color: #666666 !important; } /* Контейнер таблицы бронирования */ .theme-light .booking-table-container, [data-theme="light"] .booking-table-container { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .booking-table-container:hover, [data-theme="light"] .booking-table-container:hover { box-shadow: 0 8px 30px rgba(0, 136, 85, 0.12) !important; } /* Таблица бронирования */ .theme-light .booking-table, [data-theme="light"] .booking-table { background: #ffffff !important; } .theme-light .booking-table th, [data-theme="light"] .booking-table th { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.1) 100%) !important; color: #1a1a2e !important; border-color: rgba(0, 0, 0, 0.08) !important; font-weight: 600 !important; } .theme-light .booking-table td, [data-theme="light"] .booking-table td { color: #333333 !important; border-color: rgba(0, 0, 0, 0.08) !important; } .theme-light .booking-table tr:hover td, [data-theme="light"] .booking-table tr:hover td { background: rgba(0, 136, 85, 0.05) !important; } /* Кнопки системы (btn-system) */ .theme-light .btn-system, [data-theme="light"] .btn-system { color: #ffffff !important; } .theme-light .btn-blue, [data-theme="light"] .btn-blue { background: linear-gradient(135deg, #0066cc 0%, #0099ff 100%) !important; box-shadow: 0 2px 10px rgba(0, 102, 204, 0.2) !important; } .theme-light .btn-blue:hover, [data-theme="light"] .btn-blue:hover { box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3) !important; } .theme-light .btn-green, [data-theme="light"] .btn-green { background: linear-gradient(135deg, #008855 0%, #00cc66 100%) !important; box-shadow: 0 2px 10px rgba(0, 136, 85, 0.2) !important; } .theme-light .btn-green:hover, [data-theme="light"] .btn-green:hover { box-shadow: 0 4px 15px rgba(0, 136, 85, 0.3) !important; } .theme-light .btn-orange, [data-theme="light"] .btn-orange { background: linear-gradient(135deg, #cc6600 0%, #ff8800 100%) !important; box-shadow: 0 2px 10px rgba(204, 102, 0, 0.2) !important; } .theme-light .btn-orange:hover, [data-theme="light"] .btn-orange:hover { box-shadow: 0 4px 15px rgba(204, 102, 0, 0.3) !important; } /* Модальное окно истории */ .theme-light .modal-content, [data-theme="light"] .modal-content { background: rgba(255, 255, 255, 0.98) !important; } .theme-light .modal-header, [data-theme="light"] .modal-header { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .modal-title, [data-theme="light"] .modal-title { color: #1a1a2e !important; } .theme-light .modal-body, [data-theme="light"] .modal-body { color: #333333 !important; } .theme-light .close-btn, [data-theme="light"] .close-btn { color: #666666 !important; } .theme-light .close-btn:hover, [data-theme="light"] .close-btn:hover { color: #333333 !important; } /* Элементы в модальном окне */ .theme-light #client-info, [data-theme="light"] #client-info { background: rgba(0, 0, 0, 0.03) !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light #client-info .label, [data-theme="light"] #client-info .label { color: var(--primary) !important; } /* Вкладки */ .theme-light .system-tabs, [data-theme="light"] .system-tabs { background: rgba(255, 255, 255, 0.95) !important; border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .tab-btn, [data-theme="light"] .tab-btn { color: #666666 !important; } .theme-light .tab-btn:hover, [data-theme="light"] .tab-btn:hover { color: #333333 !important; background: rgba(0, 0, 0, 0.03) !important; } .theme-light .tab-btn.active, [data-theme="light"] .tab-btn.active { color: var(--primary) !important; border-bottom-color: var(--primary) !important; } /* Селектор даты и времени в шапке */ .theme-light .header-actions, [data-theme="light"] .header-actions { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important; } .theme-light .date-selector, [data-theme="light"] .date-selector { color: #1a1a2e !important; } .theme-light .date-selector > span, [data-theme="light"] .date-selector > span { color: var(--primary) !important; text-shadow: none !important; } /* Селекторы даты и интервала в шапке */ .theme-light .header-actions .form-control, .theme-light .date-selector .form-control, .theme-light .date-selector select, [data-theme="light"] .header-actions .form-control, [data-theme="light"] .date-selector .form-control, [data-theme="light"] .date-selector select { background: rgba(255, 255, 255, 1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light .header-actions .form-control:focus, .theme-light .date-selector .form-control:focus, [data-theme="light"] .header-actions .form-control:focus, [data-theme="light"] .date-selector .form-control:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(0, 136, 85, 0.15) !important; } /* ============================================================================= ВЕРХНЯЯ НАВИГАЦИОННАЯ ПАНЕЛЬ (booking_calendar.html) ============================================================================= */ .theme-light .top-navbar, [data-theme="light"] .top-navbar { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important; border-bottom-color: var(--primary) !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; } .theme-light .top-navbar .brand, [data-theme="light"] .top-navbar .brand { color: var(--primary) !important; text-shadow: none !important; animation: none !important; } .theme-light .top-navbar .nav-btn, [data-theme="light"] .top-navbar .nav-btn { background: rgba(255, 255, 255, 0.95) !important; color: #1a1a2e !important; border-color: rgba(0, 0, 0, 0.12) !important; } .theme-light .top-navbar .nav-btn:hover, [data-theme="light"] .top-navbar .nav-btn:hover { background: var(--primary) !important; color: #ffffff !important; border-color: var(--primary) !important; } /* Кнопка блокировки - красная */ .theme-light .top-navbar .nav-btn[style*="255, 0, 102"], [data-theme="light"] .top-navbar .nav-btn[style*="255, 0, 102"] { background: rgba(204, 0, 51, 0.1) !important; color: #cc0033 !important; border-color: #cc0033 !important; } .theme-light .top-navbar .nav-btn[style*="255, 0, 102"]:hover, [data-theme="light"] .top-navbar .nav-btn[style*="255, 0, 102"]:hover { background: #cc0033 !important; color: #ffffff !important; } /* ============================================================================= ЯЧЕЙКИ ТАБЛИЦЫ БРОНИРОВАНИЯ ============================================================================= */ /* Ячейки времени (левая колонка) */ .theme-light .time-cell, [data-theme="light"] .time-cell { background: linear-gradient(135deg, rgba(240, 242, 245, 1) 0%, rgba(232, 234, 237, 1) 100%) !important; color: var(--primary) !important; text-shadow: none !important; border-right-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .time-cell::after, [data-theme="light"] .time-cell::after { background: var(--primary) !important; } /* Обычные ячейки таблицы */ .theme-light .booking-cell, [data-theme="light"] .booking-cell { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.08) !important; } .theme-light .booking-cell:hover, [data-theme="light"] .booking-cell:hover { background: rgba(0, 136, 85, 0.12) !important; box-shadow: inset 0 0 0 2px var(--primary) !important; border-color: var(--primary) !important; } /* Строки таблицы */ .theme-light .booking-table tbody tr, [data-theme="light"] .booking-table tbody tr { background: #ffffff !important; } .theme-light .booking-table tbody tr:hover, [data-theme="light"] .booking-table tbody tr:hover { background: rgba(0, 136, 85, 0.08) !important; } .theme-light .booking-table tbody tr:hover td, [data-theme="light"] .booking-table tbody tr:hover td { border-color: rgba(0, 136, 85, 0.2) !important; } /* Эффект ряби для светлой темы */ .theme-light .booking-cell::after, [data-theme="light"] .booking-cell::after { background: rgba(0, 136, 85, 0.4) !important; } /* ============================================================================= СТРАНИЦА ТОВАРОВ (products.html) ============================================================================= */ /* Контейнер таблицы товаров */ .theme-light .table-container, [data-theme="light"] .table-container { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } /* Таблица товаров */ .theme-light .table-neon, [data-theme="light"] .table-neon { background: #ffffff !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .table-neon thead, [data-theme="light"] .table-neon thead { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.1) 100%) !important; border-bottom-color: var(--primary) !important; } .theme-light .table-neon th, [data-theme="light"] .table-neon th { color: var(--primary) !important; text-shadow: none !important; } .theme-light .table-neon td, [data-theme="light"] .table-neon td { background: #ffffff !important; color: #1a1a2e !important; border-bottom-color: rgba(0, 0, 0, 0.08) !important; } .theme-light .table-neon tbody tr:hover, [data-theme="light"] .table-neon tbody tr:hover { background: rgba(0, 136, 85, 0.05) !important; } .theme-light .table-neon tbody tr:hover td, [data-theme="light"] .table-neon tbody tr:hover td { color: #1a1a2e !important; } .theme-light .table-neon tbody tr:nth-child(even) td, [data-theme="light"] .table-neon tbody tr:nth-child(even) td { background: rgba(248, 249, 250, 1) !important; } /* Текстовые элементы */ .theme-light .product-name, [data-theme="light"] .product-name { color: #1a1a2e !important; } .theme-light .product-id, [data-theme="light"] .product-id { color: #666666 !important; } .theme-light .price-text, [data-theme="light"] .price-text { color: var(--primary) !important; text-shadow: none !important; } .theme-light .category-text, [data-theme="light"] .category-text { color: #333333 !important; } .theme-light .stock-text, [data-theme="light"] .stock-text { color: #333333 !important; } /* Тип товара (бейдж) */ .theme-light .product-type, [data-theme="light"] .product-type { background: rgba(0, 102, 204, 0.1) !important; color: #0066cc !important; border-color: rgba(0, 102, 204, 0.3) !important; } .theme-light .product-type.service, [data-theme="light"] .product-type.service { background: rgba(136, 0, 170, 0.1) !important; color: #8800aa !important; border-color: rgba(136, 0, 170, 0.3) !important; } /* Изображение товара */ .theme-light .product-image, [data-theme="light"] .product-image { border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; } /* Заглушка для изображения */ .theme-light td div[style*="background: rgba(255, 255, 255, 0.05)"], [data-theme="light"] td div[style*="background: rgba(255, 255, 255, 0.05)"] { background: rgba(0, 0, 0, 0.03) !important; border-color: rgba(0, 0, 0, 0.1) !important; } /* Кнопки в таблице */ .theme-light .btn-neon-warning, [data-theme="light"] .btn-neon-warning { background: rgba(204, 136, 0, 0.1) !important; color: #cc8800 !important; border-color: rgba(204, 136, 0, 0.3) !important; } .theme-light .btn-neon-warning:hover, [data-theme="light"] .btn-neon-warning:hover { background: #cc8800 !important; color: #ffffff !important; } .theme-light .btn-neon-danger, [data-theme="light"] .btn-neon-danger { background: rgba(204, 0, 51, 0.1) !important; color: #cc0033 !important; border-color: rgba(204, 0, 51, 0.3) !important; } .theme-light .btn-neon-danger:hover, [data-theme="light"] .btn-neon-danger:hover { background: #cc0033 !important; color: #ffffff !important; } /* Заголовок страницы */ .theme-light .page-title, [data-theme="light"] .page-title { color: var(--primary) !important; text-shadow: none !important; } .theme-light .page-title i, [data-theme="light"] .page-title i { color: var(--primary) !important; } /* Модальные окна на странице товаров */ .theme-light .modal-content .form-label, [data-theme="light"] .modal-content .form-label { color: #1a1a2e !important; } .theme-light .modal-content .form-text, .theme-light .modal-content .text-muted, [data-theme="light"] .modal-content .form-text, [data-theme="light"] .modal-content .text-muted { color: #666666 !important; } /* ============================================================================= СТРАНИЦА ПОЛЬЗОВАТЕЛЕЙ (users.html) ============================================================================= */ /* Карточки */ .theme-light .stat-card, [data-theme="light"] .stat-card { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .stat-card:hover, [data-theme="light"] .stat-card:hover { box-shadow: 0 8px 30px rgba(0, 136, 85, 0.12) !important; border-color: var(--primary) !important; } .theme-light .stat-card::before, [data-theme="light"] .stat-card::before { background: linear-gradient(90deg, transparent, var(--primary), transparent) !important; } /* Заголовки карточек */ .theme-light .stat-card h4, .theme-light .stat-card h5, .theme-light .stat-card .card-header, [data-theme="light"] .stat-card h4, [data-theme="light"] .stat-card h5, [data-theme="light"] .stat-card .card-header { color: var(--primary) !important; } /* Кнопки на странице пользователей */ body.theme-light .btn-neon, .theme-light .stat-card .btn-neon, .theme-light .card-body .btn-neon, .theme-light form .btn-neon, .theme-light .container .btn-neon, [data-theme="light"] .btn-neon { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; border-color: #008855 !important; color: #ffffff !important; text-shadow: none !important; } body.theme-light .btn-neon:hover, .theme-light .stat-card .btn-neon:hover, .theme-light .card-body .btn-neon:hover, .theme-light form .btn-neon:hover, .theme-light .container .btn-neon:hover, [data-theme="light"] .btn-neon:hover { background: linear-gradient(135deg, #006644 0%, #008855 100%) !important; box-shadow: 0 4px 15px rgba(0, 136, 85, 0.4) !important; color: #ffffff !important; transform: translateY(-2px); } /* Кнопка "Назад" - синяя */ body.theme-light .btn-neon-secondary, .theme-light .stat-card .btn-neon-secondary, .theme-light .card-body .btn-neon-secondary, [data-theme="light"] .btn-neon-secondary { background: #ffffff !important; border: 1px solid #0066cc !important; color: #0066cc !important; text-shadow: none !important; } body.theme-light .btn-neon-secondary:hover, .theme-light .stat-card .btn-neon-secondary:hover, .theme-light .card-body .btn-neon-secondary:hover, [data-theme="light"] .btn-neon-secondary:hover { background: #0066cc !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3) !important; } /* Кнопка "Изменить" - оранжевая */ body.theme-light .btn-neon-warning, .theme-light .stat-card .btn-neon-warning, .theme-light .card-body .btn-neon-warning, .theme-light .table .btn-neon-warning, [data-theme="light"] .btn-neon-warning { background: #ffffff !important; border: 1px solid #cc8800 !important; color: #cc8800 !important; text-shadow: none !important; } body.theme-light .btn-neon-warning:hover, .theme-light .stat-card .btn-neon-warning:hover, .theme-light .card-body .btn-neon-warning:hover, .theme-light .table .btn-neon-warning:hover, [data-theme="light"] .btn-neon-warning:hover { background: #cc8800 !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(204, 136, 0, 0.3) !important; } /* Кнопка "Удалить" - красная */ body.theme-light .btn-neon-danger, .theme-light .stat-card .btn-neon-danger, .theme-light .card-body .btn-neon-danger, .theme-light .table .btn-neon-danger, [data-theme="light"] .btn-neon-danger { background: #ffffff !important; border: 1px solid #cc0033 !important; color: #cc0033 !important; text-shadow: none !important; } body.theme-light .btn-neon-danger:hover, .theme-light .stat-card .btn-neon-danger:hover, .theme-light .card-body .btn-neon-danger:hover, .theme-light .table .btn-neon-danger:hover, [data-theme="light"] .btn-neon-danger:hover { background: #cc0033 !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(204, 0, 51, 0.3) !important; } /* Таблица пользователей */ .theme-light .table, [data-theme="light"] .table { background: #ffffff !important; color: #1a1a2e !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .table thead, [data-theme="light"] .table thead { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.1) 100%) !important; } .theme-light .table th, [data-theme="light"] .table th { color: var(--primary) !important; text-shadow: none !important; border-bottom-color: var(--primary) !important; background: transparent !important; } .theme-light .table td, [data-theme="light"] .table td { color: #1a1a2e !important; border-color: rgba(0, 0, 0, 0.08) !important; background: #ffffff !important; } .theme-light .table tbody tr, [data-theme="light"] .table tbody tr { background: #ffffff !important; } .theme-light .table tbody tr:hover, [data-theme="light"] .table tbody tr:hover { background: rgba(0, 136, 85, 0.05) !important; } .theme-light .table tbody tr:hover td, [data-theme="light"] .table tbody tr:hover td { color: #1a1a2e !important; } /* Формы в карточках */ .theme-light .stat-card .form-label, .theme-light .stat-card label, [data-theme="light"] .stat-card .form-label, [data-theme="light"] .stat-card label { color: #1a1a2e !important; } /* Загрузка фото */ .theme-light .file-upload-btn, [data-theme="light"] .file-upload-btn { background: rgba(0, 0, 0, 0.03) !important; border-color: rgba(0, 0, 0, 0.1) !important; color: #1a1a2e !important; } .theme-light .file-upload-btn:hover, [data-theme="light"] .file-upload-btn:hover { background: rgba(0, 136, 85, 0.1) !important; border-color: var(--primary) !important; } /* ============================================================================= СТРАНИЦА БЛОКИРОВКИ (lock_screen.html) ============================================================================= */ /* Секция активных сессий */ .theme-light .sessions-section, [data-theme="light"] .sessions-section { background: rgba(248, 249, 250, 1) !important; border-right-color: rgba(0, 0, 0, 0.1) !important; } /* Заголовок */ .theme-light .sessions-header, [data-theme="light"] .sessions-header { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .sessions-title, [data-theme="light"] .sessions-title { background: linear-gradient(45deg, var(--primary), var(--secondary)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } .theme-light .sessions-subtitle, [data-theme="light"] .sessions-subtitle { color: #666666 !important; } /* Сетка карточек */ .theme-light .sessions-grid, [data-theme="light"] .sessions-grid { gap: 15px; } /* Карточка сессии */ .theme-light .session-card, [data-theme="light"] .session-card { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important; } .theme-light .session-card:hover, [data-theme="light"] .session-card:hover { box-shadow: 0 4px 20px rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.3) !important; } .theme-light .session-card.active, [data-theme="light"] .session-card.active { border-color: var(--primary) !important; box-shadow: 0 0 15px rgba(0, 136, 85, 0.15) !important; } .theme-light .session-card.paused, [data-theme="light"] .session-card.paused { border-color: #cc8800 !important; opacity: 0.85; } /* Имя клиента */ .theme-light .client-name, [data-theme="light"] .client-name { color: #1a1a2e !important; text-shadow: none !important; } /* Бейдж зоны */ .theme-light .zone-badge, [data-theme="light"] .zone-badge { background: rgba(0, 136, 85, 0.15) !important; color: var(--primary) !important; border: 1px solid rgba(0, 136, 85, 0.3) !important; } /* Информация в карточке */ .theme-light .session-info, [data-theme="light"] .session-info { color: #333333 !important; } .theme-light .info-row, [data-theme="light"] .info-row { border-bottom-color: rgba(0, 0, 0, 0.05) !important; } .theme-light .info-label, [data-theme="light"] .info-label { color: #666666 !important; } .theme-light .info-label i, [data-theme="light"] .info-label i { color: var(--primary) !important; } .theme-light .info-value, [data-theme="light"] .info-value { color: #1a1a2e !important; } .theme-light .price-value, [data-theme="light"] .price-value { color: var(--primary) !important; font-weight: 700 !important; } /* Пустое состояние */ .theme-light .no-sessions, [data-theme="light"] .no-sessions { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.1) !important; color: #666666 !important; } .theme-light .no-sessions i, [data-theme="light"] .no-sessions i { color: #999999 !important; } /* Секция ожидаемых гостей */ .theme-light .upcoming-bookings-section, [data-theme="light"] .upcoming-bookings-section { border-top-color: rgba(0, 0, 0, 0.1) !important; } /* Кнопки истории звонков */ .theme-light .calls-buttons-container, [data-theme="light"] .calls-buttons-container { background: rgba(248, 249, 250, 1) !important; } .theme-light .calls-history-toggle, [data-theme="light"] .calls-history-toggle { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.1) !important; color: #1a1a2e !important; } .theme-light .calls-history-toggle:hover, [data-theme="light"] .calls-history-toggle:hover { background: rgba(0, 136, 85, 0.1) !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .missed-calls-toggle, [data-theme="light"] .missed-calls-toggle { border-color: #cc0033 !important; color: #cc0033 !important; } .theme-light .missed-calls-toggle:hover, [data-theme="light"] .missed-calls-toggle:hover { background: rgba(204, 0, 51, 0.1) !important; } /* Контейнер истории звонков */ .theme-light .calls-history-container, [data-theme="light"] .calls-history-container { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .calls-history-header, [data-theme="light"] .calls-history-header { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .calls-history-header h3, [data-theme="light"] .calls-history-header h3 { color: var(--primary) !important; } /* Элементы истории звонков */ .theme-light .call-item, [data-theme="light"] .call-item { background: rgba(248, 249, 250, 1) !important; border-color: rgba(0, 0, 0, 0.08) !important; color: #1a1a2e !important; } .theme-light .call-item:hover, [data-theme="light"] .call-item:hover { background: rgba(0, 136, 85, 0.05) !important; border-color: rgba(0, 136, 85, 0.2) !important; } /* Скроллбар */ .theme-light .sessions-section::-webkit-scrollbar-track, [data-theme="light"] .sessions-section::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05) !important; } .theme-light .sessions-section::-webkit-scrollbar-thumb, [data-theme="light"] .sessions-section::-webkit-scrollbar-thumb { background: rgba(0, 136, 85, 0.3) !important; } /* Элементы бронирования внутри ячеек */ .theme-light .booking-item, [data-theme="light"] .booking-item { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; } .theme-light .booking-item:hover, [data-theme="light"] .booking-item:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; } .theme-light .booking-item.highlight, [data-theme="light"] .booking-item.highlight { outline-color: var(--primary) !important; } /* Скроллбар для светлой темы */ .theme-light ::-webkit-scrollbar-track, [data-theme="light"] ::-webkit-scrollbar-track { background: var(--bg-secondary); } .theme-light ::-webkit-scrollbar-thumb, [data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } .theme-light ::-webkit-scrollbar-thumb:hover, [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.35); } /* ============================================================================= СТРАНИЦЫ СТАТИСТИКИ И БУХГАЛТЕРИИ (statistics.html, accounting_index.html) ============================================================================= */ /* Навигация */ .theme-light .nav-header, [data-theme="light"] .nav-header { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%) !important; border-bottom-color: var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .nav-title, [data-theme="light"] .nav-title { color: var(--primary) !important; text-shadow: none !important; } /* Карточки функций (accounting) */ .theme-light .feature-card, [data-theme="light"] .feature-card { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .feature-card:hover, [data-theme="light"] .feature-card:hover { box-shadow: 0 8px 30px rgba(0, 136, 85, 0.15) !important; border-color: var(--primary) !important; } .theme-light .feature-card::before, [data-theme="light"] .feature-card::before { background: linear-gradient(135deg, rgba(0, 136, 85, 0.05) 0%, transparent 50%) !important; } .theme-light .feature-icon, [data-theme="light"] .feature-icon { color: var(--primary) !important; text-shadow: none !important; } .theme-light .feature-title, [data-theme="light"] .feature-title { color: #1a1a2e !important; } .theme-light .feature-description, [data-theme="light"] .feature-description { color: #666666 !important; } /* Карточки статистики с разными цветами */ .theme-light .stat-card.primary, [data-theme="light"] .stat-card.primary { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 136, 85, 0.3) !important; } .theme-light .stat-card.primary::before, [data-theme="light"] .stat-card.primary::before { background: radial-gradient(circle, rgba(0, 136, 85, 0.08) 0%, transparent 70%) !important; } .theme-light .stat-card.success, [data-theme="light"] .stat-card.success { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 102, 204, 0.3) !important; } .theme-light .stat-card.success::before, [data-theme="light"] .stat-card.success::before { background: radial-gradient(circle, rgba(0, 102, 204, 0.08) 0%, transparent 70%) !important; } .theme-light .stat-card.info, [data-theme="light"] .stat-card.info { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(153, 0, 204, 0.3) !important; } .theme-light .stat-card.info::before, [data-theme="light"] .stat-card.info::before { background: radial-gradient(circle, rgba(153, 0, 204, 0.08) 0%, transparent 70%) !important; } .theme-light .stat-card.danger, [data-theme="light"] .stat-card.danger { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(204, 0, 51, 0.3) !important; } .theme-light .stat-card.danger::before, [data-theme="light"] .stat-card.danger::before { background: radial-gradient(circle, rgba(204, 0, 51, 0.08) 0%, transparent 70%) !important; } /* Статистические значения и подписи */ .theme-light .stat-label, [data-theme="light"] .stat-label { color: #666666 !important; } .theme-light .stat-value, [data-theme="light"] .stat-value { color: #1a1a2e !important; text-shadow: none !important; } /* Специфичные цвета для stat-card.primary .stat-value */ .theme-light .stat-card.primary .stat-value, [data-theme="light"] .stat-card.primary .stat-value { color: var(--primary) !important; } .theme-light .stat-card.success .stat-value, [data-theme="light"] .stat-card.success .stat-value { color: #0066cc !important; } .theme-light .stat-card.info .stat-value, [data-theme="light"] .stat-card.info .stat-value { color: #9900cc !important; } .theme-light .stat-card.danger .stat-value, [data-theme="light"] .stat-card.danger .stat-value { color: #cc0033 !important; } /* Кнопка btn-neon-primary на страницах статистики и бухгалтерии */ .theme-light .btn-neon-primary, .theme-light .feature-card .btn-neon-primary, [data-theme="light"] .btn-neon-primary, [data-theme="light"] .feature-card .btn-neon-primary { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; border-color: #008855 !important; color: #ffffff !important; text-shadow: none !important; } .theme-light .btn-neon-primary:hover, .theme-light .feature-card .btn-neon-primary:hover, [data-theme="light"] .btn-neon-primary:hover, [data-theme="light"] .feature-card .btn-neon-primary:hover { background: linear-gradient(135deg, #006644 0%, #008855 100%) !important; box-shadow: 0 4px 15px rgba(0, 136, 85, 0.4) !important; } /* Модальные окна на странице бухгалтерии */ .theme-light .modal-content, [data-theme="light"] .modal-content { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important; } .theme-light .modal-header, [data-theme="light"] .modal-header { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .modal-footer, [data-theme="light"] .modal-footer { border-top-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .modal-title, [data-theme="light"] .modal-title { color: var(--primary) !important; text-shadow: none !important; } /* Формы в модальных окнах */ .theme-light .modal .form-control, .theme-light .modal .form-select, [data-theme="light"] .modal .form-control, [data-theme="light"] .modal .form-select { background: rgba(248, 249, 250, 1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light .modal .form-control:focus, .theme-light .modal .form-select:focus, [data-theme="light"] .modal .form-control:focus, [data-theme="light"] .modal .form-select:focus { background: #ffffff !important; border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(0, 136, 85, 0.1) !important; color: #1a1a2e !important; } .theme-light .modal .form-label, [data-theme="light"] .modal .form-label { color: #1a1a2e !important; font-weight: 500 !important; } .theme-light .modal .form-text, [data-theme="light"] .modal .form-text { color: #666666 !important; } /* Вкладки в модальных окнах */ .theme-light .nav-tabs, [data-theme="light"] .nav-tabs { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .nav-tabs .nav-link, [data-theme="light"] .nav-tabs .nav-link { color: #666666 !important; } .theme-light .nav-tabs .nav-link:hover, [data-theme="light"] .nav-tabs .nav-link:hover { border-color: rgba(0, 0, 0, 0.1) !important; color: var(--primary) !important; } .theme-light .nav-tabs .nav-link.active, [data-theme="light"] .nav-tabs .nav-link.active { background: rgba(0, 136, 85, 0.08) !important; border-color: var(--primary) var(--primary) transparent !important; color: var(--primary) !important; } /* Alert в модальных окнах */ .theme-light .modal .alert-info, [data-theme="light"] .modal .alert-info { background: rgba(0, 102, 204, 0.08) !important; border-color: rgba(0, 102, 204, 0.2) !important; color: #0055aa !important; } /* Анимация загрузки */ .theme-light .loading, [data-theme="light"] .loading { border-color: rgba(0, 0, 0, 0.1) !important; border-top-color: var(--primary) !important; } /* File input в модальных окнах */ .theme-light input[type="file"].form-control, [data-theme="light"] input[type="file"].form-control { background: rgba(248, 249, 250, 1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light input[type="file"].form-control::file-selector-button, [data-theme="light"] input[type="file"].form-control::file-selector-button { background: rgba(0, 136, 85, 0.1) !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light input[type="file"].form-control::file-selector-button:hover, [data-theme="light"] input[type="file"].form-control::file-selector-button:hover { background: rgba(0, 136, 85, 0.2) !important; } /* ============================================================================= СТРАНИЦА СТАТИСТИКИ (statistics.html) - расширенные стили ============================================================================= */ /* Секция фильтра дат */ .theme-light .date-filter, [data-theme="light"] .date-filter { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 15px !important; padding: 20px !important; margin-bottom: 25px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } /* Формы в фильтре дат */ .theme-light .date-filter .form-label, [data-theme="light"] .date-filter .form-label { color: #1a1a2e !important; font-weight: 500 !important; } .theme-light .date-filter .form-control, .theme-light .date-filter input[type="date"], .theme-light .date-filter input[type="time"], [data-theme="light"] .date-filter .form-control, [data-theme="light"] .date-filter input[type="date"], [data-theme="light"] .date-filter input[type="time"] { background: rgba(248, 249, 250, 1) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; border-radius: 8px !important; } .theme-light .date-filter .form-control:focus, .theme-light .date-filter input[type="date"]:focus, .theme-light .date-filter input[type="time"]:focus, [data-theme="light"] .date-filter .form-control:focus, [data-theme="light"] .date-filter input[type="date"]:focus, [data-theme="light"] .date-filter input[type="time"]:focus { background: #ffffff !important; border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(0, 136, 85, 0.1) !important; color: #1a1a2e !important; } /* Радиокнопки */ .theme-light .form-check-input, [data-theme="light"] .form-check-input { background-color: rgba(248, 249, 250, 1) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; } .theme-light .form-check-input:checked, [data-theme="light"] .form-check-input:checked { background-color: var(--primary) !important; border-color: var(--primary) !important; } .theme-light .form-check-label, [data-theme="light"] .form-check-label { color: #1a1a2e !important; } /* Быстрый выбор даты */ .theme-light .quick-date-btn, [data-theme="light"] .quick-date-btn { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; margin: 3px !important; transition: all 0.2s ease !important; } .theme-light .quick-date-btn:hover, [data-theme="light"] .quick-date-btn:hover { background: rgba(0, 136, 85, 0.1) !important; border-color: var(--primary) !important; color: var(--primary) !important; } /* Бейджи */ .theme-light .badge, [data-theme="light"] .badge { text-shadow: none !important; } .theme-light .badge.bg-info, [data-theme="light"] .badge.bg-info { background: rgba(0, 102, 204, 0.15) !important; color: #0066cc !important; } .theme-light .badge.bg-primary, [data-theme="light"] .badge.bg-primary { background: rgba(0, 136, 85, 0.15) !important; color: var(--primary) !important; } .theme-light .badge.bg-success, [data-theme="light"] .badge.bg-success { background: rgba(0, 136, 85, 0.15) !important; color: var(--primary) !important; } .theme-light .badge.bg-warning, [data-theme="light"] .badge.bg-warning { background: rgba(204, 136, 0, 0.15) !important; color: #cc8800 !important; } .theme-light .badge.bg-danger, [data-theme="light"] .badge.bg-danger { background: rgba(204, 0, 51, 0.15) !important; color: #cc0033 !important; } /* Карточки статистики - заголовки с разными цветами */ .theme-light .stat-card .card-header.bg-primary, [data-theme="light"] .stat-card .card-header.bg-primary { background: linear-gradient(135deg, rgba(0, 136, 85, 0.15) 0%, rgba(0, 136, 85, 0.08) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .stat-card .card-header.bg-primary h5, .theme-light .stat-card .card-header.bg-primary i, [data-theme="light"] .stat-card .card-header.bg-primary h5, [data-theme="light"] .stat-card .card-header.bg-primary i { color: var(--primary) !important; text-shadow: none !important; } .theme-light .stat-card .card-header.bg-secondary, [data-theme="light"] .stat-card .card-header.bg-secondary { background: linear-gradient(135deg, rgba(0, 102, 204, 0.15) 0%, rgba(0, 102, 204, 0.08) 100%) !important; border-bottom: 2px solid #0066cc !important; } .theme-light .stat-card .card-header.bg-secondary h5, .theme-light .stat-card .card-header.bg-secondary i, [data-theme="light"] .stat-card .card-header.bg-secondary h5, [data-theme="light"] .stat-card .card-header.bg-secondary i { color: #0066cc !important; text-shadow: none !important; } .theme-light .stat-card .card-header.bg-info, [data-theme="light"] .stat-card .card-header.bg-info { background: linear-gradient(135deg, rgba(153, 0, 204, 0.15) 0%, rgba(153, 0, 204, 0.08) 100%) !important; border-bottom: 2px solid #9900cc !important; } .theme-light .stat-card .card-header.bg-info h5, .theme-light .stat-card .card-header.bg-info i, [data-theme="light"] .stat-card .card-header.bg-info h5, [data-theme="light"] .stat-card .card-header.bg-info i { color: #9900cc !important; text-shadow: none !important; } .theme-light .stat-card .card-header.bg-success, [data-theme="light"] .stat-card .card-header.bg-success { background: linear-gradient(135deg, rgba(0, 136, 85, 0.15) 0%, rgba(0, 136, 85, 0.08) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .stat-card .card-header.bg-success h5, .theme-light .stat-card .card-header.bg-success i, [data-theme="light"] .stat-card .card-header.bg-success h5, [data-theme="light"] .stat-card .card-header.bg-success i { color: var(--primary) !important; text-shadow: none !important; } .theme-light .stat-card .card-header.bg-warning, [data-theme="light"] .stat-card .card-header.bg-warning { background: linear-gradient(135deg, rgba(204, 136, 0, 0.15) 0%, rgba(204, 136, 0, 0.08) 100%) !important; border-bottom: 2px solid #cc8800 !important; } .theme-light .stat-card .card-header.bg-warning h5, .theme-light .stat-card .card-header.bg-warning i, [data-theme="light"] .stat-card .card-header.bg-warning h5, [data-theme="light"] .stat-card .card-header.bg-warning i { color: #cc8800 !important; text-shadow: none !important; } .theme-light .stat-card .card-header.bg-danger, [data-theme="light"] .stat-card .card-header.bg-danger { background: linear-gradient(135deg, rgba(204, 0, 51, 0.15) 0%, rgba(204, 0, 51, 0.08) 100%) !important; border-bottom: 2px solid #cc0033 !important; } .theme-light .stat-card .card-header.bg-danger h5, .theme-light .stat-card .card-header.bg-danger i, [data-theme="light"] .stat-card .card-header.bg-danger h5, [data-theme="light"] .stat-card .card-header.bg-danger i { color: #cc0033 !important; text-shadow: none !important; } /* Тело карточки */ .theme-light .stat-card .card-body, [data-theme="light"] .stat-card .card-body { background: rgba(255, 255, 255, 0.5) !important; } /* Таблицы внутри карточек статистики */ .theme-light .stat-card .table, [data-theme="light"] .stat-card .table { background: transparent !important; color: #1a1a2e !important; } .theme-light .stat-card .table th, [data-theme="light"] .stat-card .table th { color: var(--primary) !important; border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .stat-card .table td, [data-theme="light"] .stat-card .table td { color: #1a1a2e !important; border-color: rgba(0, 0, 0, 0.06) !important; } .theme-light .stat-card .table tbody tr:hover, [data-theme="light"] .stat-card .table tbody tr:hover { background: rgba(0, 136, 85, 0.03) !important; } /* Строки итогов */ .theme-light .stat-card .table .total-row, .theme-light .stat-card .table .profit-row, [data-theme="light"] .stat-card .table .total-row, [data-theme="light"] .stat-card .table .profit-row { background: rgba(0, 136, 85, 0.05) !important; } .theme-light .stat-card .table .total-row th, .theme-light .stat-card .table .profit-row th, [data-theme="light"] .stat-card .table .total-row th, [data-theme="light"] .stat-card .table .profit-row th { border-top: 2px solid var(--primary) !important; } /* Прогресс-бары */ .theme-light .progress-bar-container, [data-theme="light"] .progress-bar-container { background: rgba(0, 0, 0, 0.05) !important; border-radius: 10px !important; overflow: hidden !important; } .theme-light .progress-bar, [data-theme="light"] .progress-bar { background: linear-gradient(90deg, var(--primary) 0%, rgba(0, 136, 85, 0.7) 100%) !important; height: 8px !important; border-radius: 10px !important; } /* Alert информационные блоки */ .theme-light .alert-info, [data-theme="light"] .alert-info { background: rgba(0, 102, 204, 0.08) !important; border-color: rgba(0, 102, 204, 0.2) !important; color: #0055aa !important; } .theme-light .alert-info h5, .theme-light .alert-info strong, [data-theme="light"] .alert-info h5, [data-theme="light"] .alert-info strong { color: #004488 !important; } .theme-light .alert-info i, [data-theme="light"] .alert-info i { color: #0066cc !important; } .theme-light .alert-warning, [data-theme="light"] .alert-warning { background: rgba(204, 136, 0, 0.08) !important; border-color: rgba(204, 136, 0, 0.2) !important; color: #996600 !important; } .theme-light .alert-danger, [data-theme="light"] .alert-danger { background: rgba(204, 0, 51, 0.08) !important; border-color: rgba(204, 0, 51, 0.2) !important; color: #990033 !important; } .theme-light .alert-success, [data-theme="light"] .alert-success { background: rgba(0, 136, 85, 0.08) !important; border-color: rgba(0, 136, 85, 0.2) !important; color: #006644 !important; } /* Контейнеры графиков */ .theme-light .chart-container, [data-theme="light"] .chart-container { background: rgba(248, 249, 250, 0.5) !important; border-radius: 10px !important; padding: 15px !important; } /* Подзаголовки разделов */ .theme-light .tab-pane h4, [data-theme="light"] .tab-pane h4 { color: var(--primary) !important; text-shadow: none !important; } /* Списки внутри карточек */ .theme-light .stat-card .list-group-item, [data-theme="light"] .stat-card .list-group-item { background: rgba(255, 255, 255, 0.8) !important; border-color: rgba(0, 0, 0, 0.08) !important; color: #1a1a2e !important; } .theme-light .stat-card .list-group-item:hover, [data-theme="light"] .stat-card .list-group-item:hover { background: rgba(0, 136, 85, 0.05) !important; } /* Small text в статистике */ .theme-light .text-muted, [data-theme="light"] .text-muted { color: #666666 !important; } /* ============================================================================= СТРАНИЦА ТЕКУЩЕЙ СМЕНЫ (current_shift.html) ============================================================================= */ /* Навигация Bootstrap */ .theme-light .navbar.bg-dark, [data-theme="light"] .navbar.bg-dark { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%) !important; border-bottom: 2px solid var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .navbar-brand, [data-theme="light"] .navbar-brand { color: var(--primary) !important; text-shadow: none !important; } /* Кнопки outline */ .theme-light .btn-outline-light, [data-theme="light"] .btn-outline-light { border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-outline-light:hover, [data-theme="light"] .btn-outline-light:hover { background: var(--primary) !important; color: #ffffff !important; } .theme-light .btn-outline-primary, [data-theme="light"] .btn-outline-primary { border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-outline-primary:hover, [data-theme="light"] .btn-outline-primary:hover { background: var(--primary) !important; color: #ffffff !important; } /* Секция времени смены */ .theme-light .shift-time, [data-theme="light"] .shift-time { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 15px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } /* Прогресс-бар смены */ .theme-light .shift-progress, [data-theme="light"] .shift-progress { background: rgba(0, 0, 0, 0.05) !important; border-radius: 10px !important; height: 12px !important; } .theme-light .shift-progress .progress-bar, [data-theme="light"] .shift-progress .progress-bar { background: linear-gradient(90deg, var(--primary) 0%, rgba(0, 136, 85, 0.7) 100%) !important; } /* Заголовок таблицы - table-light */ .theme-light .table-light, [data-theme="light"] .table-light { background: linear-gradient(135deg, rgba(0, 136, 85, 0.08) 0%, rgba(0, 102, 204, 0.05) 100%) !important; } .theme-light .table-light th, [data-theme="light"] .table-light th { color: var(--primary) !important; text-shadow: none !important; border-color: rgba(0, 0, 0, 0.1) !important; } /* Цветные строки таблицы */ .theme-light .table-primary, [data-theme="light"] .table-primary { background: rgba(0, 136, 85, 0.08) !important; } .theme-light .table-primary th, .theme-light .table-primary td, [data-theme="light"] .table-primary th, [data-theme="light"] .table-primary td { color: #1a1a2e !important; border-color: rgba(0, 136, 85, 0.2) !important; } .theme-light .table-success, [data-theme="light"] .table-success { background: rgba(0, 136, 85, 0.08) !important; } .theme-light .table-success th, .theme-light .table-success td, [data-theme="light"] .table-success th, [data-theme="light"] .table-success td { color: #1a1a2e !important; border-color: rgba(0, 136, 85, 0.2) !important; } /* Кликамбельные строки */ .theme-light .clickable-row, [data-theme="light"] .clickable-row { cursor: pointer !important; transition: all 0.2s ease !important; } .theme-light .clickable-row:hover, [data-theme="light"] .clickable-row:hover { background: rgba(0, 136, 85, 0.08) !important; } /* ============================================================================= СТРАНИЦА СМЕНЫ ПАРОЛЯ (change_password.html) ============================================================================= */ /* Навигация Neon */ .theme-light .neon-navbar, [data-theme="light"] .neon-navbar { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%) !important; border-bottom-color: var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; backdrop-filter: none !important; } .theme-light .neon-navbar .navbar-brand, [data-theme="light"] .neon-navbar .navbar-brand { color: var(--primary) !important; text-shadow: none !important; background: none !important; -webkit-text-fill-color: var(--primary) !important; } .theme-light .neon-navbar .navbar-brand i, [data-theme="light"] .neon-navbar .navbar-brand i { color: var(--primary) !important; } /* Кнопка выхода */ .theme-light .btn-logout, [data-theme="light"] .btn-logout { background: transparent !important; border-color: #cc0033 !important; color: #cc0033 !important; } .theme-light .btn-logout:hover, [data-theme="light"] .btn-logout:hover { background: #cc0033 !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(204, 0, 51, 0.3) !important; } /* Карточка формы */ .theme-light .password-card, [data-theme="light"] .password-card { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important; backdrop-filter: none !important; } /* Заголовок карточки */ .theme-light .password-card .card-header, [data-theme="light"] .password-card .card-header { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.05) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .password-card .card-header h3, [data-theme="light"] .password-card .card-header h3 { color: var(--primary) !important; text-shadow: none !important; } .theme-light .password-card .card-header h3 i, [data-theme="light"] .password-card .card-header h3 i { color: var(--primary) !important; filter: none !important; -webkit-text-fill-color: var(--primary) !important; animation: none !important; } /* Тело карточки */ .theme-light .password-card .card-body, [data-theme="light"] .password-card .card-body { background: transparent !important; } /* Алерты Neon */ .theme-light .neon-alert, [data-theme="light"] .neon-alert { backdrop-filter: none !important; } .theme-light .neon-alert-success, [data-theme="light"] .neon-alert-success { background: rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.3) !important; color: #006644 !important; box-shadow: none !important; } .theme-light .neon-alert-success i, [data-theme="light"] .neon-alert-success i { color: var(--primary) !important; } .theme-light .neon-alert-danger, [data-theme="light"] .neon-alert-danger { background: rgba(204, 0, 51, 0.1) !important; border-color: rgba(204, 0, 51, 0.3) !important; color: #990033 !important; box-shadow: none !important; } .theme-light .neon-alert-danger i, [data-theme="light"] .neon-alert-danger i { color: #cc0033 !important; } .theme-light .neon-alert-warning, [data-theme="light"] .neon-alert-warning { background: rgba(204, 136, 0, 0.1) !important; border-color: rgba(204, 136, 0, 0.3) !important; color: #996600 !important; box-shadow: none !important; } .theme-light .neon-alert-warning i, [data-theme="light"] .neon-alert-warning i { color: #cc8800 !important; } /* Форма */ .theme-light .password-form, [data-theme="light"] .password-form { gap: 20px !important; } /* Метки формы */ .theme-light .form-label, [data-theme="light"] .form-label { color: #1a1a2e !important; text-shadow: none !important; } /* Поля ввода */ .theme-light .form-control, [data-theme="light"] .form-control { background: rgba(248, 249, 250, 1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light .form-control:focus, [data-theme="light"] .form-control:focus { background: #ffffff !important; border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(0, 136, 85, 0.1) !important; color: #1a1a2e !important; } .theme-light .form-control::placeholder, [data-theme="light"] .form-control::placeholder { color: #999999 !important; } /* Иконки формы */ .theme-light .form-icon, [data-theme="light"] .form-icon { color: #666666 !important; } .theme-light .form-group:has(.form-control:focus) .form-icon, [data-theme="light"] .form-group:has(.form-control:focus) .form-icon { color: var(--primary) !important; filter: none !important; } /* Кнопка отправки */ .theme-light .btn-submit, [data-theme="light"] .btn-submit { background: transparent !important; border-color: var(--primary) !important; color: var(--primary) !important; text-shadow: none !important; } .theme-light .btn-submit:hover, [data-theme="light"] .btn-submit:hover { background: var(--primary) !important; color: #ffffff !important; box-shadow: 0 4px 20px rgba(0, 136, 85, 0.3) !important; } .theme-light .btn-submit::before, [data-theme="light"] .btn-submit::before { display: none !important; } /* Индикатор силы пароля */ .theme-light .password-strength, [data-theme="light"] .password-strength { background: rgba(0, 0, 0, 0.05) !important; } .theme-light .strength-weak, [data-theme="light"] .strength-weak { background: #cc0033 !important; } .theme-light .strength-medium, [data-theme="light"] .strength-medium { background: #cc8800 !important; } .theme-light .strength-strong, [data-theme="light"] .strength-strong { background: var(--primary) !important; } /* ============================================================================= СТРАНИЦА ЧЕКА (receipt.html) - Завершение сеанса ============================================================================= */ /* Основной контейнер */ .theme-light .receipt-container, [data-theme="light"] .receipt-container { background: transparent !important; } /* Карточка чека */ .theme-light .receipt-box, [data-theme="light"] .receipt-box { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important; color: #1a1a2e !important; } /* Жирный текст */ .theme-light .receipt-box .bold, [data-theme="light"] .receipt-box .bold { color: #1a1a2e !important; text-shadow: none !important; } /* Центрированный текст */ .theme-light .receipt-box .center, [data-theme="light"] .receipt-box .center { color: #1a1a2e !important; } /* Бейдж постоянного клиента */ .theme-light .regular-client-badge, [data-theme="light"] .regular-client-badge { background: rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.3) !important; color: var(--primary) !important; } .theme-light .regular-client-badge i, [data-theme="light"] .regular-client-badge i { color: var(--primary) !important; } .theme-light .visit-counter, [data-theme="light"] .visit-counter { background: var(--primary) !important; color: #ffffff !important; } /* Бокс постоянного клиента */ .theme-light .regular-client-box, [data-theme="light"] .regular-client-box { background: rgba(0, 136, 85, 0.08) !important; border-color: rgba(0, 136, 85, 0.2) !important; color: #1a1a2e !important; } /* Детали тарифа */ .theme-light .tariff-details, [data-theme="light"] .tariff-details { background: rgba(248, 249, 250, 0.8) !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .tariff-row, [data-theme="light"] .tariff-row { border-bottom-color: rgba(0, 0, 0, 0.06) !important; } .theme-light .tariff-label, [data-theme="light"] .tariff-label { color: #666666 !important; } .theme-light .tariff-value, [data-theme="light"] .tariff-value { color: #1a1a2e !important; font-weight: 600 !important; } .theme-light .day-tariff, [data-theme="light"] .day-tariff { color: #008855 !important; } .theme-light .evening-tariff, [data-theme="light"] .evening-tariff { color: #0066cc !important; } /* Секция заказов */ .theme-light .orders-section, [data-theme="light"] .orders-section { background: rgba(248, 249, 250, 0.5) !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .order-item, [data-theme="light"] .order-item { border-bottom-color: rgba(0, 0, 0, 0.06) !important; color: #1a1a2e !important; } .theme-light .order-name, [data-theme="light"] .order-name { color: #1a1a2e !important; } .theme-light .order-quantity, [data-theme="light"] .order-quantity { color: #666666 !important; } .theme-light .order-price, [data-theme="light"] .order-price { color: var(--primary) !important; font-weight: 600 !important; } .theme-light .orders-total, [data-theme="light"] .orders-total { color: #1a1a2e !important; border-top-color: rgba(0, 0, 0, 0.1) !important; } /* Итоговые суммы - тёмный текст */ .theme-light .receipt-box div[style*="font-size: 20px"], [data-theme="light"] .receipt-box div[style*="font-size: 20px"] { color: #1a1a2e !important; } /* Информация о переплате */ .theme-light .receipt-box div[style*="color: #28a745"], [data-theme="light"] .receipt-box div[style*="color: #28a745"] { color: var(--primary) !important; } /* Чекбокс постоянного клиента */ .theme-light .regular-checkbox-container, [data-theme="light"] .regular-checkbox-container { background: rgba(248, 249, 250, 0.5) !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .form-check-label, [data-theme="light"] .form-check-label { color: #1a1a2e !important; } .theme-light .form-check-input, [data-theme="light"] .form-check-input { background-color: #ffffff !important; border-color: rgba(0, 0, 0, 0.2) !important; } .theme-light .form-check-input:checked, [data-theme="light"] .form-check-input:checked { background-color: var(--primary) !important; border-color: var(--primary) !important; } .theme-light .loyalty-info, [data-theme="light"] .loyalty-info { color: #666666 !important; } .theme-light .loyalty-info i, [data-theme="light"] .loyalty-info i { color: var(--primary) !important; } /* Боковые кнопки */ .theme-light .side-buttons, [data-theme="light"] .side-buttons { gap: 15px !important; } .theme-light .btn-side, [data-theme="light"] .btn-side { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; } .theme-light .btn-side:hover, [data-theme="light"] .btn-side:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 20px rgba(0, 136, 85, 0.15) !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-side i, [data-theme="light"] .btn-side i { color: var(--primary) !important; } .theme-light .btn-back, [data-theme="light"] .btn-back { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.15) !important; } .theme-light .btn-stats, [data-theme="light"] .btn-stats { background: rgba(255, 255, 255, 0.95) !important; border-color: rgba(0, 0, 0, 0.15) !important; } /* Кнопки способов оплаты */ .theme-light .btn-cash, [data-theme="light"] .btn-cash { background: rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.3) !important; color: var(--primary) !important; } .theme-light .btn-cash:hover, [data-theme="light"] .btn-cash:hover { background: var(--primary) !important; color: #ffffff !important; } .theme-light .btn-card, [data-theme="light"] .btn-card { background: rgba(0, 102, 204, 0.1) !important; border-color: rgba(0, 102, 204, 0.3) !important; color: #0066cc !important; } .theme-light .btn-card:hover, [data-theme="light"] .btn-card:hover { background: #0066cc !important; color: #ffffff !important; } .theme-light .btn-qr, [data-theme="light"] .btn-qr { background: rgba(153, 0, 204, 0.1) !important; border-color: rgba(153, 0, 204, 0.3) !important; color: #9900cc !important; } .theme-light .btn-qr:hover, [data-theme="light"] .btn-qr:hover { background: #9900cc !important; color: #ffffff !important; } /* Модальные окна */ .theme-light .modal-content, [data-theme="light"] .modal-content { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a2e !important; } .theme-light .modal-header, [data-theme="light"] .modal-header { border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .modal-title, [data-theme="light"] .modal-title { color: #1a1a2e !important; } .theme-light .modal-body, [data-theme="light"] .modal-body { color: #1a1a2e !important; } .theme-light .modal-footer, [data-theme="light"] .modal-footer { border-top-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .modal .form-label, [data-theme="light"] .modal .form-label { color: #1a1a2e !important; } .theme-light .modal .form-control, [data-theme="light"] .modal .form-control { background: rgba(248, 249, 250, 1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light .modal .alert-info, [data-theme="light"] .modal .alert-info { background: rgba(0, 102, 204, 0.1) !important; border-color: rgba(0, 102, 204, 0.2) !important; color: #0055aa !important; } /* ============================================================================= СТРАНИЦА РЕДАКТИРОВАНИЯ КЛИЕНТА (client_edit.html) ============================================================================= */ /* Навигация */ .theme-light .client-edit .nav-header, [data-theme="light"] .client-edit .nav-header { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%) !important; border-bottom-color: var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .client-edit .nav-header h4, [data-theme="light"] .client-edit .nav-header h4 { color: #1a1a2e !important; text-shadow: none !important; } /* Кнопка назад */ .theme-light .client-edit .back-btn, [data-theme="light"] .client-edit .back-btn { background: rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.3) !important; color: var(--primary) !important; } .theme-light .client-edit .back-btn:hover, [data-theme="light"] .client-edit .back-btn:hover { background: var(--primary) !important; color: #ffffff !important; } /* Карточки */ .theme-light .client-edit .card, [data-theme="light"] .client-edit .card { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .client-edit .card-header, [data-theme="light"] .client-edit .card-header { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.05) 100%) !important; border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .client-edit .card-header h5, .theme-light .client-edit .card-header h5 i, [data-theme="light"] .client-edit .card-header h5, [data-theme="light"] .client-edit .card-header h5 i { color: var(--primary) !important; text-shadow: none !important; } .theme-light .client-edit .card-body, [data-theme="light"] .client-edit .card-body { background: transparent !important; color: #1a1a2e !important; } /* Статистика постоянного клиента */ .theme-light .client-edit .regular-client-stats, [data-theme="light"] .client-edit .regular-client-stats { background: rgba(248, 249, 250, 0.8) !important; border-color: rgba(0, 136, 85, 0.2) !important; } .theme-light .client-edit .stat-number, [data-theme="light"] .client-edit .stat-number { color: var(--primary) !important; text-shadow: none !important; } .theme-light .client-edit .stat-label, [data-theme="light"] .client-edit .stat-label { color: #666666 !important; } /* Блоки информации */ .theme-light .client-edit .info-block, [data-theme="light"] .client-edit .info-block { color: #1a1a2e !important; } .theme-light .client-edit .info-block strong, [data-theme="light"] .client-edit .info-block strong { color: #1a1a2e !important; } .theme-light .client-edit .info-block i, [data-theme="light"] .client-edit .info-block i { color: var(--primary) !important; } .theme-light .client-edit .client-data-text, [data-theme="light"] .client-edit .client-data-text { color: #1a1a2e !important; } /* Бейджи */ .theme-light .client-edit .badge-success, [data-theme="light"] .client-edit .badge-success { background: rgba(0, 136, 85, 0.15) !important; color: var(--primary) !important; } .theme-light .client-edit .badge-danger, [data-theme="light"] .client-edit .badge-danger { background: rgba(204, 0, 51, 0.15) !important; color: #cc0033 !important; } /* Карточка аванса */ .theme-light .client-edit .card[style*="rgba(0, 255, 136"], [data-theme="light"] .client-edit .card[style*="rgba(0, 255, 136"] { background: rgba(0, 136, 85, 0.05) !important; } /* Формы */ .theme-light .client-edit .form-control, .theme-light .client-edit .form-select, [data-theme="light"] .client-edit .form-control, [data-theme="light"] .client-edit .form-select { background: rgba(248, 249, 250, 1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: #1a1a2e !important; } .theme-light .client-edit .form-control:focus, .theme-light .client-edit .form-select:focus, [data-theme="light"] .client-edit .form-control:focus, [data-theme="light"] .client-edit .form-select:focus { background: #ffffff !important; border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(0, 136, 85, 0.1) !important; color: #1a1a2e !important; } /* Кнопки */ .theme-light .client-edit .btn-success, [data-theme="light"] .client-edit .btn-success { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; border-color: #008855 !important; color: #ffffff !important; } .theme-light .client-edit .btn-warning, [data-theme="light"] .client-edit .btn-warning { background: #ffffff !important; border-color: #cc8800 !important; color: #cc8800 !important; } .theme-light .client-edit .btn-warning:hover, [data-theme="light"] .client-edit .btn-warning:hover { background: #cc8800 !important; color: #ffffff !important; } .theme-light .client-edit .btn-primary, [data-theme="light"] .client-edit .btn-primary { background: #ffffff !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .client-edit .btn-primary:hover, [data-theme="light"] .client-edit .btn-primary:hover { background: var(--primary) !important; color: #ffffff !important; } /* Алерты */ .theme-light .client-edit .alert-info, [data-theme="light"] .client-edit .alert-info { background: rgba(0, 102, 204, 0.1) !important; border-color: rgba(0, 102, 204, 0.2) !important; color: #0055aa !important; } /* Карточки тарифов */ .theme-light .client-edit .tariff-card, [data-theme="light"] .client-edit .tariff-card { background: rgba(248, 249, 250, 0.8) !important; border-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .client-edit .day-tariff, [data-theme="light"] .client-edit .day-tariff { border-left-color: var(--primary) !important; } .theme-light .client-edit .day-tariff h6, .theme-light .client-edit .day-tariff .tariff-time, [data-theme="light"] .client-edit .day-tariff h6, [data-theme="light"] .client-edit .day-tariff .tariff-time { color: #1a1a2e !important; } .theme-light .client-edit .day-tariff .tariff-price, .theme-light .client-edit .day-tariff .fw-bold, [data-theme="light"] .client-edit .day-tariff .tariff-price, [data-theme="light"] .client-edit .day-tariff .fw-bold { color: var(--primary) !important; } .theme-light .client-edit .evening-tariff, [data-theme="light"] .client-edit .evening-tariff { border-left-color: #0066cc !important; } .theme-light .client-edit .evening-tariff h6, .theme-light .client-edit .evening-tariff .tariff-time, [data-theme="light"] .client-edit .evening-tariff h6, [data-theme="light"] .client-edit .evening-tariff .tariff-time { color: #1a1a2e !important; } .theme-light .client-edit .evening-tariff .tariff-price, .theme-light .client-edit .evening-tariff .fw-bold, [data-theme="light"] .client-edit .evening-tariff .tariff-price, [data-theme="light"] .client-edit .evening-tariff .fw-bold { color: #0066cc !important; } /* Текст цены */ .theme-light .client-edit .text-primary, [data-theme="light"] .client-edit .text-primary { color: var(--primary) !important; } /* Таблица товаров */ .theme-light .client-edit .products-table, [data-theme="light"] .client-edit .products-table { background: transparent !important; } .theme-light .client-edit .table-striped, [data-theme="light"] .client-edit .table-striped { background: #ffffff !important; color: #1a1a2e !important; } .theme-light .client-edit .table-striped thead, [data-theme="light"] .client-edit .table-striped thead { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.05) 100%) !important; } .theme-light .client-edit .table-striped th, [data-theme="light"] .client-edit .table-striped th { color: var(--primary) !important; border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .client-edit .table-striped td, [data-theme="light"] .client-edit .table-striped td { color: #1a1a2e !important; border-color: rgba(0, 0, 0, 0.06) !important; } .theme-light .client-edit .table-striped tbody tr:nth-of-type(odd), [data-theme="light"] .client-edit .table-striped tbody tr:nth-of-type(odd) { background: rgba(248, 249, 250, 0.5) !important; } .theme-light .client-edit .product-name, [data-theme="light"] .client-edit .product-name { color: #1a1a2e !important; font-weight: 500 !important; } .theme-light .client-edit .price-cell, .theme-light .client-edit .sum-cell, [data-theme="light"] .client-edit .price-cell, [data-theme="light"] .client-edit .sum-cell { color: var(--primary) !important; font-weight: 600 !important; } /* ============================================================================= СТРАНИЦА ДЕТАЛЕЙ СЕАНСА (history_details.html) ============================================================================= */ /* Карточки Neon */ .theme-light .card-neon, [data-theme="light"] .card-neon { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important; } .theme-light .card-neon:hover, [data-theme="light"] .card-neon:hover { box-shadow: 0 12px 40px rgba(0, 136, 85, 0.12) !important; border-color: rgba(0, 136, 85, 0.3) !important; } /* Заголовки карточек с цветами */ .theme-light .card-header-neon, [data-theme="light"] .card-header-neon { background: transparent !important; } .theme-light .card-header-neon::before, [data-theme="light"] .card-header-neon::before { background: linear-gradient(90deg, transparent, var(--primary), transparent) !important; } .theme-light .card-header-primary, [data-theme="light"] .card-header-primary { background: linear-gradient(135deg, rgba(0, 136, 85, 0.12) 0%, rgba(0, 136, 85, 0.05) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .card-header-primary .card-title-neon, .theme-light .card-header-primary .card-title-neon i, [data-theme="light"] .card-header-primary .card-title-neon, [data-theme="light"] .card-header-primary .card-title-neon i { color: var(--primary) !important; text-shadow: none !important; } .theme-light .card-header-info, [data-theme="light"] .card-header-info { background: linear-gradient(135deg, rgba(0, 102, 204, 0.12) 0%, rgba(0, 102, 204, 0.05) 100%) !important; border-bottom: 2px solid #0066cc !important; } .theme-light .card-header-info .card-title-neon, .theme-light .card-header-info .card-title-neon i, [data-theme="light"] .card-header-info .card-title-neon, [data-theme="light"] .card-header-info .card-title-neon i { color: #0066cc !important; text-shadow: none !important; } .theme-light .card-header-success, [data-theme="light"] .card-header-success { background: linear-gradient(135deg, rgba(0, 136, 85, 0.12) 0%, rgba(0, 136, 85, 0.05) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .card-header-success .card-title-neon, .theme-light .card-header-success .card-title-neon i, [data-theme="light"] .card-header-success .card-title-neon, [data-theme="light"] .card-header-success .card-title-neon i { color: var(--primary) !important; text-shadow: none !important; } .theme-light .card-header-warning, [data-theme="light"] .card-header-warning { background: linear-gradient(135deg, rgba(204, 136, 0, 0.12) 0%, rgba(204, 136, 0, 0.05) 100%) !important; border-bottom: 2px solid #cc8800 !important; } .theme-light .card-header-warning .card-title-neon, .theme-light .card-header-warning .card-title-neon i, [data-theme="light"] .card-header-warning .card-title-neon, [data-theme="light"] .card-header-warning .card-title-neon i { color: #cc8800 !important; text-shadow: none !important; } /* Заголовок карточки */ .theme-light .card-title-neon, [data-theme="light"] .card-title-neon { color: #1a1a2e !important; text-shadow: none !important; } /* Тело карточки */ .theme-light .card-body-neon, [data-theme="light"] .card-body-neon { background: rgba(248, 249, 250, 0.5) !important; } /* Поля информации */ .theme-light .info-field, [data-theme="light"] .info-field { border-bottom-color: rgba(0, 0, 0, 0.06) !important; } .theme-light .info-field:hover, [data-theme="light"] .info-field:hover { background: rgba(0, 136, 85, 0.03) !important; border-left-color: var(--primary) !important; } .theme-light .info-label, [data-theme="light"] .info-label { color: #666666 !important; } .theme-light .info-value, [data-theme="light"] .info-value { color: #1a1a2e !important; } /* Бейджи Neon */ .theme-light .badge-neon, [data-theme="light"] .badge-neon { text-shadow: none !important; } .theme-light .badge-primary, [data-theme="light"] .badge-primary { background: rgba(0, 136, 85, 0.12) !important; color: var(--primary) !important; border-color: rgba(0, 136, 85, 0.3) !important; } .theme-light .badge-info, [data-theme="light"] .badge-info { background: rgba(0, 102, 204, 0.12) !important; color: #0066cc !important; border-color: rgba(0, 102, 204, 0.3) !important; } .theme-light .badge-warning, [data-theme="light"] .badge-warning { background: rgba(204, 136, 0, 0.12) !important; color: #cc8800 !important; border-color: rgba(204, 136, 0, 0.3) !important; } .theme-light .badge-success, [data-theme="light"] .badge-success { background: rgba(0, 136, 85, 0.12) !important; color: var(--primary) !important; border-color: rgba(0, 136, 85, 0.3) !important; } /* Алерты Neon */ .theme-light .alert-neon, [data-theme="light"] .alert-neon { backdrop-filter: none !important; } .theme-light .alert-warning, [data-theme="light"] .alert-warning { background: rgba(204, 136, 0, 0.08) !important; border-color: rgba(204, 136, 0, 0.25) !important; color: #996600 !important; } .theme-light .alert-warning strong, [data-theme="light"] .alert-warning strong { color: #805500 !important; } .theme-light .alert-info, [data-theme="light"] .alert-info { background: rgba(0, 102, 204, 0.08) !important; border-color: rgba(0, 102, 204, 0.25) !important; color: #0055aa !important; } .theme-light .alert-info strong, [data-theme="light"] .alert-info strong { color: #004488 !important; } /* Таблица Neon */ .theme-light .table-neon, [data-theme="light"] .table-neon { background: #ffffff !important; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; } .theme-light .table-neon thead, [data-theme="light"] .table-neon thead { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.05) 100%) !important; border-bottom-color: var(--primary) !important; } .theme-light .table-neon th, [data-theme="light"] .table-neon th { color: var(--primary) !important; text-shadow: none !important; background: transparent !important; } .theme-light .table-neon td, [data-theme="light"] .table-neon td { color: #1a1a2e !important; background: #ffffff !important; border-bottom-color: rgba(0, 0, 0, 0.06) !important; } .theme-light .table-neon tbody tr:hover, [data-theme="light"] .table-neon tbody tr:hover { background: rgba(0, 136, 85, 0.03) !important; } .theme-light .table-neon tbody tr:hover td, [data-theme="light"] .table-neon tbody tr:hover td { background: rgba(0, 136, 85, 0.02) !important; color: #1a1a2e !important; } .theme-light .table-neon tfoot, [data-theme="light"] .table-neon tfoot { background: linear-gradient(135deg, rgba(0, 136, 85, 0.08) 0%, rgba(0, 102, 204, 0.05) 100%) !important; border-top-color: var(--primary) !important; } .theme-light .table-neon tfoot th, [data-theme="light"] .table-neon tfoot th { color: #1a1a2e !important; } /* Цены и суммы */ .theme-light .price-text, [data-theme="light"] .price-text { color: var(--primary) !important; text-shadow: none !important; } .theme-light .total-price, [data-theme="light"] .total-price { color: var(--primary) !important; text-shadow: none !important; } /* Дополнительные стили для history_details.html - переопределение инлайн стилей */ /* Body */ body.theme-light, [data-theme="light"].theme-light { background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%) !important; color: #1a1a2e !important; } /* Noise overlay */ .theme-light .noise, [data-theme="light"] .noise { opacity: 0.01 !important; } /* Навигация */ .theme-light .nav-header, [data-theme="light"] .nav-header { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 242, 245, 0.98) 100%) !important; border-bottom: 2px solid var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .nav-title, [data-theme="light"] .nav-title { color: var(--primary) !important; text-shadow: none !important; } /* Заголовок страницы */ .theme-light .page-title, [data-theme="light"] .page-title { color: var(--primary) !important; text-shadow: none !important; animation: none !important; } /* Кнопки Neon */ .theme-light .btn-neon, [data-theme="light"] .btn-neon { background: linear-gradient(135deg, rgba(0, 136, 85, 0.08) 0%, rgba(0, 102, 204, 0.05) 100%) !important; border: 1px solid var(--primary) !important; color: #006644 !important; box-shadow: none !important; } .theme-light .btn-neon::before, [data-theme="light"] .btn-neon::before { display: none !important; } .theme-light .btn-neon:hover, [data-theme="light"] .btn-neon:hover { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(0, 136, 85, 0.25) !important; transform: translateY(-2px) !important; } .theme-light .btn-neon-secondary, [data-theme="light"] .btn-neon-secondary { background: rgba(0, 102, 204, 0.08) !important; border: 1px solid #0066cc !important; color: #0055aa !important; } .theme-light .btn-neon-secondary::before, [data-theme="light"] .btn-neon-secondary::before { display: none !important; } .theme-light .btn-neon-secondary:hover, [data-theme="light"] .btn-neon-secondary:hover { background: linear-gradient(135deg, #0066cc 0%, #0088ff 100%) !important; color: #ffffff !important; } /* Контент */ .theme-light .content, [data-theme="light"] .content { background: transparent !important; } /* Карточки Neon - усиление стилей */ .theme-light .card-neon, [data-theme="light"] .card-neon { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important; backdrop-filter: none !important; } .theme-light .card-neon:hover, [data-theme="light"] .card-neon:hover { box-shadow: 0 12px 40px rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.25) !important; } /* Заголовки карточек */ .theme-light .card-header-neon, [data-theme="light"] .card-header-neon { background: transparent !important; } .theme-light .card-header-neon::before, [data-theme="light"] .card-header-neon::before { background: linear-gradient(90deg, transparent, var(--primary), transparent) !important; } .theme-light .card-header-primary, [data-theme="light"] .card-header-primary { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 136, 85, 0.03) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .card-header-info, [data-theme="light"] .card-header-info { background: linear-gradient(135deg, rgba(0, 102, 204, 0.1) 0%, rgba(0, 102, 204, 0.03) 100%) !important; border-bottom: 2px solid #0066cc !important; } .theme-light .card-header-success, [data-theme="light"] .card-header-success { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 136, 85, 0.03) 100%) !important; border-bottom: 2px solid var(--primary) !important; } .theme-light .card-header-warning, [data-theme="light"] .card-header-warning { background: linear-gradient(135deg, rgba(204, 136, 0, 0.1) 0%, rgba(204, 136, 0, 0.03) 100%) !important; border-bottom: 2px solid #cc8800 !important; } /* Заголовок карточки */ .theme-light .card-title-neon, [data-theme="light"] .card-title-neon { color: #1a1a2e !important; text-shadow: none !important; } .theme-light .card-title-neon i, [data-theme="light"] .card-title-neon i { color: var(--primary) !important; text-shadow: none !important; } /* Тело карточки */ .theme-light .card-body-neon, [data-theme="light"] .card-body-neon { background: rgba(248, 249, 250, 0.5) !important; } /* Текст внутри карточек */ .theme-light .card-body, [data-theme="light"] .card-body { color: #1a1a2e !important; } /* Ссылки */ .theme-light a, [data-theme="light"] a { color: #0066cc !important; } .theme-light a:hover, [data-theme="light"] a:hover { color: #008855 !important; } /* ============================================================================= СТРАНИЦА ДООВАления ТОВАРОВ (ДОБАВКАель товаров) ============================================================================= */ /* Body */ body.theme-light .add-extras, [data-theme="light"].theme-light .add-extras { background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%) !important; color: #1a1a2e !important; } /* Noise overlay */ .theme-light .add-extras .noise, [data-theme="light"] .add-extras .noise { opacity: 0.01 !important; } /* Навigation */ .theme-light .add-extras .nav-header, [data-theme="light"] .add-extras .nav-header { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 242, 245, 0.98) 100%) !important; border-bottom: 2px solid var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .add-extras .nav-title, [data-theme="light"] .add-extras .nav-title { color: var(--primary) !important; text-shadow: none !important; } .theme-light .add-extras .back-btn, [data-theme="light"] .add-extras .back-btn { background: transparent !important; border: 2px solid var(--primary) !important; color: var(--primary) !important; } .theme-light .add-extras .back-btn:hover, [data-theme="light"] .add-extras .back-btn:hover { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(0, 136, 85, 0.2) !important; } /* Page title */ .theme-light .add-extras .page-title, [data-theme="light"] .add-extras .page-title { color: var(--primary) !important; text-shadow: none !important; animation: none !important; } /* Client info */ .theme-light .add-extras .client-info, [data-theme="light"] .add-extras .client-info { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; } .theme-light .add-extras .client-info h4, [data-theme="light"] .add-extras .client-infoh4 { color: var(--primary) !important; text-shadow: none !important; } .theme-light .add-extras .client-info p, [data-theme="light"] .add-extras .client-info p { color: #1a1a2e !important; } /* Cards */ .theme-light .add-extras .card, [data-theme="light"] .add-extras .card { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; backdrop-filter: none !important; } .theme-light .add-extras .card-header, [data-theme="light"] .add-extras .card-header { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 102, 204, 0.05) 100%) !important; color: #1a1a2e!important; } /* Tables */ .theme-light .add-extras .table, [data-theme="light"] .add-extras .table { color: #1a1a2e!important; background: transparent !important; } .theme-light .add-extras .table thead, [data-theme="light"] .add-extras .table thead { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 136, 85, 0.05) 100%) !important; } .theme-light .add-extras .table th, [data-theme="light"] .add-extras .tableth { color: var(--primary) !important; text-shadow: none !important; background: transparent !important; } .theme-light .add-extras .table td, [data-theme="light"] .add-extras .table td { color: #1a1a2e!important; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } .theme-light .add-extras .table tbody tr:hover, [data-theme="light"] .add-extras .table tbody tr:hover { background: rgba(0, 136, 85, 0.05) !important; } /* Category tabs */ .theme-light .add-extras .category-tabs, [data-theme="light"] .add-extras .category-tabs { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; padding: 15px !important; } /* Кнопки категорий - tab-button (используется в add_extras.html) */ .theme-light .add-extras .category-tabs .tab-button, [data-theme="light"] .add-extras .category-tabs .tab-button { background: rgba(0, 136, 85, 0.08) !important; color: #006644 !important; border: 1px solid rgba(0, 136, 85, 0.2) !important; padding: 10px 20px !important; border-radius: 20px !important; text-shadow: none !important; box-shadow: none !important; font-weight: 600 !important; transition: all 0.3s ease !important; } .theme-light .add-extras .category-tabs .tab-button:hover, [data-theme="light"] .add-extras .category-tabs .tab-button:hover { background: rgba(0, 136, 85, 0.15) !important; border-color: rgba(0, 136, 85, 0.4) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(0, 136, 85, 0.15) !important; } .theme-light .add-extras .category-tabs .tab-button.btn-primary, [data-theme="light"] .add-extras .category-tabs .tab-button.btn-primary { background: linear-gradient(135deg, #008855, #00aa66) !important; color: #ffffff !important; border-color: transparent !important; box-shadow: 0 4px 15px rgba(0, 136, 85, 0.3) !important; text-shadow: none !important; } .theme-light .add-extras .category-tabs .tab-button.btn-primary:hover, [data-theme="light"] .add-extras .category-tabs .tab-button.btn-primary:hover { background: linear-gradient(135deg, #009966, #00bb77) !important; box-shadow: 0 6px 20px rgba(0, 136, 85, 0.4) !important; } /* Совместимость со старым классом tab-btn */ .theme-light .add-extras .category-tabs .tab-btn, [data-theme="light"] .add-extras .category-tabs .tab-btn { background: rgba(0, 136, 85, 0.08) !important; color: #006644 !important; border: 1px solid rgba(0, 136, 85, 0.2) !important; padding: 10px 20px !important; border-radius: 20px !important; } .theme-light .add-extras .category-tabs .tab-btn.active, [data-theme="light"] .add-extras .category-tabs .tab-btn.active { background: linear-gradient(135deg, #008855, #00aa66) !important; color: #ffffff !important; border-color: transparent !important; } .theme-light .add-extras .category-tabs .tab-btn:hover, [data-theme="light"] .add-extras .category-tabs .tab-btn:hover { background: rgba(0, 136, 85, 0.15) !important; } /* Products grid */ .theme-light .add-extras .products-grid, [data-theme="light"] .add-extras .products-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 15px !important; } /* Product cards */ .theme-light .add-extras .product-card, [data-theme="light"] .add-extras .product-card { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; } .theme-light .add-extras .product-card:hover, [data-theme="light"] .add-extras .product-card:hover { box-shadow: 0 8px 25px rgba(0, 136, 85, 0.1) !important; border-color: rgba(0, 136, 85, 0.3) !important; transform: translateY(-3px) !important; } .theme-light .add-extras .product-card .card-header, [data-theme="light"] .add-extras .product-card .card-header { background: linear-gradient(135deg, rgba(0, 136, 85, 0.08) 0%, rgba(0, 136, 85, 0.03) 100%) !important; border-bottom: 1px solid rgba(0, 136, 85, 0.15) !important; padding: 12px 15px !important; } .theme-light .add-extras .product-card .card-header h5, [data-theme="light"] .add-extras .product-card .card-headerh5 { color: #006644!important; text-shadow: none !important; margin: 0 !important; } .theme-light .add-extras .product-card .card-body, [data-theme="light"] .add-extras .product-card .card-body { padding: 15px !important; } .theme-light .add-extras .product-name, [data-theme="light"] .add-extras .product-name { color: #1a1a2e!important; font-weight: 600 !important; font-size: 1rem!important; } .theme-light .add-extras .product-price, [data-theme="light"] .add-extras .product-price { color: var(--primary) !important; font-weight: 700 !important; text-shadow: none !important; } /* Buttons */ .theme-light .add-extras .btn-add, [data-theme="light"] .add-extras .btn-add { background: transparent !important; border: 2px solid var(--primary) !important; color: var(--primary) !important; } .theme-light .add-extras .btn-add:hover, [data-theme="light"] .add-extras .btn-add:hover { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; color: #ffffff !important; } .theme-light .add-extras .btn-remove, [data-theme="light"] .add-extras .btn-remove { background: transparent !important; border: 2px solid var(--danger) !important; color: var(--danger) !important; } .theme-light .add-extras .btn-remove:hover, [data-theme="light"] .add-extras .btn-remove:hover { background: var(--danger) !important; color: #ffffff !important; } /* Quantity controls */ .theme-light .add-extras .quantity-control, [data-theme="light"] .add-extras .quantity-control { background: rgba(248, 249, 250, 0.8) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } .theme-light .add-extras .quantity-control button, [data-theme="light"] .add-extras .quantity-control button { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a2e!important; } .theme-light .add-extras .quantity-control button:hover, [data-theme="light"] .add-extras .quantity-control button:hover { background: rgba(0, 0, 0, 0.05) !important; border-color: var(--primary) !important; } /* Cart summary */ .theme-light .add-extras .cart-summary, [data-theme="light"] .add-extras .cart-summary { background: rgba(255, 255, 255, 0.98) !important; border: 2px solid rgba(0, 136, 85, 0.2) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important; } .theme-light .add-extras .cart-summary h5, [data-theme="light"] .add-extras .cart-summary h5 { color: #006644!important; text-shadow: none !important; } .theme-light .add-extras .cart-summary .total-price, [data-theme="light"] .add-extras .cart-summary .total-price { color: var(--primary) !important; font-size: 1.3rem!important; font-weight: 700 !important; text-shadow: none !important; } .theme-light .add-extras .cart-items, [data-theme="light"] .add-extras .cart-items { color: #1a1a2e!important; } .theme-light .add-extras .cart-item, [data-theme="light"] .add-extras .cart-item { border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } .theme-light .add-extras .cart-item .item-name, [data-theme="light"] .add-extras .cart-item .item-name { color: #1a1a2e!important; } .theme-light .add-extras .cart-item .item-price, [data-theme="light"] .add-extras .cart-item.item-price { color: var(--primary) !important; } .theme-light .add-extras .cart-item button, [data-theme="light"] .add-extras .cart-item button { background: transparent !important; border: 1px solid var(--danger) !important; color: var(--danger) !important; } .theme-light .add-extras .cart-item button:hover, [data-theme="light"] .add-extras .cart-item button:hover { background: var(--danger) !important; color: #ffffff !important; } /* Save button */ .theme-light .add-extras .save-btn, [data-theme="light"] .add-extras .save-btn { background: linear-gradient(135deg, #008855 0%, #00aa66 100%) !important; color: #ffffff !important; border: none !important; box-shadow: 0 4px 20px rgba(0, 136, 85, 0.3) !important; } .theme-light .add-extras .save-btn:hover, [data-theme="light"] .add-extras .save-btn:hover { box-shadow: 0 6px 25px rgba(0, 136, 85, 0.4) !important; transform: translateY(-2px) !important; } /* Search box */ .theme-light .add-extras .search-box, [data-theme="light"] .add-extras .search-box { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; } .theme-light .add-extras .search-box input, [data-theme="light"] .add-extras .search-box input { background: rgba(248, 249, 250, 0.9) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; color: #1a1a2e!important; } .theme-light .add-extras .search-box input:focus, [data-theme="light"] .add-extras .search-box input:focus { border-color: var(--primary) !important; outline: none !important; box-shadow: 0 0 5px rgba(0, 255, 136, 0.3) !important; } /* Modal */ .theme-light .add-extras .modal-content, [data-theme="light"] .add-extras .modal-content { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a2e!important; } .theme-light .add-extras .modal-header, [data-theme="light"] .add-extras .modal-header { background: linear-gradient(135deg, rgba(0, 136, 85, 0.1) 0%, rgba(0, 136, 85, 0.05) 100%) !important; border-bottom: 1px solid rgba(0, 136, 85, 0.2) !important; } .theme-light .add-extras .modal-title, [data-theme="light"] .add-extras .modal-title { color: #1a1a2e!important; } .theme-light .add-extras .modal-body, [data-theme="light"] .add-extras .modal-body { color: #1a1a2e!important; } .theme-light .add-extras .modal-body label, [data-theme="light"] .add-extras .modal-body label { color: #1a1a2e!important; } .theme-light .add-extras .modal-body .form-control, [data-theme="light"] .add-extras .modal-body .form-control { background: rgba(248, 249, 250, 0.9) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; color: #1a1a2e!important; } .theme-light .add-extras .modal-body .form-control:focus, [data-theme="light"] .add-extras .modal-body .form-control:focus { border-color: var(--primary) !important; box-shadow: 0 0 5px rgba(0, 255, 136, 0.2) !important; } /* ============================================================================= ЦВЕТНАЯ ТЕМА - переменные и стили переопределения ============================================================================= */ .theme-colorful, [data-theme="colorful"] { /* Основные цвета */ --primary: #667eea; --primary-rgb: 102, 126, 234; --primary-hover: #5a6fd6; --secondary: #764ba2; --secondary-rgb: 118, 75, 162; --tertiary: #f093fb; --tertiary-rgb: 240, 147, 251; /* Фон */ --bg: #0f0f23; --bg-secondary: #1a1a2e; --bg-tertiary: #16213e; --bg-card: rgba(26, 26, 46, 0.9); --bg-card-hover: rgba(22, 33, 62, 0.95); --bg-modal: rgba(15, 15, 35, 0.98); /* Текст */ --text: #ffffff; --text-rgb: 255, 255, 255; --text-muted: rgba(255, 255, 255, 0.7); --text-secondary: rgba(255, 255, 255, 0.85); --text-on-primary: #ffffff; /* Границы */ --border: rgba(102, 126, 234, 0.25); --border-hover: rgba(102, 126, 234, 0.45); --border-primary: rgba(102, 126, 234, 0.4); /* Статусы */ --success: #00ff88; --success-bg: rgba(0, 255, 136, 0.15); --warning: #ffd93d; --warning-bg: rgba(255, 217, 61, 0.15); --danger: #ff6b6b; --danger-bg: rgba(255, 107, 107, 0.15); --info: #4ecdc4; --info-bg: rgba(78, 205, 196, 0.15); /* Тени и эффекты */ --shadow: 0 4px 30px rgba(102, 126, 234, 0.3); --shadow-hover: 0 8px 40px rgba(102, 126, 234, 0.4); --glow: 0 0 25px rgba(102, 126, 234, 0.5); --glow-text: 0 0 15px rgba(102, 126, 234, 0.6); /* Градиенты */ --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); --gradient-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%); --gradient-card: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); /* Таблицы */ --table-header-bg: rgba(102, 126, 234, 0.15); --table-row-bg: transparent; --table-row-hover: rgba(102, 126, 234, 0.1); --table-border: rgba(102, 126, 234, 0.2); /* Ввод */ --input-bg: rgba(102, 126, 234, 0.08); --input-bg-focus: rgba(102, 126, 234, 0.15); --input-border: rgba(102, 126, 234, 0.3); --input-border-focus: var(--primary); } /* Стили переопределения для цветной темы */ .theme-colorful body, .theme-colorful .content, [data-theme="colorful"] body, [data-theme="colorful"] .content { background: var(--bg) !important; color: var(--text) !important; } .theme-colorful .nav-header, [data-theme="colorful"] .nav-header { background: var(--gradient-bg) !important; border-bottom-color: var(--primary) !important; box-shadow: var(--shadow) !important; } .theme-colorful .nav-title, .theme-colorful .nav-brand, [data-theme="colorful"] .nav-title, [data-theme="colorful"] .nav-brand { color: var(--primary) !important; text-shadow: var(--glow-text) !important; } .theme-colorful .nav-btn, [data-theme="colorful"] .nav-btn { background: var(--input-bg) !important; border-color: var(--border) !important; color: var(--text) !important; } .theme-colorful .nav-btn:hover, [data-theme="colorful"] .nav-btn:hover { background: rgba(var(--primary-rgb), 0.15) !important; border-color: var(--primary) !important; color: var(--primary) !important; } .theme-colorful .stat-card, .theme-colorful .neon-section, [data-theme="colorful"] .stat-card, [data-theme="colorful"] .neon-section { background: var(--bg-card) !important; border-color: var(--border) !important; } .theme-colorful .card-header, .theme-colorful .section-header, [data-theme="colorful"] .card-header, [data-theme="colorful"] .section-header { background: var(--gradient-card) !important; border-bottom-color: var(--border) !important; } .theme-colorful .card-header h5, .theme-colorful .section-header h5, [data-theme="colorful"] .card-header h5, [data-theme="colorful"] .section-header h5 { color: var(--primary) !important; } .theme-colorful .btn-neon, [data-theme="colorful"] .btn-neon { background: var(--gradient-primary) !important; background-size: 200% 200% !important; animation: gradient-shift 3s ease infinite !important; color: var(--text-on-primary) !important; } .theme-colorful .modal-content, [data-theme="colorful"] .modal-content { background: var(--bg-modal) !important; border-color: var(--border) !important; color: var(--text) !important; } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } /* ============================================================================= СТРАНИЦА ТЕКУЩЕЙ СМЕНЫ (current_shift.html) ============================================================================= */ /* Навигация Bootstrap */ .theme-light .navbar.bg-dark, [data-theme="light"] .navbar.bg-dark { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%) !important; border-bottom: 2px solid var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .navbar.bg-dark .navbar-brand, [data-theme="light"] .navbar.bg-dark .navbar-brand { color: var(--primary) !important; text-shadow: none !important; } /* Кнопки outline */ .theme-light .btn-outline-light, [data-theme="light"] .btn-outline-light { border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-outline-light:hover, [data-theme="light"] .btn-outline-light:hover { background: var(--primary) !important; color: #ffffff !important; } .theme-light .btn-outline-primary, [data-theme="light"] .btn-outline-primary { border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-outline-primary:hover, [data-theme="light"] .btn-outline-primary:hover { background: var(--primary) !important; color: #ffffff !important; } /* Секция времени смены */ .theme-light .shift-time, [data-theme="light"] .shift-time { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 15px !important; padding: 20px !important; margin-bottom: 25px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .shift-time h5, .theme-light .shift-time h6, [data-theme="light"] .shift-time h5, [data-theme="light"] .shift-time h6 { color: #1a1a2e !important; } .theme-light .shift-time p, .theme-light .shift-time small, [data-theme="light"] .shift-time p, [data-theme="light"] .shift-time small { color: #666666 !important; } /* Прогресс смены */ .theme-light .shift-progress, [data-theme="light"] .shift-progress { background: rgba(0, 0, 0, 0.05) !important; border-radius: 10px !important; height: 20px !important; } .theme-light .shift-progress .progress-bar, [data-theme="light"] .shift-progress .progress-bar { background: linear-gradient(90deg, var(--primary) 0%, rgba(0, 136, 85, 0.7) 100%) !important; } /* Бейджи статуса смены */ .theme-light .badge.bg-success, [data-theme="light"] .badge.bg-success { background: rgba(0, 136, 85, 0.15) !important; color: var(--primary) !important; } .theme-light .badge.bg-info, [data-theme="light"] .badge.bg-info { background: rgba(0, 102, 204, 0.15) !important; color: #0066cc !important; } .theme-light .badge.bg-secondary, [data-theme="light"] .badge.bg-secondary { background: rgba(0, 0, 0, 0.1) !important; color: #666666 !important; } /* Заголовки карточек - синий вариант */ .theme-light .stat-card .card-header.bg-info, [data-theme="light"] .stat-card .card-header.bg-info { background: linear-gradient(135deg, rgba(0, 102, 204, 0.15) 0%, rgba(0, 102, 204, 0.08) 100%) !important; border-bottom: 2px solid #0066cc !important; } .theme-light .stat-card .card-header.bg-info h5, .theme-light .stat-card .card-header.bg-info i, [data-theme="light"] .stat-card .card-header.bg-info h5, [data-theme="light"] .stat-card .card-header.bg-info i { color: #0066cc !important; text-shadow: none !important; } /* Заголовок карточки - оранжевый вариант */ .theme-light .stat-card .card-header.bg-warning, [data-theme="light"] .stat-card .card-header.bg-warning { background: linear-gradient(135deg, rgba(204, 136, 0, 0.15) 0%, rgba(204, 136, 0, 0.08) 100%) !important; border-bottom: 2px solid #cc8800 !important; } .theme-light .stat-card .card-header.bg-warning h5, .theme-light .stat-card .card-header.bg-warning i, [data-theme="light"] .stat-card .card-header.bg-warning h5, [data-theme="light"] .stat-card .card-header.bg-warning i { color: #cc8800 !important; text-shadow: none !important; } /* Заголовок таблицы - table-light */ .theme-light .table-light, .theme-light .table .table-light, [data-theme="light"] .table-light, [data-theme="light"] .table .table-light { background: linear-gradient(135deg, rgba(0, 136, 85, 0.08) 0%, rgba(0, 102, 204, 0.05) 100%) !important; color: #1a1a2e !important; } .theme-light .table-light th, [data-theme="light"] .table-light th { color: var(--primary) !important; background: transparent !important; border-color: rgba(0, 0, 0, 0.1) !important; } /* Цветные строки таблицы */ .theme-light .table-primary, [data-theme="light"] .table-primary { background: rgba(0, 136, 85, 0.08) !important; } .theme-light .table-primary th, .theme-light .table-primary td, [data-theme="light"] .table-primary th, [data-theme="light"] .table-primary td { color: #1a1a2e !important; border-color: rgba(0, 136, 85, 0.2) !important; } .theme-light .table-success, [data-theme="light"] .table-success { background: rgba(0, 136, 85, 0.05) !important; } .theme-light .table-success th, .theme-light .table-success td, [data-theme="light"] .table-success th, [data-theme="light"] .table-success td { color: #1a1a2e !important; border-color: rgba(0, 136, 85, 0.15) !important; } /* Кликая строка таблицы */ .theme-light .clickable-row, [data-theme="light"] .clickable-row { cursor: pointer !important; transition: all 0.2s ease !important; } .theme-light .clickable-row:hover, [data-theme="light"] .clickable-row:hover { background: rgba(0, 136, 85, 0.08) !important; } /* Прогресс-бар контейнер (для способов оплаты) */ .theme-light .progress-bar-container, [data-theme="light"] .progress-bar-container { background: rgba(0, 0, 0, 0.05) !important; border-radius: 8px !important; overflow: hidden !important; height: 8px !important; } .theme-light .progress-bar-container .progress-bar, [data-theme="light"] .progress-bar-container .progress-bar { background: linear-gradient(90deg, var(--primary) 0%, rgba(0, 136, 85, 0.7) 100%) !important; height: 100% !important; } /* ============================================================================= СТРАНИЦА ТЕКУЩЕЙ СМЕНЫ (current_shift.html) ============================================================================= */ /* Навигация Bootstrap */ .theme-light .navbar.bg-dark, [data-theme="light"] .navbar.bg-dark { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%) !important; border-bottom: 2px solid var(--primary) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } .theme-light .navbar-brand, [data-theme="light"] .navbar-brand { color: var(--primary) !important; text-shadow: none !important; } /* Кнопки outline */ .theme-light .btn-outline-light, [data-theme="light"] .btn-outline-light { border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-outline-light:hover, [data-theme="light"] .btn-outline-light:hover { background: var(--primary) !important; color: #ffffff !important; } .theme-light .btn-outline-primary, [data-theme="light"] .btn-outline-primary { border-color: var(--primary) !important; color: var(--primary) !important; } .theme-light .btn-outline-primary:hover, [data-theme="light"] .btn-outline-primary:hover { background: var(--primary) !important; color: #ffffff !important; } /* Секция времени смены */ .theme-light .shift-time, [data-theme="light"] .shift-time { background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 15px !important; padding: 20px !important; margin-bottom: 25px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; } /* Прогресс-бар смены */ .theme-light .shift-progress, [data-theme="light"] .shift-progress { background: rgba(0, 0, 0, 0.05) !important; border-radius: 10px !important; height: 12px !important; } .theme-light .shift-progress .progress-bar, [data-theme="light"] .shift-progress .progress-bar { background: linear-gradient(90deg, var(--primary) 0%, rgba(0, 136, 85, 0.7) 100%) !important; } /* Заголовок таблицы - table-light */ .theme-light .table-light, [data-theme="light"] .table-light { background: linear-gradient(135deg, rgba(0, 136, 85, 0.08) 0%, rgba(0, 102, 204, 0.05) 100%) !important; } .theme-light .table-light th, [data-theme="light"] .table-light th { color: var(--primary) !important; text-shadow: none !important; border-color: rgba(0, 0, 0, 0.1) !important; } /* Цветные строки таблицы */ .theme-light .table-primary, [data-theme="light"] .table-primary { background: rgba(0, 136, 85, 0.08) !important; } .theme-light .table-primary th, .theme-light .table-primary td, [data-theme="light"] .table-primary th, [data-theme="light"] .table-primary td { color: #1a1a2e !important; border-color: rgba(0, 136, 85, 0.2) !important; } .theme-light .table-success, [data-theme="light"] .table-success { background: rgba(0, 136, 85, 0.08) !important; } .theme-light .table-success th, .theme-light .table-success td, [data-theme="light"] .table-success th, [data-theme="light"] .table-success td { color: #1a1a2e !important; border-color: rgba(0, 136, 85, 0.2) !important; } /* Кликамбельные строки */ .theme-light .clickable-row, [data-theme="light"] .clickable-row { cursor: pointer !important; transition: all 0.2s ease !important; } .theme-light .clickable-row:hover, [data-theme="light"] .clickable-row:hover { background: rgba(0, 136, 85, 0.08) !important; } /* ============================================================================= КЛАССЫ ДЛЯ ОТКЛЮЧЕНИЯ ЭФФЕКТОВ ============================================================================= */ /* Отключение анимаций */ .no-animations, .no-animations * { animation: none !important; transition-duration: 0.01ms !important; } /* Отключение размытия */ .no-blur .nav-header, .no-blur .stat-card, .no-blur .modal-content, .no-blur .card-body { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Отключение градиентов */ .no-gradients .nav-header, .no-gradients .stat-card, .no-gradients .btn-neon { background: var(--bg-card) !important; } /* Отключение частиц */ .no-particles #webgl-canvas, .no-particles .particles-js, .no-particles #particles-container { display: none !important; } /* Отключение свечения */ .no-glow .nav-title, .no-glow .btn-neon, .no-glow .stat-card:hover, .no-glow .tile-btn:hover { box-shadow: none !important; text-shadow: none !important; } /* ============================================================================= УТИЛИТЫ (работают во всех темах через переменные) ============================================================================= */ /* Текстовые утилиты */ .text-primary-theme { color: var(--primary) !important; } .text-secondary-theme { color: var(--secondary) !important; } .text-success-theme { color: var(--success) !important; } .text-warning-theme { color: var(--warning) !important; } .text-danger-theme { color: var(--danger) !important; } .text-info-theme { color: var(--info) !important; } .text-muted-theme { color: var(--text-muted) !important; } /* Фоновые утилиты */ .bg-primary-theme { background: rgba(var(--primary-rgb), 0.15) !important; } .bg-success-theme { background: var(--success-bg) !important; } .bg-warning-theme { background: var(--warning-bg) !important; } .bg-danger-theme { background: var(--danger-bg) !important; } .bg-info-theme { background: var(--info-bg) !important; }