/* ==============================================================================================================
   ПОСАДКА ЭКРАНОВ ПО ЭТАЛОНУ В КАРКАС CRM (интеграция пиксельных веток 30.09, наряд integrator-s).
   Стиль пакета c-design — ТОЛЬКО web/fcx.css (генератор web/tools/fcx-scope.mjs). Здесь — свои правила CRM поверх него:
   отступы страниц под поля .app, выпадающие выборы поверх фишек, состояния, которых в эталоне нет. Копий правил пакета
   здесь быть не должно: сторож web/tools/fcx-dedupe.mjs (тест pixel-integration) краснеет на дословный повтор.
   Файл подключён ПОСЛЕ styles.css и fcx.css: при равном весе побеждает он.
   ============================================================================================================== */

/* ── «Аналитика · Сводка» и «Мой день» ──────────────────────────────────────────────────────────────────────── */
.dashboard-view.fcx.fc-root { background: transparent; margin: -10px -14px 0; }
.dashboard.dashboard--fcx { display: block; overflow: visible; padding-bottom: 0; }
.fcx .an-chip-select { position: relative; display: inline-flex; }
.fcx .an-chip-select > select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font: inherit; border: 0; }
.fcx .fc-kpi__empty { font-size: 15px; font-weight: 600; color: var(--muted); letter-spacing: 0; }

/* «Мой день» по эталону (решение владельца 30.09) — та же посадка в каркас, что у «Сводки»; экран прокручивается сам. */
.day-view.fcx.fc-root { background: transparent; margin: -10px -14px 0; display: block; overflow-y: auto; }
.fcx .fc-quest--open { cursor: pointer; }
.fcx .fc-quest--open:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.fcx .rail-attn__item--link, .fcx .agenda__item--link { cursor: pointer; }
.fcx .rail-attn__item--link:hover { background: color-mix(in srgb, var(--ai) 8%, var(--bg-surface)); }
.fcx .agenda__item--link:hover b { text-decoration: underline; }
.fcx .day-assistant--embedded { display: grid; gap: 8px; }
.fcx .day-assistant--embedded[hidden] { display: none; }
.fcx .day-assistant__chips { display: flex; gap: 6px; flex-wrap: wrap; }
.fcx .day-assistant__composer.fc-input { height: auto; padding: 6px 10px; }
.fcx .day-assistant__field { resize: none; font: inherit; font-size: 13px; line-height: 18px; }
.fcx .day-assistant__q { margin: 0; font-weight: 650; font-size: 13px; }
.fcx .day-assistant__answer { font-size: 13.5px; line-height: 20px; }

/* ── Профиль, контрагенты, номенклатура, документы ─────────────────────────────────────────────────────────────
   Страница: отступы эталона (.fc-page 20/24/40) — за вычетом своего отступа .app (10/14; ≤720 — 8/10). */
.fcx.fc-page { padding: 10px 10px 40px; flex: 1 1 auto; }
@media (max-width: 900px) and (min-width: 721px) { .fcx.fc-page { padding: 6px 4px 32px; } }
@media (max-width: 720px) and (min-width: 641px) { .fcx.fc-page { padding: 8px 8px 32px; } }
@media (max-width: 640px) { .fcx.fc-page { padding: 6px 6px 32px; } }
@media (prefers-reduced-motion: reduce) { .fcx.fc-page { animation: none; } }
/* Строка «где я» (b668577) съела ~33 px высоты: пакетный min-height доски 480 px перестаёт
   влезать в обёртку и переливает наружу (нижние ~39 px колонок недостижимы). У посаженной
   доски минимум снят: она занимает обёртку целиком, а при длинных колонках прокручивается
   сама (overflow-y у fc-board вычисляется в auto от пакетного overflow-x). */
.board-page.fcx .board-wrap .fc-board { min-height: 0; }

