@font-face {
    font-family: 'roboto-regular';
    src: url('fonts/roboto-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'roboto-bold';
    src: url('fonts/roboto-bold.ttf') format('truetype');
    font-weight: 600;
}
:root[theme='dark'] {
    --border-radius-default: 10px;
    --box-shadow: 3px 3px 5px #1e1400;
    --box-shadow-ligt: 3px 3px 5px #54545459;
    --border: 1px solid #b1b1b157;
    --datepicker-bg-color: #373737;
    --chat-item-bg-selected-color: #13a30f30;
    --theme-background-color: #2b2c2f;
    --theme-background-color-lite: #a28c622b;
    --modal-background-color: #a16e064a;
    --button-background-color: #895700;
    --background-color: #212529;
    --background-color-left-panel: #80808066;
    --background-color-blur: #2b2b2b00;
    --background-color-blur2: #2b2b2b96;
    --background-color-blur3: #29292929;
    --background-color-blur4: #29292970;
    --background-color-darkred: #362625;
    --background-color-darkyellow: #8570006b;
    --background-color-thead: #141414f2;
    --backdrop-filter: blur(10px);
    --background-color-filterextend-items-container: #212529;
    --funnel-item-background-color: #373737;
    --button-fore-color: white;
    --button-fore-color-hover: white;
    --border-color: #4b4b4b;
    --theme-color-1: #ffab00;
    --dashboard-card-bacground-color: #2b2b2b85;
    --color-green: #13a30f;
    --color-white-green: #9dff9a;
    --color-darkgreen: #246a22;
    --color-red: #ff6666;
    --color-orangered: orangered;
    --color-blue: #3fa0ff;
    --color-skyblue: #5cd0ff;
    --color-yellow: yellow;
    /* текст поверх жёлтой заливки: в тёмной теме она яркая - нужен тёмный текст */
    --on-yellow: #1f2937;
    --color-meta: #999999;
    --color-darkslateblue: #223841;
    --fore-color: #f0f0f0;
    --label-color: #eee8aa;
    --webkit-calendar-picker-indicator-filter: invert(1);
    --description-color: #ddd;
    --description-bgcolor: darkcyan;
    --border-droppable: dotted 2px var(--border-color);
    --ui-dialog-border: 1px solid #7d7d7d;
    --ui-dialog-border-focused-color: #ffd700;
    --button-animate-bg-color: transparent;
    --modal-background-color: #16130bc2;
    --theme-lera-color-yellow: #ffff00;
    --scrollbar-color: var(--color-meta);
    /* подсветка ползунка: в тёмной теме не белая, иначе светлая полоса на тёмном фоне */
    --scrollbar-highlight: rgba(255, 255, 255, 0.10);
    --message-item-background: #2b2b2b;
    --message-item-border: 1px solid rgba(255, 255, 255, 0.10);
    --on-accent: #1f2937;
    /* ---------------------------------------------------------------------
       Токены, которые используют шапка таблицы, поля ввода, кнопки и оверлеи
       (см. basic_elem.css / ui_replace.css). Без них в тёмной теме применялись
       светлые значения из :root ниже — таблица становилась «белой на чёрном».
       --------------------------------------------------------------------- */
    --line: #3a3b3f;
    --line-strong: #4d4f54;
    --line-faint: #2f3034;
    /* «чип» под белыми иконками тулбаров: в тёмной теме чуть светлее панели */
    --chip-bg: #34363b;
    --chip-bg-hover: #414449;
    --chip-border: #45484d;
    /* Счётчик в шапке папки отчётов: в тёмной теме --chip-bg совпадает
       с фоном шапки, поэтому задаём заметно светлее */
    --counter-bg: #4d5158;
    --counter-border: #5f636b;
    --counter-fg: #f0f0f0;
    /* Левое меню рабочего стола (полоса иконок) */
    --left-menu-width: 52px;
    --left-menu-bg: #1b2024;
    --left-menu-border: rgba(255, 255, 255, 0.08);
    --left-menu-item-bg: transparent;
    --left-menu-item-hover-bg: rgba(255, 255, 255, 0.09);
    --left-menu-item-active-bg: rgba(255, 171, 0, 0.16);
    --left-menu-button-bg: #99999945;
    /* Карточка контрагента в воронке (.funnel_item) */
    --funnel-card-bg: #2b2c2f;
    --funnel-card-border: #45484d;
    --funnel-card-hover-border: #ffab00;
    --funnel-card-hover-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
    --funnel-card-moved-bg: #3a3426;
    --funnel-card-moved-border: #8a6d1f;
    /* Панель фильтров (.extendfilter_panel) и её секции */
    --filter-panel-bg: rgba(28, 29, 32, 0.94);
    --filter-panel-border: #3a3b3f;
    --filter-section-bg: #2b2c2f;
    --filter-section-border: #3f4146;
    --filter-section-head-bg: #34363b;
    --filter-section-head-fg: #e6e6e6;
    /* Карточка контрагента (.form_contragent), вкладка «Инфо» */
    --contragent-section-bg: #292a2d;
    --contragent-section-border: #3f4146;
    --contragent-section-legend-bg: #34363b;
    --contragent-section-legend-fg: #b9bdc4;
    --surface-card: #2b2c2f;
    --surface-hover: #35363a;
    --accent: #ffab00;
    --accent-hover: #ffc233;
    --accent-soft: rgba(255, 171, 0, 0.16);
    --accent-softer: rgba(255, 171, 0, 0.08);
    --accent-soft-strong: rgba(255, 171, 0, 0.28);
    --text-faint: #8b8f96;
    --table-header-bg: #232323f2;
    --table-header-fg: #cf8b00;
    --table-header-sort-bg: #2a2418;
    --table-header-sort-fg: #ffd66b;
    --table-header-hover-bg: #2a2b2f;
    --table-row-separator: #404041;
    --input-bg: #1c1d20;
    --input-border: #4d4f54;
    --input-focus-border: var(--accent);
    --input-focus-ring: 0 0 0 3px rgba(255, 171, 0, 0.20);
    --button-success-bg: #1f7a4d;
    --button-success-fg: #ffffff;
    --button-success-hover: #18633e;
    --button-danger-fg: #ffffff;
    --overlay-scrim: rgba(0, 0, 0, 0.55);
    --extend-filter-button-bg-color: #313131;
}

/* ============================================================================
   СВЕТЛАЯ ТЕМА (значения по умолчанию: применяются, когда на <html> нет theme='dark')
   ----------------------------------------------------------------------------
   Правило: новые токены группируются по назначению, старые имена (которые уже
   используются в страничных CSS) по возможности ссылаются на новое, чтобы не
   расползались «магические» цвета.
   ========================================================================== */
:root {
    /* ---------------------------------------------------------- радиус */
    --border-radius-default: 8px;
    /* --------------- базовые «кирпичи»: фон, текст, акцент и линии ------
       На них ссылаются большинство токенов ниже; если нужно быстро «крутить
       тему», меняйте здесь.
       Осознанно тёплый/приглушённый холст вместо чистого белого: белые окна на
       белом фоне «режут глаза» и не отделяют слои друг от друга. */
    --surface-page: #e8eaf0; /* холст рабочего стола */
    --surface-panel: #f1f2f6; /* панели, сайдбары */
    --surface-card: #fcfcfd; /* карточки, окна, содержимое вкладок (не #fff) */
    --surface-sunken: #eef0f4; /* утопленные области, заголовки секций */
    --surface-hover: #eaedf2; /* подсветка по наведению */
    --surface-blur: rgba(250, 251, 252, 0.88);
    --surface-blur-strong: rgba(252, 253, 253, 0.97);
    /* Основной текст: не чистый чёрный (#181818), а мягкий графит —
       на светлых поверхностях контраст 12:1 вместо 16:1, меньше «режет глаза».
       Можно смягчить ещё: #2b3341 (10:1) или #344050 (~9:1). */
    --text-primary: #2b3341;
    --text-secondary: #4a5566; /* подписи, метки */
    --text-muted: #5f6f83; /* мета-информация */
    --text-faint: #8a97a6; /* приглушённые ссылки, плейсхолдеры */
    /* Фон выбранного диалога в чате — заливка мягкого зелёного из диалоговой панели */
    --chat-dialog-bg: #13a30f12;
    --chat-item-bg-selected-color: #ffffff;
    --accent: #7c5300; /* брендовый золотой: тёмный, читаемый на белом */
    --accent-hover: #5f3f00;
    --accent-soft: rgba(124, 83, 0, 0.10);
    --accent-softer: rgba(124, 83, 0, 0.06);
    /* заметная акцентная подложка (активный раздел, выбранная вкладка) —
       --accent-soft слишком бледный на светлых панелях */
    --accent-soft-strong: #ecdfc6;
    --accent-on-soft: #6a4700; /* золотой текст на светлой подложке */
    --on-accent: #ffffff;
    --on-accent-muted: #f6e7c8;
    --line: #d4d9e1; /* обычная граница */
    --line-strong: #bcc4cf; /* граница контролов */
    --line-faint: #e4e8ee; /* разделители в таблицах */
    /* «Чип» под белыми иконками тулбаров: заметно темнее поверхности панели,
       иначе белый PNG сливается со светлым фоном */
    --chip-bg: #dde3ea;
    --chip-bg-hover: #cfd8e3;
    --chip-border: #c8d1dc;
    /* Счётчик в шапке папки отчётов */
    --counter-bg: #e3e7ee;
    --counter-border: #c8d1dc;
    --counter-fg: #475569;
    /* Левое меню рабочего стола (полоса иконок): светлая «приборная панель» */
    --left-menu-width: 52px;
    --left-menu-bg: linear-gradient(180deg, #ddd 0%, #ffffff 100%);
    --left-menu-border: rgba(15, 23, 42, 0.10);
    --left-menu-item-bg: transparent;
    --left-menu-item-hover-bg: rgba(255, 255, 255, 0.14);
    --left-menu-item-active-bg: rgba(124, 83, 0, 0.16);
    --left-menu-button-bg: #0000001a;
    /* Карточка контрагента в воронке (.funnel_item) */
    --funnel-card-bg: #ffffff;
    --funnel-card-border: #dce1e8;
    --funnel-card-hover-border: #b9a06e;
    --funnel-card-hover-shadow: 0 4px 14px rgba(124, 83, 0, 0.16);
    --funnel-card-moved-bg: #fff7e6;
    --funnel-card-moved-border: #d8a93a;
    /* Панель фильтров (.extendfilter_panel) и её секции */
    --filter-panel-bg: rgba(250, 251, 252, 0.94);
    --filter-panel-border: #d4d9e1;
    --filter-section-bg: #ffffff;
    --filter-section-border: #e1e6ec;
    --filter-section-head-bg: #f1f4f8;
    --filter-section-head-fg: #37424f;
    /* Карточка контрагента (.form_contragent), вкладка «Инфо» */
    --contragent-section-bg: #ffffff;
    --contragent-section-border: #e1e6ec;
    --contragent-section-legend-bg: #f1f4f8;
    --contragent-section-legend-fg: #475569;
    /* -------------------------------------------------- глубина и тени */
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-md: 0 1px 2px rgba(16, 24, 40, 0.06), 0 4px 12px rgba(16, 24, 40, 0.06);
    --shadow-lg: 0 2px 4px rgba(16, 24, 40, 0.06), 0 12px 32px rgba(16, 24, 40, 0.10);
    --shadow-inset: inset 0 1px 2px rgba(16, 24, 40, 0.06);
    --box-shadow: var(--shadow-md);
    --box-shadow-ligt: var(--shadow-sm);
    --overlay-scrim: rgba(15, 23, 42, 0.45);
    /* ------------------------------------------------------ границы */
    --border: 1px solid var(--line);
    --border-droppable: dotted 2px var(--line-strong);
    --ui-dialog-border: 1px solid var(--line);
    --ui-dialog-border-focused-color: var(--accent);
    --border-color: var(--line);
    /* ------------------------------------------------ фоновые цвета */
    --background-color: var(--surface-page);
    --background-color-left-panel: var(--surface-panel);
    --background-color-blur: var(--surface-blur);
    --background-color-blur2: var(--surface-blur);
    --background-color-blur3: var(--surface-blur-strong);
    --background-color-blur4: var(--surface-blur-strong);
    --background-color-filterextend-items-container: var(--surface-card);
    --background-color-darkred: #fbeeec;
    --background-color-darkyellow: #fdf5e4;
    --background-color-thead: #e3e7ee;
    /* ------------------------------------- тематические (бренд) цвета */
    --theme-background-color: var(--surface-card);
    --theme-background-color-lite: #b3b3b3;
    --theme-color-1: var(--accent);
    --theme-lera-color-yellow: var(--accent);
    /* ------------------------------- поверхности конкретных блоков */
    --modal-background-color: var(--surface-card);
    --funnel-item-background-color: var(--surface-card);
    --dashboard-card-bacground-color: rgba(252, 253, 253, 0.9);
    --datepicker-bg-color: var(--surface-card);
    --message-item-background: var(--surface-card);
    --message-item-border: 1px solid var(--line-faint);
    /* ------------------------------------------- таблицы (датагрид) */
    --table-header-bg: #e3e7ee;
    --table-header-fg: #37424f;
    /* шапка колонки, по которой идёт сортировка */
    --table-header-sort-bg: #d6dce5;
    --table-header-sort-fg: #1f2937;
    --table-header-hover-bg: #dbe0e8;
    --table-row-hover: var(--surface-hover);
    --table-row-selected: var(--accent-softer);
    --table-row-separator: var(--line-faint);
    /* ------------------------------------------- поля ввода и фокус */
    --input-bg: #fbfcfd; /* чуть прохладнее белого — меньше «свечения» */
    --input-border: var(--line-strong);
    --input-focus-border: var(--accent);
    --input-focus-ring: 0 0 0 3px var(--accent-soft);
    /* -------------------------------------------------------- кнопки */
    --button-background-color: var(--accent);
    --button-fore-color: var(--text-primary);
    --button-fore-color-hover: #0f172a;
    --button-animate-bg-color: var(--surface-hover);
    --button-primary-bg: var(--accent);
    --button-primary-fg: var(--on-accent);
    --button-primary-hover: var(--accent-hover);
    /* success: глубокий зелёный с белым текстом (контраст ~5:1), не «салатовый» */
    --button-success-bg: #1f7a4d;
    --button-success-hover: #18633e;
    --button-success-fg: #ffffff;
    --button-danger-bg: #c0392b;
    --button-danger-hover: #a33226;
    --button-danger-fg: #ffffff;
    /* -------------------------------------------------- текстовые цвета */
    --fore-color: var(--text-primary);
    --label-color: var(--text-secondary);
    --description-color: #334155;
    --description-bgcolor: #eef7f1;
    /* ------------------------------------------------ палитра статусов */
    --color-green: #13a30f; /* и заливка .green_bg — с белым текстом */
    --color-white-green: #dcfce7;
    --color-darkgreen: #18633e;
    --color-red: #c0392b;
    --color-orangered: #c7492a;
    --color-blue: #2563eb;
    --color-skyblue: #0284c7;
    --color-yellow: #8a5a00; /* была «кислотная» жёлтая подпись на белом */
    /* текст поверх жёлтой заливки: в светлой теме она тёмная - нужен светлый текст */
    --on-yellow: #ffffff;
    --color-darkslateblue: #edf1f6;
    --color-meta: var(--text-muted);
    /* ---------------------------------------------- бейджи и плашки */
    --badge-bg: var(--surface-sunken);
    --badge-fg: var(--text-secondary);
    --notice-bg: #fdf5e4;
    /* ---------------------------------------------------- специальные */
    --scrollbar-color: #b3becb;
    --scrollbar-highlight: #ffffff;
    --webkit-calendar-picker-indicator-filter: invert(0.45);
    /* -------------------------------------------------------- эффекты */
    --backdrop-filter: blur(10px);
    --extend-filter-button-bg-color: #ecfaff;
}