/* Foocus theme overlay (REDESIGN-1 этап 1) — подключается ПОСЛЕДНИМ в , переопределяет PrimeVue/Tailwind-переменные бандла. Не трогает JS/вёрстку — только цвета, шрифт, скругления. Обратимо: удалить → вернётся исходный вид. Акцент Foocus: сине-голубой градиент (fo-o-cus), чуть мягче исходного #25e6ff. */ :root { /* Фирменный акцент Foocus */ --foocus-accent: #2f6bff; /* насыщенный синий */ --foocus-accent-2: #4da3ff; /* голубой (буквы «oo») */ --foocus-accent-dark: #1e4fd6; --foocus-ink: #0f1b2d; /* тёмная шапка/текст */ /* PrimeVue primary → Foocus */ --p-primary-color: var(--foocus-accent); --p-primary-500: var(--foocus-accent); --p-primary-600: var(--foocus-accent-dark); --p-primary-700: var(--foocus-accent-dark); --p-primary-400: var(--foocus-accent-2); --p-primary-300: var(--foocus-accent-2); --p-primary-contrast-color: #ffffff; /* Legacy-переменные бандла */ --primary-color: var(--foocus-accent); --primary-dark: var(--foocus-accent-dark); /* Чуть крупнее радиусы — современнее */ --p-border-radius: 12px; } /* Шрифт: Nunito уже подгружается бандлом — задаём его как основной */ body, .p-component, button, input, select, textarea { font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Первичные кнопки/акценты в фирменный синий */ .header-primary-action, .p-button:not(.p-button-secondary):not(.p-button-text):not(.p-button-outlined) { background: linear-gradient(135deg, var(--foocus-accent) 0%, var(--foocus-accent-2) 100%) !important; border-color: var(--foocus-accent) !important; } /* Активные вкладки/ссылки навигации */ .top-nav-pulse-icon, a.router-link-active, .p-tabmenu .p-tabmenuitem.p-highlight .p-menuitem-link { color: var(--foocus-accent) !important; } /* Тумблеры (Дельты/Аномалии) в фирменный цвет во включённом состоянии */ .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider, .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: var(--foocus-accent) !important; } /* Аккуратный акцент рамок при фокусе полей */ .p-inputtext:focus, .p-dropdown:focus, .p-multiselect:focus { border-color: var(--foocus-accent) !important; box-shadow: 0 0 0 2px rgba(47, 107, 255, 0.15) !important; } /* ============================================================ FOOCUS UI: упрощение шапки (запрос владельца 2026-07-19) ============================================================ */ /* Разделы Финансы/Динамика/Юнит убраны на уровне ДАННЫХ (server.js NAV_SERVICES), а не CSS — так их легко включать/выключать конфигом и добавлять новые. */ /* Светлая верхняя плашка вместо тёмной. Исходный фон шапки тёмный (#0f1420/#111a2a) — делаем как основной светлый фон. */ header, .app-header, .main-header, .top-nav-tabs, [class*="top-bar"], [class*="topbar"] { background: #ffffff !important; border-bottom: 1px solid #e5eaf2 !important; } /* Кнопки-табы навигации на светлой шапке — читаемые тёмные, актив — синий Foocus */ .top-nav-item { background: #f4f7fc !important; border-color: #dbe4f0 !important; color: #33415e !important; } .top-nav-item-active { background: var(--foocus-accent) !important; border-color: var(--foocus-accent) !important; color: #ffffff !important; } /* Круглые иконки-кнопки справа (поддержка/настройки/тема/аватар) на светлом фоне */ header button[class*="rounded"], .header-icon, .header-actions button { background: #f4f7fc !important; color: #33415e !important; }