/* Вкладки профиля (профиль, настройки, оплата…) прокручивались сами — на странице профиля прокручивает страница. */
.fcx.fc-page > .view, .fcx.fc-page > .view > * { overflow-y: visible; min-height: auto; }
/* Носитель экрана-по-эталону: свои отступы и раскладка прежнего экрана сняты — страницу собирает .fc-page. */
.view.fcx-host { padding: 0; gap: 0; display: block; overflow-y: auto; }
/* Пакет красит «кромкой» и `.person` (карточка человека эталона). В CRM `.person` — строка «аватар + имя» в таблицах
   и лентах: подложка карточки ей чужая — возвращаем CRM-вид. */
.fcx .person { background: none; border-color: transparent; }

/* ── «Коммуникации»: свои отличия от раскладок пакета (были в styles.css рядом с копиями пакета) ── */
.fcx .cm-tab { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: var(--radius-pill); cursor: pointer; white-space: nowrap;
  font: 650 13.5px/1 var(--font-sans); color: var(--ink-2); border: 1px solid transparent; transition: background .15s, border-color .15s, color .15s; }
.fcx .cm-body { min-width: 0; }
.fcx .cm-item { all: unset; box-sizing: border-box; display: flex; gap: 10px; padding: 11px 12px; cursor: pointer; border-bottom: 1px solid color-mix(in srgb, var(--line) 60%, transparent); transition: background .12s; }
.fcx .cm-item__row b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.fcx .cm-thread { display: grid; grid-template-rows: auto auto 1fr auto; overflow: hidden; min-height: 0; }
.fcx .cm-thread__body { padding: 16px; overflow: auto; display: grid; gap: 14px; align-content: start; min-height: 0; }
.fcx .cm-pinned { display: flex; gap: 8px; align-items: center; padding: 8px 14px; font-size: 12.5px; background: color-mix(in srgb, var(--warning-soft) 60%, transparent); border-bottom: 1px solid var(--line); color: var(--ink); }
.fcx .cm-post { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 6px 8px; margin: 0 -8px; border-radius: var(--radius-sm); flex: 1; min-width: 0; }
@media (max-width: 1000px) { .fcx .cm-split, .fcx .cm-split--2 { grid-template-columns: minmax(0, 1fr); min-height: 0; } }
.fcx .cm-thread__head { grid-row: 1; }
.fcx .cm-thread__body { grid-row: 3; }
.fcx .cm-thread__foot { grid-row: 4; }
.fcx .cm-thread { grid-template-rows: auto auto minmax(0, 1fr) auto; }
.fcx .cm-feed__main { display: grid; gap: 14px; max-width: 760px; min-width: 0; }
.fcx .cm-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; align-content: start; }
.fcx .cm-group { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid transparent; transition: transform .16s, box-shadow .16s; cursor: pointer;
  background: linear-gradient(180deg, var(--bg-surface), var(--bg-surface-2)) padding-box, linear-gradient(180deg, var(--edge-top), var(--line) 38%) border-box; box-shadow: inset 0 1px 0 var(--edge-hi), var(--shadow-1); }
.fcx .week__h { padding: 8px 10px; background: var(--bg-raised); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); font-size: 12.5px; font-weight: 700; color: var(--ink); }
.fcx .week__t { min-height: 52px; padding: 4px 8px; font-size: 11px; color: var(--muted); text-align: right; border-top: 1px solid var(--line); font-feature-settings: "lnum" 1, "tnum" 1; }
.fcx .week__c { min-height: 52px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); position: relative; display: flex; flex-direction: column; gap: 3px; padding: 3px; min-width: 0; }
.fcx .cm-folders { padding: 12px; display: flex; flex-direction: column; gap: 2px; border-radius: var(--radius-lg); border: 1px solid transparent; min-width: 0;
  background: linear-gradient(180deg, var(--bg-surface), var(--bg-surface-2)) padding-box, linear-gradient(180deg, var(--edge-top), var(--line) 38%) border-box;
  box-shadow: inset 0 1px 0 var(--edge-hi), var(--shadow-1); }
.fcx .cm-folder { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--radius-sm); cursor: pointer; font-size: 13.5px; font-weight: 600; color: var(--ink-2); }
.fcx .cm-call { border-radius: var(--radius-lg); overflow: hidden; background: #171a15; color: #f3f1ea; box-shadow: var(--shadow-2); min-height: 420px; display: grid; grid-template-rows: auto 1fr; }
.fcx .cm-call__head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.fcx .cm-groups { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* ── Доска, список и карточка сделки, окно помощника раздела (ветка pixel-deal-board; было pixel.css) ── */
/* ================================================================================================================
   РЕШЕНИЕ ВЛАДЕЛЬЦА 30.09 «остаётся — без увеличения масштаба — всё остальное как в макете».
   Доска, список сделок, карточка сделки и окно помощника раздела рисуются разметкой эталона concept/forbion-crm
   (компоненты fc-* — vendor/forbion-crm/css/components.css пакета как есть). Здесь — только то, что в эталоне живёт в
   src/screens.css (раскладки экранов) и во встроенных стилях его разметки, плюс минимум для того, что у CRM есть сверх
   макета (выбор воронки, поиск, неполная колонка). Своих цветов нет — только токены пакета (обе темы).
   ================================================================================================================ */
/* — страница эталона (Page): у .view свой display — возвращаем сетку fc-page — */
.view.fc-page.fcx { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: start; }
.view.fc-page.fcx[hidden] { display: none; }
.fc-page__titles--tile { grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; }
.fc-page__titletext { display: grid; gap: 2px; min-width: 0; }
.fc-page__head .fc-display { margin: 0; }
.fc-page__sub { font-size: 13.5px; }
/* Отступ страницы эталона — 20/24 (≤900 — 16/18, ≤640 — 14/16) от края области; у CRM область уже отступает на .app
   (10/14, ≤720 — 8/10), поэтому здесь — разница, чтобы итог совпал с макетом пиксель в пиксель. */
.view.fc-page.fcx { padding: 10px 10px 40px; }
@media (max-width: 900px) { .view.fc-page.fcx { padding: 6px 4px 32px; } }
@media (max-width: 720px) { .view.fc-page.fcx { padding: 8px 8px 32px; } }
@media (max-width: 640px) { .view.fc-page.fcx { padding: 6px 6px 32px; } }
/* — воронка (screens.css эталона) — */
.fcx .pipe-sum { display: flex; gap: 20px; flex-wrap: wrap; align-items: baseline; font-size: 13px; color: var(--muted); }
.fcx .pipe-sum .fc-link { font-size: 13px; }
.board-page.fcx .fc-board { min-height: 480px; }
@media (max-width: 640px) { .board-page.fcx .fc-board { grid-auto-columns: 86vw; scroll-snap-type: x mandatory; } }
@media (max-width: 640px) { .board-page.fcx .fc-col { scroll-snap-align: start; } }
/* У эталона колонка просто режется краем — затухания нет. */
.board-page.fcx .board-wrap::before, .board-page.fcx .board-wrap::after { display: none; }
.board-page.fcx .board-wrap { flex: none; display: block; }
.board-page.fcx .board-wrap[hidden] { display: none; }
/* надзаголовок «Воронка · месяц»: выбор воронки — селектором в виде надписи */
.fcx .board-page__over { display: inline-flex; align-items: center; gap: 0; }
.fcx .board-page__pipeline { appearance: none; -webkit-appearance: none; border: 0; padding: 0; margin: 0; background: none; cursor: pointer; field-sizing: content;
  font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; max-width: 60vw; }
.fcx .board-page__pipeline:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 4px; }
/* фильтр-чип со списком выбора: вид — fc-chip, выбор — родной select поверх, прозрачный */
.fc-chip-select { position: relative; display: inline-flex; }
.fc-chip__select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font: inherit; }
.fc-chip-select .fc-chip__x { position: relative; z-index: 2; }
.fc-chip-select:focus-within .fc-chip { outline: 2px solid var(--focus); outline-offset: 2px; }
input.fc-chip.board-page__search { width: 110px; font: inherit; font-size: 13px; color: var(--ink); cursor: text; }
input.fc-chip.board-page__search::placeholder { color: var(--muted); }
.fc-btn.pipeline-add .icn svg { width: 16px; height: 16px; display: block; }
/* колонка: то, чего у эталона нет, а человеку нужно — строками под суммой */
.fcx .board-col__hint { margin-top: 2px; }
.fcx .board-col__alert { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 650; color: var(--danger); margin-top: 2px; }
.fcx .board-col__alert--stale { color: var(--warning); }
.fcx .board-col__empty { text-align: center; padding: 18px 8px; }
.fcx .board-col__more { justify-self: center; }
/* поповер «Вид доски» (screens.css эталона .pop / .ctx-scrim) */
.board-page.fcx .pop { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; width: 260px; display: grid; gap: 8px; padding: 14px;
  border-radius: var(--radius-md); background: var(--bg-surface); border: 1px solid var(--line); box-shadow: var(--shadow-2); animation: fc-pop-in .16s ease; }
.board-page.fcx .ctx-scrim { position: fixed; inset: 0; }
.board-page.fcx .pop .pipeline-add { justify-self: start; }
/* список: пагинация под таблицей */
.fcx .deal-list .fc-pager { margin-top: 10px; }
/* База типографики эталона (.fc-root пакета: 14/20, 500) — у CRM body 13px/1.4; экраны и окно эталона — на базе эталона. */
.view.fc-page.fcx, .fc-aidrawer.fcx, .entity-view.deal-view.fcx { font-size: 14px; line-height: 20px; font-weight: 500; }
/* Пакет кладёт кромку-градиент на .person (у эталона это карточка сотрудника); у CRM .person — строка «аватар + имя». */
/* — карточка сделки (screens.css эталона: deal-head, deal-body, deal-col, crumbs, related, ref-row) — */
.entity-view.deal-view.fcx { display: block; overflow-y: auto; overflow-x: hidden; background: var(--bg-page); }
.entity-view.deal-view.fcx[hidden] { display: none; }
.deal-view.fcx .deal-head { display: grid; gap: 12px; background: var(--bg-surface); border-bottom: 1px solid var(--line); padding: 16px 24px; min-width: 0; }
.deal-view.fcx .deal-head[hidden] { display: none; }
.fcx .deal-head__meta .fc-cell-user { color: var(--muted); }
.deal-view.fcx .crumbs { display: flex; gap: 6px; align-items: center; font-size: 12.5px; color: var(--muted); font-weight: 600; }
.deal-view.fcx .crumbs a { color: var(--muted); text-decoration: none; }
.deal-view.fcx .crumbs a:hover { color: var(--primary-ink); }
.fcx .deal-head__actions .quick__buttons { display: contents; }
.deal-view.fcx .fc-steps .fc-ico { flex: none; }
.deal-view.fcx .entity-head__ribbon:empty { display: none; }
.deal-view.fcx .deal-col { display: grid; gap: 12px; min-width: 0; align-content: start; }
/* прежняя раскладка сущности (свои скроллы колонок, отступы, фон) у страницы эталона не действует */
.deal-view.fcx .entity-view__main, .deal-view.fcx .entity-view__center, .deal-view.fcx .entity-view__rail {
  overflow: visible; min-height: 0; padding: 0; border: 0; box-shadow: none; background: none; flex: none; }
.deal-view.fcx .entity-view__rail { display: grid; }
@media (max-width: 900px) { .deal-view.fcx .deal-head { padding: 14px 16px; } }
@media (max-width: 900px) { .deal-view.fcx .fc-docstrip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* блоки CRM внутри панелей эталона: без своих карточных отступов */
.deal-view.fcx .fc-panel .block { margin: 0; }
.deal-view.fcx .fc-panel .block + .block, .deal-view.fcx .etab-panel > * + * { margin-top: 12px; }
.deal-view.fcx .etab-panel { gap: 12px; }
.deal-view.fcx .deal-section__title { margin: 0; display: flex; align-items: center; gap: 6px; }
.deal-view.fcx .deal-section__count[hidden] { display: none; }
/* «Факты»: организация и ИНН */
.fcx .deal-company__org { display: inline-flex; align-items: center; gap: 4px; min-width: 0; }
.fcx .deal-company__inn { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.fcx .deal-company__inn:hover { color: var(--primary-ink); }
.fcx .deal-company__inn:focus-visible { outline: 2px solid var(--focus); border-radius: 4px; }
.fc-kv .deal-partner { display: inline; font-size: inherit; color: inherit; }
.fc-kv .deal-partner__k { display: none; }
.fc-kv .deal-partner__edit { margin-left: 6px; }
/* «Следующий шаг» */
.fcx .next-step__meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fcx .next-step__edit { margin-top: 12px; }
.fcx .next-step__edit[hidden] { display: none; }
.fcx .next-step__title { overflow-wrap: anywhere; }
/* «Лента сделки»: общение, запись контакта, фильтры, лента */
.fcx .deal-feed__roles { padding: 12px 16px 0; }
.fcx .deal-feed__comms { padding: 16px; border-bottom: 1px solid var(--line); min-width: 0; }
.fcx .deal-feed__comms > .comms { margin: 0; }
.fcx .deal-feed__log { padding: 12px 16px 0; display: grid; gap: 8px; }
.fcx .deal-feed__log .quick__acts { display: flex; gap: 6px; flex-wrap: wrap; }
.fcx .deal-feed__wall { border-radius: 0 0 var(--radius-lg) var(--radius-lg); margin-top: 12px; }
.deal-view.fcx .fc-timeline .fc-caption { margin: 0; }
/* «Задачи · По сделке» — флажки эталона (Checkbox: подпись и строка под ней) */
.fcx .rail-tasks .tasks { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; max-height: none; overflow: visible; }
.fcx .rail-tasks .tasks__item { display: flex; align-items: flex-start; gap: 8px; }
.fcx .rail-tasks .tasks__open { all: unset; cursor: pointer; display: grid; min-width: 0; font-size: 13.5px; line-height: 20px; }
.fcx .rail-tasks .tasks__open:focus-visible { outline: 2px solid var(--focus); border-radius: 4px; }
.fcx .rail-tasks .tasks__item--done .tasks__text { color: var(--muted); }
.fcx .rail-tasks__count { margin: 0; }
/* «Участники · Контакты» */
.fcx .deal-contacts__list { display: grid; gap: 10px; }
.fcx .deal-contacts__row b { display: block; font-size: 13.5px; }
/* прежние карточки CRM внутри панелей эталона — без своей рамки и фона: панель уже карточка */
.deal-view.fcx .entity-view__main .etab-panel > .block, .deal-view.fcx .entity-view__main > .block, .deal-view.fcx .entity-view__rail > .block, .deal-view.fcx .fc-panel .etab-panel > .block, .deal-view.fcx .deal-plan .block {
  background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0; }
.deal-view.fcx .fc-panel .block__title { font: 700 11px/14px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 8px; }
.deal-view.fcx .etab-panel > .block + .block, .deal-view.fcx .etab-panel > * + .block { padding-top: 12px; border-top: 1px solid var(--line); }
/* крошки: «Воронка» — ссылка эталона, не кнопка */
.deal-view.fcx .crumbs .entity-close { all: unset; cursor: pointer; color: var(--muted); }
.deal-view.fcx .crumbs .entity-close:hover { color: var(--primary-ink); }
.deal-view.fcx .crumbs .entity-close:focus-visible { outline: 2px solid var(--focus); border-radius: 4px; }
.fc-kv .deal-company__title { font: inherit; flex: 0 1 auto; }
/* запись контакта — ряд кнопок эталона (ghost sm: значок и подпись в строку) */
.deal-view.fcx .quick__acts { display: flex; flex-wrap: wrap; gap: 4px; }
.deal-view.fcx .quick-act { flex-direction: row; min-height: 0; padding: 0 10px; border: 0; background: transparent; box-shadow: none; transform: none; gap: 6px; }
.deal-view.fcx .quick-act:hover { background: var(--bg-hover); box-shadow: none; transform: none; }
.deal-view.fcx .quick-act__label { font-size: 12.5px; color: var(--ink-2); white-space: nowrap; }
/* раздел «Документы» в колонке 340: заголовок строки и сводка — друг под другом, не буква в строку */
.deal-view.fcx .deal-section .acc__head { flex-wrap: wrap; row-gap: 2px; }
.deal-view.fcx .deal-section .acc__summary { flex-basis: 100%; order: 3; }
/* «Ещё» — IconButton эталона; список — прежний */
.deal-view.fcx details.more-menu > summary { list-style: none; }
.deal-view.fcx details.more-menu > summary::-webkit-details-marker { display: none; }

/* ── «Лиды», «Задачи», «Техподдержка» (ветка pixel-leads-tasks-support; было work-screens.css) ── */
/* Корень страницы — как у «Моего дня» (analytics.css .day-view): фон даёт каркас, поля каркаса сняты, прокрутка своя. */
.work-page.fcx.fc-root { background: transparent; margin: -10px -14px 0; display: block; overflow-y: auto; }
.fcx .fc-btn[hidden] { display: none; }

/* Ряд фильтров под шапкой (у эталона фильтров на этих экранах нет): fc-toolbar с чипами и полями пакета. */
.fcx .work-filters select { height: 100%; }
/* Отказ колонки / пустота — словами, в тоне подписи. */
.fcx .work-alert { margin: 0; font-size: 12px; line-height: 16px; color: var(--danger); font-weight: 600; }
.fcx .work-empty { margin: 0; padding: 18px 8px; text-align: center; }

/* Лиды: кнопка «В сделку» — на всю ширину карточки (у эталона — ребёнок сетки fc-deal). Крючки сторожей носят прежние
   имена (.lead-card__*) — их старые поля из styles.css здесь сняты. */
.fcx .fc-deal > .fc-btn { width: 100%; }
.fcx .fc-deal[draggable="true"] { cursor: grab; }
.fcx .fc-deal .lead-card__convert { margin-top: 0; }
.fcx .fc-deal .lead-card__sla { margin-left: 0; }
.fcx .fc-deal .lead-card__amount { color: var(--ink-2); }
.fcx .fc-deal .lead-card__nobody { white-space: nowrap; flex: none; }

/* Задачи: название — кнопкой (открывает карточку задачи), вид — текст эталона (600, flex 1 1 260px). */
.fcx .task-row__title { all: unset; box-sizing: border-box; cursor: pointer; flex: 1 1 260px; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.fcx .task-row__title:hover { color: var(--primary-ink); }
.fcx .task-row__title:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 4px; }
.fcx .task-row--done .task-row__title { color: var(--muted); text-decoration: line-through; }

/* Техподдержка: содержимое режима — ячейка сетки страницы; без min-width: 0 широкая лента раздвигала бы страницу (390). */
.fcx.support-page .support__pane { display: block; min-width: 0; }
.fcx .split > * { min-width: 0; }
.fcx .ticket-list { grid-template-columns: minmax(0, 1fr); }
.fcx .ticket-list__note:empty { display: none; }
.fcx .ticket-list__note { padding: 10px 14px 0; }
/* Режим «Доска»: доска держит свою прокрутку по колонкам (как раньше) — страница: шапка + доска во всю высоту. */
.work-page.fcx.fc-root.support-page--board { display: flex; flex-direction: column; overflow: hidden; }
.support-page--board > .fc-page { flex: 1; min-height: 0; grid-template-rows: auto minmax(0, 1fr); }
.support-page--board .support__pane { display: flex; flex-direction: column; min-height: 0; }

/* Карточка обращения (панель раздела и окно доски): у прежних классов-крючков (.ticket-card, .ticket-msg, .ticket-sla,
   .ticket-feed …) в styles.css свои поля и заливки — здесь они сняты, вид даёт пакет. */
.fcx .ticket-pane .fc-panel__head { flex-wrap: wrap; }
.fcx .fc-panel__body.ticket-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 16px; min-height: 0; }
.fcx .fc-panel__body.ticket-card > * { min-width: 0; }
.fcx .ticket-card__chips { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.fcx .ticket-card__channel, .fcx .ticket-card__who { margin: 0; font-size: 12px; line-height: 16px; }
.fcx .ticket-card__steps[hidden], .fcx .ticket-card__forms:empty { display: none; }
.fcx .ticket-sla { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; padding: 0; background: none; border-radius: 0; }
.fcx .ticket-sla__label { color: inherit; }
.fcx .ticket-feed { display: grid; gap: 10px; flex: none; min-height: 0; max-height: none; overflow: visible; padding: 0; }
.ticket-pane--modal .ticket-feed { max-height: 48vh; overflow-y: auto; }
.fcx .fc-thread .fc-msg.ticket-msg { padding: 0; background: none; border: 0; border-radius: 0; max-width: min(78%, 520px); }
.fcx .fc-thread .fc-msg.ticket-msg--out { align-self: auto; background: none; }
.fcx .ticket-pane .fc-msg__meta { flex-wrap: wrap; row-gap: 2px; }
.fcx .ticket-msg__delivery { white-space: nowrap; }
.fcx .fc-msg__extra { margin: 0; font-size: 12px; line-height: 16px; color: var(--muted); }
.fcx .fc-msg--out .fc-msg__extra { text-align: right; }
.fcx .ticket-msg__delivery--failed { color: var(--danger); font-weight: 600; }
.fcx .ticket-msg__delivery--sent { color: var(--success); }
.fcx .ticket-reply { display: block; }
.fcx .ticket-reply__status { margin: 0; font-size: 12px; line-height: 16px; }
.fcx .ticket-reply__status:empty { display: none; }
.fcx .ticket-form { display: grid; gap: 10px; padding: 12px; border-radius: var(--radius-md); background: var(--bg-raised); border: 1px solid var(--line); }
.fcx .ticket-similar { display: grid; gap: 6px; }
.fcx .ticket-similar:empty { display: none; }
.fcx .ticket-similar__list { margin: 0; padding-left: 18px; font-size: 13px; }
.fcx .ticket-pane__empty { margin: 0; padding: 32px 16px; text-align: center; }

/* ── Структура, справочники, сотрудники, агенты, настройки (ветка pixel-admin-screens; было admin-screens.css) ── */
/* ---- Структура ---- */
/* Эталон рисует один уровень отделов; у инсталляции бывают подотделы — узел отдела держит свои «дети» под собой. */
.fcx .org__kid { display: grid; justify-items: center; gap: 28px; }
.fcx .org__node--me { border-color: var(--primary); }
.fcx .org__node--flash { animation: orgFlash 1.4s ease; }
.fcx .org__node .org-card__edit { margin-left: 4px; }
/* Режим правки (employees.manage): дерево и панель сотрудников рядом (перенос в отдел). */
.fcx .org-edit { display: flex; gap: 16px; align-items: flex-start; min-width: 0; }
.fcx .org-edit > .org { flex: 1 1 auto; min-width: 0; }
@media (max-width: 900px) { .fcx .org-edit { flex-direction: column; } .fcx .org-edit > .org-side { flex: none; width: 100%; } }

/* ---- Справочники ---- */
/* Высота строки — как у эталонной (её задаёт кнопка «Изменить» 28px): у закрытого перечня кнопки нет, строка та же. */
.fcx .ref-row { min-height: calc(var(--control-sm) + 16px); }
.fcx .ref-note { margin: 0 0 10px; }
/* Признак веб-формы у канала привлечения (решение арха .81, три состояния) — в строке, компактно. */
.fcx .ref-webform-cell { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.fcx .ref-row .ref-webform { display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.fcx .ref-row .ref-webform .btn { height: var(--control-sm); min-height: 0; padding: 0 10px; font: 600 12.5px/1 var(--font-sans); }
.fcx .fc-panel__body > .ref-technical { margin-top: 12px; }
/* Фильтры номенклатуры — над значениями в правой панели. */
.fcx .ref-toolbar { padding: 12px 16px 0; }
.fcx .ref-toolbar[hidden] { display: none; }

/* ---- перенесено из admin-screens.css ветки 8ba858f5 (Сотрудники, AI агенты) ---- */
/* ---- Сотрудники ---- */
/* Вкладки держат все четыре панели в документе (действия людей живут в своих вкладках), видна одна. */
.fcx .team-pane[hidden], .fcx .team-toolbar[hidden] { display: none; }
/* «Роль и видимость»: значения вместо селектов эталона — правка идёт прежней карточкой сотрудника («Изменить»). */
.fcx .team-field { display: grid; gap: 4px; min-width: 0; }
.fcx .perm .fc-switch span { font-size: 13px; line-height: 18px; }
/* Группы прав разной длины (у эталона — по 2–3 права): карточка тянется по ряду, права — сверху, а не вразбивку. */
.fcx .perm { align-content: start; }
.fcx .team-note { padding: 12px 16px; margin: 0; }

/* ---- AI агенты ---- */
/* Раскладка разговора — ПРЕЖНЯЯ (flex): на ней держатся сворачивание списка, оверлей сессий на узком экране и
   прокрутка ленты внутри столбца (подгрузка старших событий по скроллу). Сетка пакета `.fcx .agents` её бы сломала —
   здесь она снята, вид панелей — пакета. Высота — окно минус шапка/вкладки/полоса токенов. */
/* Страница — колонка во всю высоту раздела: шапка сверху, разговор забирает остаток и прокручивается ВНУТРИ (второй
   полосы у страницы нет — section-scroll; поле ввода на 390 px в окне — agents-narrow-s148). */
.fcx.agents-view { overflow: hidden; }
.fcx.agents-view .agents-page { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.fcx.agents-view .agents-page > * { flex: none; }
.fcx.agents-view .agents { display: flex; align-items: stretch; flex: 1 1 auto; min-height: 0; }
.fcx.agents-view .agents-page > .agents-pane { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.fcx.agents-view .agents[hidden], .fcx.agents-view .agents-pane[hidden], .fcx.agents-view .toolbar[hidden], .fcx.agents-view .agents-meter[hidden] { display: none; }
.fcx.agents-view .agents__side, .fcx.agents-view .agents__main {
  background: linear-gradient(180deg, var(--bg-surface), var(--bg-surface-2)); border: 1px solid var(--line); border-radius: var(--radius-lg);
  box-shadow: inset 0 1px 0 var(--edge-hi), var(--shadow-1); }
.fcx.agents-view .agents__side { flex-basis: 280px; padding: 0 6px 6px; gap: 2px; }
.fcx.agents-view .agents__main { overflow: hidden; }
.fcx .agents-side__head { margin: 0 -6px 4px; }
/* Сессии — строками «session» эталона; агент — надстрочником группы (его действия остаются в строке группы). */
.fcx.agents-view .agent-group { border: 0; background: none; padding: 4px 0; border-radius: 0; }
.fcx.agents-view .agent-group__head { padding: 0 6px; font-size: 12px; }
.fcx.agents-view .agent-group__name { font: 700 11px/14px var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.fcx.agents-view .agent-session { padding: 6px 8px; border-radius: var(--radius-sm); transition: background .12s; }
.fcx.agents-view .agent-session:hover { background: var(--bg-hover); }
.fcx.agents-view .agent-session--active { background: var(--bg-selected); }
.fcx.agents-view .agent-session__title { font-weight: 700; }
/* Шапка разговора — fc-panel__head эталона: метка роли ИИ + название. */
.fcx.agents-view .agent-thread__head { gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--line); min-height: 48px; }
.fcx.agents-view .agent-thread__title { font: 700 14px/20px var(--font-sans); }
.fcx .agents-pick { display: grid; gap: 8px; }
/* Тулбар сессий (сворачивание, поиск, архивные, память) — высотой и шрифтом малых кнопок пакета. */
.fcx.agents-view .fc-page > .toolbar .btn, .fcx.agents-view .fc-page > .toolbar .input { height: var(--control-sm); min-height: 0; border-radius: var(--radius-sm); font: 600 12.5px/1 var(--font-sans); }