/* Вкладка «Клиенты» (справочник заказчиков). ТЗ private/docs/TZ-Klienty-v1.md, этап Э1. ⚠️ КАЖДЫЙ СЕЛЕКТОР ЗАСКОУПЛЕН ПОД #tab-clients — как zay-panel.css под #tab-requests и por-panel.css под #tab-tasks. :root/body/html не переопределяем: токены и общие классы (.btn, .chip, .msg, --primary, --danger…) берутся из app.css. */ /* ── Каркас панели ── Колонка раздела — общая (.tab-panel .wrap, wrap.css). Прежнее предупреждение «.wrap задаётся каждой панелью свой, и его легко забыть» сбылось второй раз: при новом разделе число разошлось опять. Теперь правило одно на все разделы, и забыть его нельзя. */ /* Реестр клиентов — рабочая таблица, поэтому на десктопе использует всю ширину справа от меню. Класс живёт только на экране списка: формы и настройки сохраняют общую читаемую колонку. */ @media (min-width: 1024px) { #tab-clients .wrap.crm-list-open { max-width: none; margin-left: 0; margin-right: 0; } } /* ⚠️ ШАПКА — ДОСЛОВНО КАК У «ЗАЯВОК» (zay-panel.css: .zay-head/.zay-title/.zay-add). Заголовок 18/500 и круглая кнопка 40px — не мой выбор, а повтор соседа: два раздела рядом с разными заголовками и разной формой кнопки читаются как разные продукты. Свой размер здесь означал бы, что при переходе между вкладками шапка прыгает. */ #tab-clients .crm-head { display: flex; align-items: center; gap: 10px; margin: 8px 0 14px; } /* ⚠️ НИЖЕ ПОРОГА ДЕСКТОПА СВОЕЙ ШАПКИ У РАЗДЕЛА НЕТ — название, счётчик и кнопки уехали в строку оболочки (ShellHead). Узлы не удаляем: #crmSub читает десктопная шапка, а «+» и кнопка-меню ОТДАНЫ в слот и физически лежат там. Третий из семи разделов; до него — «Настройки» и «Поручения». */ @media (max-width: 1023px) { #tab-clients .crm-head { display: none; } } #tab-clients .crm-head__t { flex: 1; min-width: 0; } #tab-clients .crm-title { font-size: 18px; font-weight: 500; margin: 0; } #tab-clients .crm-sub { font-size: 13px; color: var(--muted); margin-top: 2px; } /* ⚠️ ВТОРОЙ СЕЛЕКТОР — ДЛЯ СЛОТА ОБОЛОЧКИ: уехав туда, узел покидает #tab-clients, и заскоупленное правило до него не достаёт (кнопка становится системной серой). Тот же довод, что у .zay-add/.eh-add. */ #tab-clients .crm-add, .shell-head__action .crm-add { flex: none; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 6px rgba(79,70,229,.28); transition: transform .08s ease; font-size: 22px; line-height: 1; } #tab-clients .crm-add:hover, .shell-head__action .crm-add:hover { filter: brightness(1.06); } /* Кнопка-меню «ещё» (только ниже порога десктопа) и её список: «Поля», «Импорт», «Балансы». */ /* ⚠️ 44px В СЛОТЕ — НИЖНЯЯ ГРАНИЦА ДЛЯ ПАЛЬЦА. В шапке раздела (десктоп) кнопка живёт рядом с текстовыми «Поля/Импорт/Балансы» и равняется по ним, а на телефоне она одна из четырёх органов строки контролов, и мимо 40px промахиваются. Правило для слота стоит ниже базового — при равной специфичности побеждает оно, и это единственное расхождение между двумя местами жизни узла. */ #tab-clients .crm-more, .shell-head__action .crm-more { flex: none; width: 40px; height: 40px; padding: 0; border: 1px solid var(--border); border-radius: var(--btn-radius, 10px); background: var(--card, #fff); color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; } #tab-clients .crm-more[hidden], .shell-head__action .crm-more[hidden] { display: none; } #tab-clients .crm-more:hover, .shell-head__action .crm-more:hover { border-color: var(--primary); color: var(--primary-ink, var(--primary)); } .shell-head__action .crm-more { width: 44px; height: 44px; } #tab-clients .crm-moremenu, .shell-header .crm-moremenu { position: absolute; right: 12px; top: 48px; z-index: 60; min-width: 168px; padding: 6px; display: flex; flex-direction: column; gap: 2px; background: var(--card, #fff); border: 1px solid var(--border-strong, rgba(17,24,39,.17)); border-radius: 12px; box-shadow: var(--shadow-pop, 0 12px 32px rgba(15,23,42,.16)); } #tab-clients .crm-moremenu[hidden], .shell-header .crm-moremenu[hidden] { display: none; } #tab-clients .crm-moremenu__i, .shell-header .crm-moremenu__i { display: flex; align-items: center; min-height: 44px; padding: 0 10px; border: 0; border-radius: var(--btn-radius, 10px); background: none; font: inherit; font-size: 14px; color: var(--text); text-align: left; cursor: pointer; } #tab-clients .crm-moremenu__i:hover, .shell-header .crm-moremenu__i:hover { background: var(--shelf, #eef0f7); } /* Настройки таблицы и полей — компактные иконки; импорт и балансы остаются подписанными действиями. */ #tab-clients .crm-fieldsbtn { flex: none; border: 1px solid var(--border); background: var(--card, #fff); border-radius: var(--btn-radius, 10px); padding: 8px 12px; font: inherit; font-size: 13px; color: var(--text); cursor: pointer; } #tab-clients .crm-fieldsbtn:hover { border-color: var(--primary); color: var(--primary-ink, var(--primary)); } #tab-clients .crm-fieldsbtn--icon { width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--muted); } #tab-clients .crm-fieldsbtn--icon[hidden] { display: none; } /* ── Настройка своего поля ── */ #tab-clients .crm-cf { border: 1px solid var(--border); border-radius: 10px; background: var(--card, #fff); padding: 10px; margin-bottom: 8px; } #tab-clients .crm-cf__top { display: flex; gap: 8px; align-items: center; } #tab-clients .crm-cf__name { flex: 1; min-width: 0; box-sizing: border-box; padding: 7px 10px; font: inherit; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); } #tab-clients .crm-cf__type { flex: none; padding: 7px 10px; font: inherit; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); } #tab-clients .crm-cf__x { flex: none; border: 0; background: none; font-size: 16px; line-height: 1; color: var(--muted); cursor: pointer; padding: 4px 6px; } #tab-clients .crm-cf__x:hover { color: var(--danger-ink); } #tab-clients .crm-cf__req { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; color: var(--text); } #tab-clients .crm-cf textarea { width: 100%; box-sizing: border-box; margin-top: 8px; padding: 7px 10px; font: inherit; font-size: 14px; border: 1px solid var(--border); border-radius: 8px; resize: vertical; } #tab-clients .crm-fld select[multiple] { min-height: 88px; } /* ── БАЛАНС: системное поле в редакторе (ТЗ 7.1) ── Оформление читается как «это не поле ввода»: замок, приглушённая подпись, отдельный блок настроек. ⚠️ МОДИФИКАТОР НИЖЕ БАЗОВОГО ПРАВИЛА (.crm-cf выше): при равной специфичности побеждает нижнее, и поставь мы .crm-cf--bal раньше — фон не применился бы, а линтеры об этом молчат. */ #tab-clients .crm-cf--bal { background: var(--bg, #f4f6fb); } #tab-clients .crm-cf__sys { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 8px; font-size: 13px; color: var(--muted); } /* Замок — фигурой, без эмодзи и без картинки: дужка сверху, корпус снизу. */ #tab-clients .crm-cf__lock { flex: none; position: relative; width: 11px; height: 13px; } #tab-clients .crm-cf__lock::before { content: ''; position: absolute; left: 2px; top: 0; width: 7px; height: 6px; border: 1.5px solid var(--muted); border-bottom: 0; border-radius: 4px 4px 0 0; box-sizing: border-box; } #tab-clients .crm-cf__lock::after { content: ''; position: absolute; left: 0; bottom: 0; width: 11px; height: 8px; border-radius: 2px; background: var(--muted); } #tab-clients .crm-cf__meta { font-weight: 600; color: var(--text); } #tab-clients .crm-cf__sysnote { color: var(--muted); } #tab-clients .crm-bal { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border); } #tab-clients .crm-bal__lbl { display: flex; align-items: center; gap: 8px; } #tab-clients .crm-bal__sel, #tab-clients .crm-bal__num { padding: 6px 10px; font: inherit; font-size: 13px; border: 1px solid var(--border); border-radius: 8px; background: var(--card, #fff); color: var(--text); } #tab-clients .crm-bal__num { width: 110px; } /* ── БАЛАНС В КАРТОЧКЕ И ЖУРНАЛ ДВИЖЕНИЙ (ТЗ 7.6) ── ⚠️ МОДИФИКАТОРЫ НИЖЕ БАЗОВЫХ ПРАВИЛ (.crm-f, .crm-fld — выше по файлу): при равной специфичности побеждает нижнее, и поставь мы их раньше — раскладка не применилась бы, а линтеры об этом молчат. */ #tab-clients .crm-f--bal .crm-f__l { display: flex; align-items: center; gap: 6px; } #tab-clients .crm-f--bal .crm-f__v { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; } #tab-clients .crm-bal__sum { font-size: 16px; } #tab-clients .crm-bal__exp { font-size: 12px; color: var(--warning-ink, #92400e); } #tab-clients .crm-bal__note { font-size: 12px; color: var(--muted); } #tab-clients .crm-bal__btn { margin-left: auto; padding: 5px 12px; font-size: 13px; } #tab-clients .crm-fld--bal { display: flex; flex-direction: column; gap: 4px; } #tab-clients .crm-fld__l { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); } #tab-clients .crm-fld__ro { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 7px 10px; border: 1px dashed var(--border); border-radius: 8px; background: var(--bg, #f4f6fb); font-size: 14px; color: var(--text); } /* Журнал движений: строка — дата, сумма, причина. Узкий экран складывает её в две (см. @media ниже). */ #tab-clients .crm-mv { display: block; } #tab-clients .crm-mv__r { display: flex; gap: 10px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--border); } #tab-clients .crm-mv__r:last-child { border-bottom: 0; } #tab-clients .crm-mv__d { flex: 0 0 64px; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; } #tab-clients .crm-mv__s { flex: 0 0 auto; min-width: 96px; text-align: right; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; } #tab-clients .crm-mv__s--in { color: var(--success-ink); } #tab-clients .crm-mv__s--out { color: var(--danger-ink); } #tab-clients .crm-mv__t { flex: 1; min-width: 0; font-size: 13px; color: var(--text); word-break: break-word; } #tab-clients .crm-mv__nowhy { color: var(--muted); } #tab-clients .crm-mv__req { margin-left: 2px; } #tab-clients .crm-mv__exp, #tab-clients .crm-mv__who { display: block; font-size: 12px; } #tab-clients .crm-mv__who { color: var(--muted); } /* Срок сгорания — янтарным, тем же, что и в строке баланса: это предупреждение, а не пояснение. */ #tab-clients .crm-mv__exp { color: var(--warning-ink, #92400e); } /* ── ОКНО ВОЗВРАТА ОСТАТКА ── Устройство и размеры — как у окна расписания (zay-panel.css: .zay-ov/.zay-modal): два окна на соседних экранах обязаны выглядеть одинаково, а свой набор правил дал бы две разные модалки. */ #tab-clients .crm-ov { position: fixed; inset: 0; z-index: 9500; display: none; align-items: center; justify-content: center; background: rgba(27, 31, 36, .5); padding: 16px; } #tab-clients .crm-ov.is-open { display: flex; } #tab-clients .crm-modal { background: var(--card, #fff); border-radius: 14px; max-width: 520px; width: 100%; box-shadow: 0 12px 40px rgba(0, 0, 0, .25); max-height: 92vh; overflow-y: auto; } #tab-clients .crm-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border, #eaeef2); font-weight: 700; font-size: 16px; } #tab-clients .crm-modal__close { border: 0; background: none; font-size: 22px; line-height: 1; color: var(--muted); cursor: pointer; padding: 0 4px; } #tab-clients .crm-modal__body { padding: 16px 20px; } #tab-clients .crm-modal__foot { padding: 0 20px 16px; } #tab-clients .crm-modal__acts { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; } #tab-clients .crm-bal__have { margin-bottom: 12px; font-size: 14px; color: var(--text); } #tab-clients .crm-bal__f { display: block; margin-bottom: 12px; font-size: 13px; color: var(--muted); } #tab-clients .crm-bal__f input, #tab-clients .crm-bal__f textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 8px 10px; font: inherit; font-size: 14px; border: 1px solid var(--border); border-radius: var(--btn-radius, 10px); background: var(--bg); color: var(--text); resize: vertical; } /* Предупреждение перед тем, как убрать поле со значениями. Браузерные диалоги в проекте запрещены — спрашиваем прямо в строке, чтобы видно было, о каком поле речь. */ #tab-clients .crm-cf__warn { margin-top: 8px; padding: 9px 10px; border-radius: 8px; font-size: 13px; line-height: 1.45; background: rgba(209, 36, 47, .07); color: var(--danger-ink); } #tab-clients .crm-cf__warnacts { display: block; margin-top: 8px; } #tab-clients .crm-cf__yes, #tab-clients .crm-cf__no { border: 1px solid currentColor; background: none; border-radius: var(--btn-radius, 10px); padding: 5px 12px; font: inherit; font-size: 13px; cursor: pointer; margin-right: 8px; } #tab-clients .crm-cf__yes { color: var(--danger-ink); } #tab-clients .crm-cf__no { color: var(--muted); border-color: var(--border); } /* ── Убранные поля ── */ /* Блок убранных полей: отступ от списка сверху. Черту и заголовок несёт .crm-sect внутри — тот же подзаголовок, что «Контакты · 1» в карточке, чтобы раздел читался одинаково в обоих местах. */ #tab-clients .crm-arch { margin-top: 22px; } #tab-clients .crm-arch__row { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border); } #tab-clients .crm-arch__t { flex: 1; min-width: 0; font-size: 14px; color: var(--text); } #tab-clients .crm-arch__m { display: block; font-size: 12px; color: var(--muted); } #tab-clients .crm-arch__btn { flex: none; } /* ⚠️ ПАРНОЕ ПРАВИЛО К [hidden]: кнопку прячет showScreen атрибутом, а display от класса (1,1,0) сильнее браузерного [hidden] (0,1,0) — без этой строки «+» оставался висеть на карточке и в форме. Замерено: hidden=true, а вычисленный display=flex. Ниже базового правила: при равной силе побеждает нижнее. */ #tab-clients .crm-add[hidden] { display: none; } /* ── Фильтры ── */ #tab-clients .crm-filters { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; } #tab-clients .crm-list-tools { display: flex; align-items: stretch; gap: 8px; } #tab-clients .crm-search { flex: 1; min-width: 180px; } #tab-clients .crm-search input { width: 100%; height: 40px; box-sizing: border-box; padding: 9px 11px; font: inherit; border: 1px solid var(--border); border-radius: 10px; background: var(--card, #fff); color: var(--text); } #tab-clients .crm-chips { display: flex; gap: 6px; flex-wrap: wrap; } #tab-clients .crm-list-filter { position: relative; flex: none; } #tab-clients .crm-filterbtn { height: 40px; max-width: 280px; padding: 0 34px 0 12px; border: 1px solid var(--border); border-radius: var(--btn-radius, 10px); background: var(--card, #fff); color: var(--text); font: inherit; font-size: 13px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; position: relative; } #tab-clients .crm-filterbtn::after { content: ''; position: absolute; right: 13px; top: 15px; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); } #tab-clients .crm-filterbtn:hover { border-color: var(--primary); color: var(--primary-ink, var(--primary)); } #tab-clients .crm-list-pop { position: absolute; z-index: 45; top: calc(100% + 6px); right: 0; width: min(320px, 88vw); max-height: 380px; overflow-y: auto; box-sizing: border-box; padding: 8px; border: 1px solid var(--border-strong, var(--border)); border-radius: 12px; background: var(--card, #fff); box-shadow: var(--shadow-pop, 0 12px 32px rgba(15,23,42,.16)); } #tab-clients .crm-list-pop[hidden] { display: none; } #tab-clients .crm-list-pop--cols { position: fixed; top: 82px; right: clamp(16px, 5vw, 72px); width: min(360px, calc(100vw - 32px)); } #tab-clients .crm-list-pop input[type="search"] { display: block; width: 100%; box-sizing: border-box; margin-bottom: 6px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg, #f4f6fb); color: var(--text); font: inherit; font-size: 13px; } #tab-clients .crm-list-pop__item { display: block; width: 100%; min-height: 38px; padding: 7px 9px; border: 0; border-radius: var(--btn-radius, 10px); background: none; color: var(--text); font: inherit; font-size: 13px; text-align: left; cursor: pointer; } #tab-clients .crm-list-pop__item:hover { background: var(--bg, #f4f6fb); } #tab-clients .crm-list-pop__item.is-active { background: var(--primary-soft, #eef2ff); color: var(--primary-ink, var(--primary)); font-weight: 600; } #tab-clients .crm-list-pop__empty { padding: 10px; color: var(--muted); font-size: 13px; } #tab-clients .crm-list-pop__check { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 7px; min-height: 38px; padding: 5px 8px; border-radius: var(--btn-radius, 10px); cursor: pointer; } #tab-clients .crm-list-pop__check:hover { background: var(--bg, #f4f6fb); } #tab-clients .crm-list-pop__check input { margin: 0; accent-color: var(--primary); } #tab-clients .crm-list-pop__check b { font-size: 13px; font-weight: 500; } #tab-clients .crm-list-pop__check span { color: var(--muted); font-size: 11px; } #tab-clients .crm-list-pop__check.is-locked { color: var(--muted); cursor: default; } /* ── Список ── */ /* Группировка списка («Компании», «Контакты»): тот же заголовок секции (.crm-sect в разметке рядом), здесь только свой отступ — он делит список, а не коробку, и черта ему не нужна. */ #tab-clients .crm-grp { margin: 14px 0 6px; } #tab-clients .crm-table__actions { display: flex; justify-content: flex-end; min-height: 28px; margin-bottom: 6px; } #tab-clients .crm-table__merge { align-self: center; } #tab-clients .crm-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; background: var(--card, #fff); -webkit-overflow-scrolling: touch; } #tab-clients .crm-table { width: 100%; min-width: 860px; border-collapse: collapse; table-layout: auto; } #tab-clients .crm-table th { min-width: 138px; padding: 0; background: var(--bg, #f4f6fb); border-bottom: 1px solid var(--border); color: var(--muted); font-size: 12px; font-weight: 500; text-align: left; white-space: nowrap; } #tab-clients .crm-table th:first-child { min-width: 48px; width: 48px; } #tab-clients .crm-table th:nth-child(2) { min-width: 220px; } #tab-clients .crm-table th button { width: 100%; padding: 11px 12px; border: 0; background: none; color: inherit; font: inherit; font-weight: inherit; text-align: left; cursor: pointer; white-space: nowrap; } #tab-clients .crm-table th button:hover, #tab-clients .crm-table th button.is-active { color: var(--primary-ink, var(--primary)); } #tab-clients .crm-table td { max-width: 320px; padding: 11px 12px; border-bottom: 1px solid var(--border); color: var(--text); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #tab-clients .crm-table tbody tr:last-child td { border-bottom: 0; } #tab-clients .crm-table__row { cursor: pointer; outline: none; } #tab-clients .crm-table__row:hover td, #tab-clients .crm-table__row:focus td { background: var(--bg, #f4f6fb); } #tab-clients .crm-table__row.is-selected td { background: var(--primary-soft, #f5f6ff); } #tab-clients .crm-table td.crm-table__select { width: 48px; box-sizing: border-box; padding: 10px 13px; overflow: visible; } #tab-clients .crm-table__client-main { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; } #tab-clients .crm-table__entity { display: inline-flex; flex: none; color: var(--primary-ink, var(--primary)); } #tab-clients .crm-table__mobile-type { display: none; margin: 3px 0 0 24px; color: var(--muted); font-size: 11px; } #tab-clients .crm-table__empty { color: var(--muted); } #tab-clients .crm-list-more { display: flex; justify-content: center; padding: 18px 0 4px; } #tab-clients .crm-list-more .btn { min-width: 150px; } /* Строки списка и карточек — .lrow из linked-row.css: элемент общий для трёх разделов, и здесь его больше нет намеренно. Заскоупленная под #tab-clients копия делала строку невидимой для «Заявок». */ #tab-clients .crm-empty { font-size: 13px; color: var(--muted); padding: 14px 2px; } /* Запись удалена или нет сети: это не ошибка ввода, а состояние — отсюда спокойный тон и выход рядом, чтобы человек не искал, чем выбраться. Те же два класса, что у пустых состояний реестра (zay-panel.css:263) — одно правило на оба раздела, только скоуп свой. */ #tab-clients .crm-empty--calm { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 22px 4px; } #tab-clients .crm-empty-link { border: 0; background: none; padding: 0; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--primary-ink, var(--primary)); cursor: pointer; text-decoration: underline; } #tab-clients .crm-empty-link:hover { filter: brightness(1.1); } #tab-clients .crm-hint { font-size: 12px; color: var(--muted); margin-top: 6px; } /* ── Карточка ── */ /* В нормальном состоянии .wrap остаётся общей центральной колонкой списка. У открытой карточки именно этот предок не должен быть containing block узкого экрана: drawer сам задаёт единственный отступ 14px. Иначе его right:0 заканчивается у 960px-колонки, а не у правой границы рабочей области. */ #tab-clients .wrap.crm-card-open { box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 0; } /* Карточка выезжает поверх списка. Подложка занимает ВЕСЬ экран, включая левое меню: первый клик в любом месте вне белой панели закрывает текущую модалку, а не выполняет действие в интерфейсе под ней. Сама панель сохраняет прежнюю рабочую ширину справа от меню через --crm-side-offset. */ #tab-clients #crmCardScreen, #tab-clients .crm-tool-screen { --crm-side-offset: 0px; position: fixed; z-index: 50; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: flex-end; background: rgba(15, 23, 42, .18); overflow-x: clip; overflow-y: hidden; } #tab-clients #crmCardScreen[hidden], #tab-clients .crm-tool-screen[hidden] { display: none; } @keyframes crmDrawerIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes crmDrawerOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @media (prefers-reduced-motion: reduce) { #tab-clients .crm-drawer, #tab-clients .crm-chat-modal { animation: none !important; } } @media (min-width: 1024px) { body.side-nav-active #tab-clients #crmCardScreen, body.side-nav-active #tab-clients .crm-tool-screen { --crm-side-offset: 248px; } html.side-collapsed body.side-nav-active #tab-clients #crmCardScreen, html.side-collapsed body.side-nav-active #tab-clients .crm-tool-screen { --crm-side-offset: 88px; } } #tab-clients .crm-drawer { box-sizing: border-box; width: calc(100% - var(--crm-side-offset) - clamp(24px, 3vw, 48px)); height: 100%; overflow-y: auto; padding: 24px clamp(18px, 4vw, 56px) 36px; background: var(--card, #fff); box-shadow: -12px 0 32px rgba(15, 23, 42, .16); animation: crmDrawerIn .24s ease-out; -webkit-overflow-scrolling: touch; } #tab-clients .crm-drawer.crm-drawer--pending { animation: none; transform: translateX(100%); } #tab-clients .crm-drawer.is-closing { pointer-events: none; animation: crmDrawerOut .22s ease-in forwards; } #tab-clients .crm-drawer__close { flex: none; } /* Все блоки карточки живут в одной ширине drawer. Раньше max-width оставлял справа пустую полосу и требовал точечно растягивать «Основную информацию», от чего остальные части оставались уже неё. */ #tab-clients .crm-drawer__body { box-sizing: border-box; width: 100%; max-width: none; margin: 0; } /* Карточка клиента может быть вторым модальным слоем над карточкой заявки. Сам раздел не переключаем: показываем только его уже существующий drawer, поэтому после закрытия заявка остаётся на месте. */ #tab-clients.crm-cross-open { display: block !important; position: fixed; z-index: 70; inset: 0; width: 100%; max-width: none; margin: 0; padding: 0; pointer-events: none; background: transparent; } #tab-clients.crm-cross-open .crm-head, #tab-clients.crm-cross-open #crmMsg { display: none !important; } #tab-clients.crm-cross-open #crmCardScreen { z-index: 71; pointer-events: auto; } #tab-clients .crm-tool-drawer .crm-drawer__body { min-height: 100%; display: flex; flex-direction: column; } #tab-clients .crm-tool__head { flex: none; } #tab-clients .crm-tool__content { flex: 1; min-width: 0; width: 100%; } #tab-clients .crm-tool-drawer .crm-form__acts { position: sticky; z-index: 2; bottom: 0; margin: 20px -1px -1px; padding: 14px 1px 1px; background: linear-gradient(to bottom, rgba(255,255,255,0), var(--card, #fff) 12px); } #tab-clients .crm-card__head { display: flex; align-items: flex-start; gap: 12px; min-height: 40px; margin: 0 0 24px; } #tab-clients .crm-card__heading { flex: 1; min-width: 0; } /* ⚠️ 19/600 — ЭТАЛОН ЗАГОЛОВКА ЭКРАНА ПО ВСЕМ РАЗДЕЛАМ. Было 18/700; в «Заявках» (.zay-detail-title, .zay-form-title) и «Поручениях» (.task__title) — 19/600. Три против двух, и менять решили меньшинство. */ #tab-clients .crm-card__ttl { min-width: 0; margin: 0; font-size: 19px; font-weight: 600; line-height: 1.35; color: var(--text); } #tab-clients .crm-card__sub { margin-top: 4px; font-size: 14px; color: var(--muted); } /* ⚠️ ПОМЕТКА «В АРХИВЕ» — СВОЁ ИМЯ, И ЭТО ПОЧИНКА. Она звалась .crm-arch, как и блок убранных полей на экране настройки: правила равной специфичности, побеждало нижнее — то есть ЭТО, — и заголовок «Убранные поля» рисовался пилюлей бейджа, теряя свой отступ сверху. Второй такой случай подряд (первым был .crm-sub), и лечится так же: одно имя — один смысл. Имя про СОСТОЯНИЕ записи, а не про экран архива, поэтому с семейством .crm-arch__* больше не спорит. ⚠️ БЛИЗНЕЦ ОБЩЕГО .badge--off (app.css:674), но НЕ копия: у того паддинг 2px 9px и цвет #64748b. Свести их — поменять вид, а это отдельное решение; пока держим своё правило с прежними значениями. */ #tab-clients .crm-off { flex: none; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--surface-2, #eef0f4); color: var(--muted, #475569); } /* ⚠️ ОДНА КОРОБКА НА ВСЮ КАРТОЧКУ — ОДНИМ ПРАВИЛОМ, А НЕ ДВУМЯ С ОДИНАКОВЫМИ ЗНАЧЕНИЯМИ. .crm-card__b — реквизиты, .crm-box — файлы и переписка; вид у них обязан совпадать, и совпадает он потому, что задан здесь один раз. Второе правило «с теми же значениями» разъехалось бы при первой же правке радиуса. */ #tab-clients .crm-card__b, #tab-clients .crm-box { display: flex; flex-direction: column; gap: 12px; background: var(--card, #fff); border: 1px solid var(--border); border-radius: 12px; padding: 0; overflow: hidden; } /* Акцентные карточки получают лёгкий «бумажный» объём без тяжёлой серой тени. Второй размытый слой отделяет блок от фона, а короткий ненавязчивый подъём на hover помогает вести взгляд по длинной карточке. */ #tab-clients .crm-card__b { box-shadow: 3px 3px 0 rgba(15, 23, 42, .09), 0 8px 22px rgba(15, 23, 42, .045); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } @media (hover: hover) and (pointer: fine) { #tab-clients .crm-card__b:hover { transform: translateY(-2px); box-shadow: 4px 6px 0 rgba(15, 23, 42, .10), 0 13px 28px rgba(15, 23, 42, .065); } } @media (prefers-reduced-motion: reduce) { #tab-clients .crm-card__b { transition: none; } #tab-clients .crm-card__b:hover { transform: none; } } #tab-clients .crm-card__main { border-left: 4px solid var(--info-border, #2563eb); gap: 16px; padding: 20px; } #tab-clients .crm-card__main.is-editing { box-shadow: 3px 3px 0 rgba(37, 99, 235, .13), 0 10px 26px rgba(37, 99, 235, .07); } #tab-clients .crm-card__edit-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--border); } #tab-clients .crm-card__edit-error { flex: 1; min-width: 0; color: var(--danger-ink); font-size: 13px; } #tab-clients .crm-card__main-title { color: var(--text); font-size: 17px; font-weight: 600; margin: 0; } #tab-clients .crm-card__info-title { padding-top: 16px; border-top: 1px solid var(--border); color: var(--text); font-size: 15px; font-weight: 600; } #tab-clients .crm-card__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 28px; } #tab-clients .crm-card__grid--custom { padding-top: 16px; border-top: 1px solid var(--border); } #tab-clients .crm-card__important-title { font-size: 15px; font-weight: 600; color: var(--text); } #tab-clients .crm-card__important { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } #tab-clients .crm-card__important-cell { min-width: 0; padding: 12px; border: 1px solid var(--border); border-left: 3px solid var(--primary); border-radius: 9px; background: var(--bg); display: flex; flex-direction: column; gap: 4px; } #tab-clients .crm-card__important-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 13px; } #tab-clients .crm-card__important-value { appearance: none; overflow: hidden; padding: 0; border: 0; background: transparent; text-overflow: ellipsis; white-space: nowrap; font: inherit; font-size: 15px; font-weight: 600; color: var(--text); text-align: left; cursor: text; } #tab-clients .crm-card__important-value:hover { color: var(--primary-ink, var(--primary)); } #tab-clients .crm-card__important-cell .crm-f__err { color: var(--danger-ink); white-space: normal; } #tab-clients .crm-card__important-cell:nth-child(4n+1) { border-left-color: #168b69; } #tab-clients .crm-card__important-cell:nth-child(4n+3) { border-left-color: #d97706; } #tab-clients .crm-card__important-cell:nth-child(4n) { border-left-color: #0f8c8c; } #tab-clients .crm-card__custom-section { display: flex; flex-direction: column; gap: 0; } #tab-clients .crm-card__stack { display: flex; flex-direction: column; gap: 16px; } #tab-clients .crm-card__stack > #crmDupHint:empty { display: none; } #tab-clients .crm-card-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; } #tab-clients .crm-card-layout__item { min-width: 0; display: flex; flex-direction: column; gap: 16px; } #tab-clients .crm-card-layout__item.is-wide { grid-column: 1 / -1; } #tab-clients .crm-card-layout__item > .crm-card__b { height: 100%; box-sizing: border-box; } #tab-clients .crm-card-layout-editor { display: flex; flex-direction: column; gap: 16px; padding: 20px; border: 1px solid var(--primary-border, #bfd2f4); border-left: 4px solid var(--primary); border-radius: 12px; background: var(--primary-soft, #f8fbff); box-shadow: 3px 3px 0 rgba(37, 99, 235, .08), 0 8px 22px rgba(15, 23, 42, .04); } #tab-clients .crm-card-layout-editor__head h3 { margin: 0; color: var(--text); font-size: 17px; font-weight: 600; } #tab-clients .crm-card-layout-editor__head p { margin: 5px 0 0; color: var(--muted); font-size: 13px; } #tab-clients .crm-card-layout-editor__list { display: flex; flex-direction: column; gap: 8px; } #tab-clients .crm-card-layout-editor__row { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 9px; background: var(--card, #fff); cursor: grab; transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease; } #tab-clients .crm-card-layout-editor__row:hover { border-color: var(--info-border, #b6c7e5); box-shadow: 0 4px 12px rgba(15, 23, 42, .05); } #tab-clients .crm-card-layout-editor__row.is-dragging { opacity: .45; cursor: grabbing; } #tab-clients .crm-card-layout-editor__drag { display: inline-flex; color: var(--muted); } #tab-clients .crm-card-layout-editor__label { flex: 1; min-width: 0; color: var(--text); font-size: 15px; font-weight: 600; } #tab-clients .crm-card-layout-editor__row select { flex: none; min-width: 132px; height: 34px; padding: 0 28px 0 10px; border: 1px solid var(--border); border-radius: var(--btn-radius, 10px); background: var(--card, #fff); color: var(--text); font: inherit; font-size: 13px; } #tab-clients .crm-card-layout-editor__toggle { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; cursor: pointer; } #tab-clients .crm-card-layout-editor__toggle input { width: 16px; height: 16px; margin: 0; accent-color: var(--primary); } #tab-clients .crm-card-layout-editor__actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding-top: 4px; } #tab-clients .crm-work-card { min-height: 158px; } #tab-clients .crm-card__fold { border-left: 4px solid var(--info-border, #2563eb); } #tab-clients .crm-work-card { border-left-color: #d97706; } #tab-clients .crm-card__notes-block, #tab-clients .crm-chat-summary { border-left-color: #7c3aed; } #tab-clients .crm-card__files-block, #tab-clients .crm-card__history { border-left-color: #0f8c8c; } #tab-clients .crm-card__fold-head { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 58px; padding: 16px 20px; border: 0; border-bottom: 1px solid var(--border); background: var(--card, #fff); color: var(--text); font: inherit; font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; } #tab-clients .crm-card__fold-head[aria-expanded="false"] { border-bottom-color: transparent; } #tab-clients .crm-card__fold-head[aria-expanded="false"] .crm-card__history-chev { transform: rotate(-90deg); } #tab-clients .crm-card__fold-body { display: flex; flex-direction: column; gap: 12px; padding: 20px; } #tab-clients .crm-card__fold-body[hidden], #tab-clients .crm-card__more-body[hidden] { display: none; } #tab-clients .crm-card__fold > .crm-grp__act { position: absolute; } #tab-clients .crm-card__fold { position: relative; } #tab-clients .crm-card__fold > .crm-grp__act { top: 13px; right: 48px; z-index: 2; margin: 0; } #tab-clients .crm-card__fold:has(> .crm-grp__act) > .crm-card__fold-head { padding-right: 180px; } #tab-clients .crm-card__fold .lrows { margin: 0; } #tab-clients .crm-entity-groups { display: flex; flex-direction: column; gap: 16px; min-width: 0; } #tab-clients .crm-entity-group { min-width: 0; } #tab-clients .crm-entity-group__head { display: flex; align-items: center; gap: 10px; margin: 0 2px 8px; } #tab-clients .crm-entity-group__name { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--text); font-size: 14px; font-weight: 600; } #tab-clients .crm-entity-group__link { color: inherit; text-decoration: none; } #tab-clients .crm-entity-group__link:hover { color: var(--primary); text-decoration: underline; } #tab-clients .crm-entity-group__dot { width: 9px; height: 9px; flex: none; border-radius: 50%; background: var(--crm-entity-color, var(--primary)); } #tab-clients .crm-entity-group__count { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; } #tab-clients .crm-entity-table-wrap { display: block; width: 100%; max-width: 100%; min-width: 0; overflow: auto; border-radius: 12px; background: #fff; box-shadow: 0 1px 4px rgba(15,23,42,.10), 0 1px 2px rgba(15,23,42,.06); -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } #tab-clients .crm-entity-table { width: max-content; min-width: 100%; table-layout: auto; border-collapse: separate; border-spacing: 0; font-size: 13px; } #tab-clients .crm-entity-th { position: sticky; top: 0; z-index: 2; padding: 10px 12px; background: #f6f8fc; color: var(--muted); font-weight: 600; text-align: left; white-space: nowrap; box-shadow: inset 0 -1px 0 var(--border); } #tab-clients .crm-entity-td { max-width: none; padding: 9px 12px; background: #fff; color: var(--text); vertical-align: top; white-space: nowrap; box-shadow: inset 0 -1px 0 var(--border); } #tab-clients .crm-entity-td:first-child { position: sticky; left: 0; z-index: 1; font-weight: 600; box-shadow: inset 0 -1px 0 var(--border), 1px 0 0 var(--border); } #tab-clients .crm-entity-cell { display: inline-block; width: max-content; max-width: none; overflow: visible; text-overflow: clip; white-space: nowrap; } #tab-clients .crm-entity-row:hover .crm-entity-td { background: #fafbff; } #tab-clients .crm-entity-row.is-deleted .crm-entity-td { opacity: .62; } #tab-clients .crm-entity-deleted { display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 999px; background: #fff1f0; color: #b42318; font-size: 11px; font-weight: 600; white-space: nowrap; } #tab-clients .crm-card__more-fields { padding-top: 4px; border-top: 1px solid var(--border); } #tab-clients .crm-card__more-toggle, #tab-clients .crm-card__manage-fields { appearance: none; border: 0; padding: 0; background: transparent; color: var(--primary-ink, var(--primary)); font: inherit; font-size: 15px; cursor: pointer; text-align: left; } #tab-clients .crm-card__more-body { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; } #tab-clients .crm-card__field-group { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; } #tab-clients .crm-card__field-group-head { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 12px 14px; border: 0; background: var(--card, #fff); color: var(--text); font: inherit; font-size: 15px; cursor: pointer; text-align: left; } #tab-clients .crm-card__field-group-head span:last-child { color: var(--muted); font-size: 13px; } #tab-clients .crm-card__field-group-body { padding: 0 14px 14px; border-top: 1px solid var(--border); } #tab-clients .crm-card__field-group-body .crm-card__grid { padding-top: 14px; } #tab-clients .crm-card__manage-fields { margin-top: 10px; } #tab-clients .crm-company-contacts { margin-top: 4px; border-top: 1px solid var(--border); border-left: 0; } #tab-clients .crm-company-contacts .crm-card__fold-head { min-height: 52px; padding: 16px 0; } #tab-clients .crm-company-contacts .crm-card__fold-body { padding: 16px 0 0; } #tab-clients .crm-company-contacts.crm-card__fold > .crm-grp__act { right: 30px; } #tab-clients .crm-company-contacts.crm-card__fold:has(> .crm-grp__act) > .crm-card__fold-head { padding-right: 140px; } #tab-clients .crm-card__layout-editor { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-muted, #f8fafc); } #tab-clients .crm-card__layout-editor[hidden] { display: none; } #tab-clients .crm-card__layout-title { margin-top: 4px; color: var(--text); font-size: 14px; font-weight: 600; } #tab-clients .crm-card__layout-section { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--card, #fff); } #tab-clients .crm-card__layout-section--system { padding-left: 34px; color: var(--muted); } #tab-clients .crm-card__layout-drag { flex: none; color: var(--muted); cursor: grab; font-size: 18px; } #tab-clients .crm-card__layout-section input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; } #tab-clients .crm-card__layout-confirm { margin-left: auto; color: var(--danger-ink); font-size: 12px; } #tab-clients .crm-card__layout-confirm button { border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; text-decoration: underline; } #tab-clients .crm-card__layout-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; } #tab-clients .crm-card__layout-fields > .crm-card__layout-field { display: flex; flex-direction: column; gap: 4px; color: var(--muted); font-size: 12px; } #tab-clients .crm-card__layout-controls { display: flex; align-items: center; gap: 8px; } #tab-clients .crm-card__layout-fields select { width: 100%; min-width: 0; padding: 7px 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--card, #fff); color: var(--text); font: inherit; } #tab-clients .crm-card__layout-important { flex: none; display: inline-flex; align-items: center; gap: 4px; color: var(--text); white-space: nowrap; } #tab-clients .crm-card__layout-error { min-height: 16px; color: var(--danger-ink); font-size: 12px; } #tab-clients .crm-card__layout-actions { display: flex; gap: 8px; } #tab-clients .crm-work-card .crm-sect { color: var(--text); font-size: 16px; text-transform: none; letter-spacing: 0; } #tab-clients .crm-work-card .crm-empty { margin: auto 0; } #tab-clients .crm-card__history { gap: 0; } #tab-clients .crm-card__history-chev { display: inline-flex; color: var(--muted); transition: transform .15s ease; } #tab-clients .crm-card__history-body { margin: 0; } #tab-clients .crm-card__history-list { display: flex; flex-direction: column; gap: 8px; } #tab-clients .crm-card__history-row { display: flex; flex-direction: column; gap: 3px; padding: 9px 11px; border: 1px solid var(--border, #eaeef2); border-radius: 10px; background: var(--surface-hover, #f6f8fa); font-size: 13px; line-height: 1.45; color: var(--text); overflow-wrap: break-word; } #tab-clients .crm-card__history-who { color: var(--muted); font-size: 12px; } @media (max-width: 760px) { #tab-clients .crm-drawer { width: calc(100% - 18px); padding: 16px 14px 28px; } #tab-clients .crm-card-layout { grid-template-columns: 1fr; } #tab-clients .crm-card-layout__item.is-wide { grid-column: auto; } #tab-clients .crm-card__main { padding: 16px; } #tab-clients .crm-card__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; } #tab-clients .crm-card__important { grid-template-columns: repeat(2, minmax(0, 1fr)); } #tab-clients .crm-card__layout-fields { grid-template-columns: 1fr; } } #tab-clients .crm-f__edit { appearance: none; border: 0; padding: 0; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: text; } #tab-clients .crm-f__edit:hover { color: var(--primary-ink, var(--primary)); } #tab-clients .crm-f__input { width: 100%; box-sizing: border-box; border: 1px solid var(--primary); border-radius: 7px; padding: 4px 7px; color: var(--text); background: var(--card, #fff); font: inherit; } #tab-clients textarea.crm-f__input { min-height: 72px; resize: vertical; } #tab-clients .crm-f__picker { position: relative; min-width: 0; } #tab-clients .crm-f__picker .empp-input { min-height: 34px; } #tab-clients .crm-f__err { color: var(--danger-ink); font-size: 12px; line-height: 1.35; } #tab-clients .crm-chat-summary { gap: 0; } #tab-clients .crm-chat-summary__channels { display: grid; grid-template-columns: repeat(var(--crm-chat-cols, 1), minmax(0, 1fr)); gap: 10px; } #tab-clients .crm-chat-summary__row { appearance: none; display: flex; align-items: center; min-width: 0; width: 100%; gap: 11px; min-height: 58px; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--btn-radius, 10px); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; } #tab-clients .crm-chat-summary__row:hover, #tab-clients .crm-chat-summary__row:focus { border-color: var(--info-border, #b6c7e5); background: var(--bg, #f4f6fb); } #tab-clients .crm-chat-summary__row:hover { color: var(--primary-ink, var(--primary)); transform: translateY(-1px); } #tab-clients .crm-chat-summary__row:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; } #tab-clients .crm-chat-summary__mark { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--primary-soft, #eef4ff); color: var(--primary-ink, var(--primary)); font-size: 11px; font-weight: 600; letter-spacing: -.02em; } #tab-clients .crm-chat-summary__channel { min-width: 0; overflow: hidden; flex: 1; color: var(--text); font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } #tab-clients .crm-chat-summary__go { display: inline-flex; flex: none; color: var(--muted); } #tab-clients .crm-chat-ov { align-items: stretch; justify-content: flex-end; overflow-x: clip; padding: 0; } #tab-clients .crm-chat-modal { width: 76vw; max-width: none; max-height: none; height: 100%; border-radius: 0; display: flex; flex-direction: column; overflow: hidden; animation: crmChatDrawerIn .24s ease-out; } #tab-clients .crm-chat-modal.is-closing { pointer-events: none; animation: crmDrawerOut .22s ease-in forwards; } #tab-clients .crm-chat-modal__head { flex: none; margin: 0; padding: 20px; border-bottom: 1px solid var(--border); } #tab-clients .crm-chat-modal .crm-modal__body { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 12px; overflow: hidden; padding: 20px; } #tab-clients .crm-chat-modal .crm-box { flex: 1; min-height: 0; } #tab-clients .crm-chat-modal .tc-scroll-wrap { display: flex; flex: 1; min-height: 0; } #tab-clients .crm-chat-modal .tc-scroll { flex: 1; max-height: none; } @keyframes crmChatDrawerIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @media (max-width: 760px) { #tab-clients .crm-chat-modal { width: 100%; } } #tab-clients .crm-card__notes-block [data-crm-note-add][hidden] { display: none; } @media (max-width: 600px) { #tab-clients .crm-chat-summary__channels { grid-template-columns: 1fr; } } /* Поиск дублей встроен в панель клиентов; общий z-index ниже ui-dialogs, чтобы подтверждение оставалось поверх. */ #tab-clients .crm-dedup-overlay { position: fixed; inset: var(--crm-dedup-top, 0px) 0 0; z-index: 9550; display: flex; align-items: stretch; justify-content: flex-end; box-sizing: border-box; padding: 0; color: var(--text, #24292f); } #tab-clients .crm-dedup-overlay[hidden], #tab-clients .crm-dedup-detail[hidden] { display: none; } #tab-clients .crm-dedup-backdrop { position: absolute; inset: 0; background: rgba(20, 24, 31, .58); } #tab-clients .crm-dedup-panel { position: relative; z-index: 1; display: flex; flex-direction: column; max-height: 100%; min-height: 0; overflow: hidden; padding: 0; border: 0; border-radius: 0; } #tab-clients .crm-dedup-panel > .crm-dedup-head, #tab-clients .crm-dedup-detail__panel > .crm-dedup-head { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--border, #d0d7de); } #tab-clients .crm-dedup-head h2 { margin: 0; font-size: 19px; line-height: 1.35; } #tab-clients .crm-dedup-head p { margin: 3px 0 0; color: var(--muted, #667085); font-size: 13px; } #tab-clients .crm-dedup-body { flex: 1; min-height: 0; overflow: auto; padding: 12px 16px 16px; } #tab-clients .crm-dedup-controls, #tab-clients .crm-dedup-group, #tab-clients .crm-dedup-exec-list, #tab-clients .crm-dedup-empty { box-sizing: border-box; border: 1px solid var(--border, #d0d7de); border-radius: 12px; background: var(--card, #fff); } #tab-clients .crm-dedup-selection { box-sizing: border-box; border: 1px solid var(--border, #d0d7de); border-radius: 12px; background: var(--primary-soft, #eef2ff); } #tab-clients .crm-dedup-gate { box-sizing: border-box; border: 1px solid var(--border, #d0d7de); border-radius: 12px; background: var(--surface-2, #f6f8fa); } #tab-clients .crm-dedup-controls { padding: 10px 12px; } #tab-clients .crm-dedup-searchbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 16px; align-items: center; } #tab-clients .crm-dedup-start { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; grid-column: 1; grid-row: 1; } #tab-clients .crm-dedup-start .btn { min-height: 36px; } #tab-clients .crm-dedup-start label { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } #tab-clients .crm-dedup-start input[type=checkbox], #tab-clients .crm-dedup-group__check input { width: 18px; height: 18px; margin: 0; accent-color: var(--primary, #4f46e5); } #tab-clients .crm-dedup-gate { margin-top: 10px; padding: 10px 12px; color: var(--muted, #667085); } #tab-clients .crm-dedup-review-launch { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 10px; padding: 12px; border: 1px solid var(--warning-border, #e5b343); border-radius: 12px; background: var(--warning-soft, #fff8e1); } #tab-clients .crm-dedup-review-launch[hidden], #tab-clients .crm-dedup-review[hidden] { display: none; } #tab-clients .crm-dedup-review-launch p, #tab-clients .crm-dedup-review__head p { margin: 4px 0 0; color: var(--muted, #667085); font-size: 13px; } #tab-clients .crm-dedup-review-launch .btn { min-height: 40px; } #tab-clients .crm-dedup-review { margin-top: 10px; padding: 12px; border: 1px solid var(--border, #d0d7de); border-radius: 12px; background: var(--surface, #fff); } #tab-clients .crm-dedup-review__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; } #tab-clients .crm-dedup-review__actions { display: flex; flex-wrap: wrap; gap: 8px; } #tab-clients .crm-dedup-review-parity { margin: 8px 0 12px; padding: 10px 12px; border-radius: 9px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } #tab-clients .crm-dedup-review-parity.is-clean { color: var(--success-ink, #166534); background: var(--success-soft, #f0fdf4); } #tab-clients .crm-dedup-review-parity.is-blocked { color: var(--danger, #cf222e); background: var(--danger-soft, #fff1f0); } #tab-clients .crm-dedup-review__head h3 { margin: 0; font-size: 16px; } #tab-clients .crm-dedup-review-item { margin: 0 0 10px; padding: 12px; border: 1px solid var(--border, #d0d7de); border-radius: 10px; } #tab-clients .crm-dedup-review-item > header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; } #tab-clients .crm-dedup-review-item > header span, #tab-clients .crm-dedup-review-identity small { color: var(--muted, #667085); font-size: 12px; } #tab-clients .crm-dedup-review-identity { display: grid; gap: 4px; margin: 9px 0; padding: 9px; border-radius: 8px; background: var(--surface-2, #f6f8fa); } #tab-clients .crm-dedup-review-identity code { overflow-wrap: anywhere; font-size: 13px; } #tab-clients .crm-dedup-review-card { display: flex; align-items: flex-start; gap: 8px; min-width: 0; padding: 10px; border: 1px solid var(--border, #d0d7de); border-radius: var(--btn-radius, 10px); background: var(--card, #fff); cursor: pointer; } #tab-clients .crm-dedup-review-card:has(input:checked) { border-color: var(--primary, #4f46e5); background: var(--primary-soft, #eef2ff); } #tab-clients .crm-dedup-review-card:has(input:disabled) { opacity: .62; cursor: default; } #tab-clients .crm-dedup-review-card input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--primary, #4f46e5); } #tab-clients .crm-dedup-review-card > span { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; } #tab-clients .crm-dedup-review-card small, #tab-clients .crm-dedup-review-dialog small { color: var(--muted, #667085); font-size: 12px; overflow-wrap: anywhere; } #tab-clients .crm-dedup-review-card .crm-dedup-review-role { color: var(--primary, #4f46e5); font-weight: 600; } #tab-clients .crm-dedup-review-side { color: var(--primary, #4f46e5); font-weight: 600; } #tab-clients .crm-dedup-review-dialogs { display: grid; gap: 7px; margin: 10px 0; } #tab-clients .crm-dedup-review-dialog { display: grid; gap: 3px; padding: 8px 10px; border-left: 3px solid var(--primary, #4f46e5); background: var(--surface-2, #f6f8fa); overflow-wrap: anywhere; } #tab-clients .crm-dedup-review-choices { display: grid; gap: 7px; min-width: 0; margin: 10px 0; padding: 8px; border: 1px solid var(--border, #d0d7de); border-radius: 9px; } #tab-clients .crm-dedup-review-choices legend { padding: 0 4px; font-size: 13px; font-weight: 600; } #tab-clients .crm-dedup-review-note { display: grid; gap: 5px; margin: 9px 0; font-size: 13px; } #tab-clients .crm-dedup-review-note textarea { box-sizing: border-box; width: 100%; min-height: 58px; padding: 8px; border: 1px solid var(--border, #d0d7de); border-radius: var(--btn-radius, 10px); color: var(--text); background: var(--card, #fff); font: inherit; resize: vertical; } #tab-clients .crm-dedup-review-blocked { padding: 10px; border-radius: 8px; color: var(--danger, #cf222e); background: var(--danger-soft, #fff1f0); } #tab-clients .crm-dedup-review__pages { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 10px; } #tab-clients .crm-dedup-job { display: contents; } #tab-clients .crm-dedup-job__line { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 10px; grid-column: 2; grid-row: 1; font-size: 13px; } #tab-clients .crm-dedup-job__line span { color: var(--muted, #667085); font-variant-numeric: tabular-nums; } #tab-clients .crm-dedup-progress { grid-column: 1 / -1; height: 5px; margin: 8px 0; overflow: hidden; border-radius: 8px; background: var(--surface-2, #eaeef2); } #tab-clients .crm-dedup-progress span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--primary, #4f46e5); transition: width .2s ease; } #tab-clients .crm-dedup-job__controls, #tab-clients .crm-dedup-toolbar, #tab-clients .crm-dedup-pages { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } #tab-clients .crm-dedup-job__controls, #tab-clients .crm-dedup-job > .crm-hint { grid-column: 1 / -1; margin: 0 0 8px; } #tab-clients .crm-dedup-job__controls:not(:has(button:not([hidden]))), #tab-clients .crm-dedup-job > .crm-hint:empty { display: none; } #tab-clients .crm-dedup-filterbar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; } #tab-clients .crm-dedup-toolbar { flex: 1; margin: 0; padding: 0; } #tab-clients .crm-dedup-toolbar > label { display: flex; align-items: center; gap: 7px; } #tab-clients .crm-dedup-toolbar select { max-width: 210px; min-height: 36px; padding: 5px 8px; border: 1px solid var(--border, #d0d7de); border-radius: 8px; color: inherit; background: var(--card, #fff); font: inherit; } #tab-clients .crm-dedup-counts, #tab-clients .crm-dedup-selection { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13px; } #tab-clients .crm-dedup-counts { margin: 0; padding: 0; } #tab-clients .crm-dedup-counts b { font-variant-numeric: tabular-nums; } #tab-clients .crm-dedup-selection { color: var(--muted, #667085); margin-top: 8px; padding: 7px 10px; } #tab-clients .crm-dedup-list { max-height: min(62vh, 660px); min-height: 140px; overflow: auto; margin-top: 10px; overscroll-behavior: contain; } #tab-clients .crm-dedup-group { margin: 0 0 8px; padding: 10px; } #tab-clients .crm-dedup-group__top, #tab-clients .crm-dedup-group__footer { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } #tab-clients .crm-dedup-group__check { display: inline-flex; align-items: center; padding: 5px; cursor: pointer; } #tab-clients .crm-dedup-group__identity { display: flex; flex: 1; min-width: 180px; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; } #tab-clients .crm-dedup-group__meta, #tab-clients .crm-dedup-muted { color: var(--muted, #667085); font-size: 12px; } #tab-clients .crm-dedup-members, #tab-clients .crm-dedup-reasons, #tab-clients .crm-dedup-related { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; } #tab-clients .crm-dedup-member-pill, #tab-clients .crm-dedup-related > span { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 4px 8px; border-radius: 20px; background: var(--surface-2, #f3f4f6); font-size: 12px; overflow-wrap: anywhere; } #tab-clients .crm-dedup-member-pill.is-excluded { text-decoration: line-through; opacity: .68; } #tab-clients .crm-dedup-tag { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 4px 8px; border-radius: 20px; background: var(--primary-soft, #eef2ff); font-size: 12px; overflow-wrap: anywhere; } #tab-clients .crm-dedup-group__footer { margin-top: 10px; color: var(--muted, #667085); font-size: 12px; } #tab-clients .crm-dedup-link { padding: 4px 0; border: 0; background: transparent; color: var(--primary, #4f46e5); font: inherit; font-size: 13px; cursor: pointer; } #tab-clients .crm-dedup-link:hover { text-decoration: underline; } #tab-clients .crm-dedup-quick-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.65fr); gap: 12px; margin-top: 8px; align-items: start; } #tab-clients .crm-dedup-quick-grid h3 { margin: 0 0 6px; font-size: 13px; line-height: 1.3; } #tab-clients .crm-dedup-quick-members { display: grid; gap: 5px; min-width: 0; max-height: 240px; overflow: auto; } #tab-clients .crm-dedup-quick-members h3 { margin-bottom: 2px; } #tab-clients .crm-dedup-quick-member { display: flex; align-items: flex-start; gap: 7px; padding: 7px 8px; border: 1px solid var(--border, #d0d7de); border-radius: var(--btn-radius, 10px); cursor: pointer; background: var(--card, #fff); } #tab-clients .crm-dedup-quick-member.is-main { border-color: var(--primary, #4f46e5); background: var(--primary-soft, #eef2ff); } #tab-clients .crm-dedup-quick-member input { width: 18px; height: 18px; margin: 1px 0 0; flex: none; accent-color: var(--primary, #4f46e5); } #tab-clients .crm-dedup-quick-member > span { display: grid; gap: 1px; min-width: 0; overflow-wrap: anywhere; } #tab-clients .crm-dedup-quick-member b { font-size: 13px; line-height: 1.3; } #tab-clients .crm-dedup-quick-member small { color: var(--muted, #667085); font-size: 12px; line-height: 1.3; } #tab-clients .crm-dedup-quick-member em { margin-left: auto; flex: none; font-size: 11px; font-style: normal; color: var(--primary, #4f46e5); } #tab-clients .crm-dedup-quick-result { min-width: 0; padding: 8px 10px; border: 1px solid var(--border, #d0d7de); border-radius: 10px; background: var(--primary-soft, #eef2ff); } #tab-clients .crm-dedup-quick-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; align-items: start; } #tab-clients .crm-dedup-quick-field { display: grid; grid-template-columns: minmax(80px, .55fr) minmax(0, 1.45fr); gap: 8px; align-items: center; padding: 3px 0; font-size: 13px; line-height: 1.3; } #tab-clients .crm-dedup-quick-field > span { color: var(--muted, #667085); overflow-wrap: anywhere; padding-top: 2px; } #tab-clients .crm-dedup-quick-field > b { font-weight: 500; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 80px; overflow: auto; } #tab-clients .crm-dedup-quick-field select { width: 100%; min-width: 0; min-height: 30px; padding: 4px 6px; border: 1px solid var(--border, #d0d7de); border-radius: 8px; background: var(--card, #fff); color: inherit; font: inherit; } #tab-clients .crm-dedup-quick-empty { grid-column: 1 / -1; padding: 12px 0; color: var(--muted, #667085); font-size: 13px; } #tab-clients .crm-dedup-quick-retained { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; border-top: 1px solid var(--border, #d0d7de); margin-top: 6px; padding-top: 6px; font-size: 12px; color: var(--muted, #667085); } #tab-clients .crm-dedup-quick-retained .crm-dedup-related { gap: 4px 10px; margin-top: 0; } #tab-clients .crm-dedup-quick-retained .crm-dedup-related > span { padding: 0; border-radius: 0; background: transparent; } #tab-clients .crm-dedup-quick-error { margin: 8px 0 0; font-size: 13px; color: var(--danger, #cf222e); } #tab-clients .crm-dedup-quick-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 8px; } #tab-clients .crm-dedup-quick-actions .btn { min-height: 34px; padding: 6px 10px; font-size: 13px; } #tab-clients .crm-dedup-quick-member:focus-within, #tab-clients .crm-dedup-quick-field select:focus-visible, #tab-clients .crm-dedup-link:focus-visible { outline: 2px solid var(--primary, #4f46e5); outline-offset: 2px; } #tab-clients .crm-dedup-status { font-weight: 600; color: var(--muted, #667085); } #tab-clients .crm-dedup-status.is-ready { color: var(--success, #1a7f37); } #tab-clients .crm-dedup-status.is-error { color: var(--danger, #cf222e); } #tab-clients .crm-dedup-pages { justify-content: space-between; margin-top: 10px; } #tab-clients .crm-dedup-empty { display: flex; flex-direction: column; gap: 5px; padding: 20px; text-align: center; color: var(--muted, #667085); } #tab-clients .crm-dedup-exec-list { padding: 8px 12px; } #tab-clients .crm-dedup-exec-row { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 9px 2px; border-bottom: 1px solid var(--border, #d0d7de); } #tab-clients .crm-dedup-exec-row:last-child { border-bottom: 0; } #tab-clients .crm-dedup-exec-row small { flex: 1 0 100%; color: var(--muted, #667085); } #tab-clients .crm-dedup-detail { position: fixed; inset: var(--crm-dedup-top, 0px) 0 0; z-index: 9560; display: flex; justify-content: flex-end; color: var(--text, #24292f); } #tab-clients .crm-dedup-detail__scrim { position: absolute; inset: 0; background: rgba(20, 24, 31, .38); } #tab-clients .crm-dedup-detail__panel { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 0; } #tab-clients .crm-dedup-detail__body { flex: 1; min-height: 0; overflow: auto; padding: 14px 18px 24px; } #tab-clients .crm-dedup-detail__body section { margin: 0 0 16px; padding: 12px; border: 1px solid var(--border, #d0d7de); border-radius: 12px; } #tab-clients .crm-dedup-detail__body h3 { margin: 0 0 10px; font-size: 15px; } #tab-clients .crm-dedup-detail-members { display: grid; gap: 6px; max-height: 250px; overflow: auto; } #tab-clients .crm-dedup-detail-member { display: flex; align-items: flex-start; gap: 9px; padding: 9px; border-radius: var(--btn-radius, 10px); background: var(--surface-2, #f6f8fa); cursor: pointer; } #tab-clients .crm-dedup-detail-member input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--primary, #4f46e5); } #tab-clients .crm-dedup-detail-member span { display: grid; gap: 3px; min-width: 0; } #tab-clients .crm-dedup-detail-member small, #tab-clients .crm-dedup-choice small, #tab-clients .crm-dedup-conflict small { color: var(--muted, #667085); overflow-wrap: anywhere; } #tab-clients .crm-dedup-choice { display: grid; gap: 6px; margin-top: 10px; } #tab-clients .crm-dedup-choice select { box-sizing: border-box; width: 100%; min-height: 38px; padding: 7px 9px; border: 1px solid var(--border, #d0d7de); border-radius: var(--btn-radius, 10px); background: var(--card, #fff); color: inherit; font: inherit; } #tab-clients .crm-dedup-outcome { display: grid; gap: 1px; } #tab-clients .crm-dedup-outcome-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--border, #d0d7de); } #tab-clients .crm-dedup-outcome-row span { color: var(--muted, #667085); } #tab-clients .crm-dedup-outcome-row b { text-align: right; overflow-wrap: anywhere; white-space: pre-wrap; } #tab-clients .crm-dedup-requisites { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } #tab-clients .crm-dedup-related { line-height: 1.5; } #tab-clients .crm-dedup-conflict { display: grid; gap: 4px; padding: 8px 0; } #tab-clients .crm-dedup-evidence-list { display: grid; gap: 6px; } #tab-clients .crm-dedup-evidence { display: grid; gap: 3px; padding: 8px; border-radius: 8px; background: var(--surface-2, #f6f8fa); overflow-wrap: anywhere; } #tab-clients .crm-dedup-evidence small { color: var(--muted, #667085); } #tab-clients .crm-dedup-all-reasons { margin-top: 8px; } #tab-clients .crm-dedup-all-reasons summary { cursor: pointer; color: var(--primary, #4f46e5); } #tab-clients .crm-dedup-detail__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 10px; } #tab-clients .crm-dedup-detail__actions .btn { min-height: 40px; } #tab-clients .crm-dedup-result-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 8px; padding: 9px 12px; border: 1px solid var(--border, #d0d7de); border-radius: 10px; font-size: 13px; } #tab-clients .crm-dedup-overlay.is-results .crm-dedup-toolbar, #tab-clients .crm-dedup-overlay.is-results .crm-dedup-counts, #tab-clients .crm-dedup-overlay.is-results .crm-dedup-selection { display: none; } /* Отображение реквизитов и множественных диалогов остаётся в карточке клиента. */ #tab-clients .crm-requisite__row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; padding: 7px 0; border-bottom: 1px solid var(--border); } #tab-clients .crm-requisite__kind, #tab-clients .crm-requisite__label { color: var(--muted); font-size: 12px; } #tab-clients .crm-requisite__value { overflow-wrap: anywhere; } #tab-clients .crm-requisite__origin { color: var(--muted); font-size: 11px; } #tab-clients .crm-requisite-edit__row { display: grid; grid-template-columns: 100px minmax(0, 1fr) minmax(0, .8fr) 38px; gap: 7px; margin: 7px 0; } #tab-clients .crm-requisite-edit__row input, #tab-clients .crm-requisite-edit__row select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 38px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 8px; background: var(--card, #fff); color: var(--text); font: inherit; } #tab-clients .crm-requisite-edit__actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 10px; } #tab-clients .crm-merge-history__op { padding: 8px 0; border-bottom: 1px solid var(--border); } #tab-clients .crm-merge-history__op summary { cursor: pointer; font-weight: 600; } #tab-clients .crm-merge-history__op ul { margin: 8px 0; padding-left: 20px; } #tab-clients .crm-merge-history__op li { padding: 3px 0; } #tab-clients .crm-merge-history__op small { display: block; color: var(--muted); } #tab-clients .crm-dialog-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; } #tab-clients .crm-dialog-list__item { display: grid; gap: 2px; max-width: 100%; padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--btn-radius, 10px); background: var(--card, #fff); color: var(--text); cursor: pointer; text-align: left; } #tab-clients .crm-dialog-list__item small { color: var(--muted); } #tab-clients .crm-dialog-list__item.is-active { border-color: var(--primary); background: var(--primary-soft, #eef2ff); } #tab-clients .crm-dialog-list__selected { margin: 3px 0 8px; color: var(--muted); font-size: 12px; } @media (max-width: 1100px) { #tab-clients .crm-dedup-quick-fields { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 760px) { #tab-clients .crm-dedup-overlay { align-items: stretch; padding: 0; } #tab-clients .crm-dedup-panel { max-height: 100%; min-height: 0; height: 100%; border: 0; border-radius: 0; } #tab-clients .crm-dedup-panel > .crm-dedup-head { padding: 13px 14px; } #tab-clients .crm-dedup-head h2 { font-size: 17px; } #tab-clients .crm-dedup-body { padding: 10px 12px 18px; } #tab-clients .crm-dedup-start { align-items: stretch; } #tab-clients .crm-dedup-controls { padding: 9px 10px; } #tab-clients .crm-dedup-searchbar { grid-template-columns: minmax(0, 1fr); gap: 7px; } #tab-clients .crm-dedup-job__line { grid-column: 1; grid-row: auto; justify-content: space-between; } #tab-clients .crm-dedup-progress { margin: 0; } #tab-clients .crm-dedup-filterbar { margin-top: 8px; } #tab-clients .crm-dedup-start label { flex: 1 1 calc(50% - 8px); min-height: 40px; } #tab-clients .crm-dedup-start > .btn { flex: 1 0 100%; min-height: 42px; } #tab-clients .crm-dedup-review-launch { align-items: stretch; } #tab-clients .crm-dedup-review-launch .btn, #tab-clients .crm-dedup-review__head .btn { width: 100%; min-height: 42px; } #tab-clients .crm-dedup-review__head { flex-direction: column; } #tab-clients .crm-dedup-review__actions { width: 100%; flex-direction: column; } #tab-clients .crm-dedup-review__actions .btn { width: 100%; min-height: 42px; } #tab-clients .crm-dedup-review-item { padding: 10px; } #tab-clients .crm-dedup-review-item [data-dedup-resolve-conflict] { width: 100%; min-height: 44px; } #tab-clients .crm-dedup-toolbar { align-items: stretch; } #tab-clients .crm-dedup-toolbar > label { flex: 1 1 100%; justify-content: space-between; } #tab-clients .crm-dedup-toolbar select { flex: 1; max-width: 70%; min-height: 40px; } #tab-clients .crm-dedup-toolbar > .btn { flex: 1 1 100%; min-height: 42px; } #tab-clients .crm-dedup-list { max-height: none; min-height: 0; height: min(60vh, 560px); } #tab-clients .crm-dedup-group { padding: 10px; } #tab-clients .crm-dedup-group__top > .btn { min-height: 40px; } #tab-clients .crm-dedup-quick-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; } #tab-clients .crm-dedup-quick-actions { flex-wrap: wrap; } #tab-clients .crm-dedup-quick-actions .btn { min-height: 40px; } #tab-clients .crm-dedup-pages .btn { min-height: 42px; } #tab-clients .crm-dedup-detail { align-items: stretch; } #tab-clients .crm-dedup-detail__panel { height: 100%; border: 0; border-radius: 0; } #tab-clients .crm-dedup-detail__panel > .crm-dedup-head { padding: 12px 14px; } #tab-clients .crm-dedup-detail__body { padding: 10px 12px 24px; } #tab-clients .crm-dedup-detail__actions { display: grid; grid-template-columns: 1fr; } #tab-clients .crm-dedup-detail__actions .btn { width: 100%; min-height: 44px; } #tab-clients .crm-requisite-edit__row { grid-template-columns: 92px minmax(0, 1fr) 38px; } #tab-clients .crm-requisite-edit__row [data-req-label] { grid-column: 2; } #tab-clients .crm-requisite-edit__row [data-req-remove] { grid-column: 3; grid-row: 1 / span 2; } } @media (prefers-reduced-motion: reduce) { #tab-clients .crm-chat-summary__row { transition: none; } #tab-clients .crm-chat-summary__row:hover { transform: none; } } /* Заявки — одна полноширинная колонка карточки. Поле статуса использует обычную оболочку .crm-fld, поэтому высота, рамка и шрифт совпадают с уже существующими селектами справочника. */ #tab-clients .crm-card__requests { border-left: 4px solid var(--info-border, #2563eb); } #tab-clients .crm-requests__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--border); } #tab-clients .crm-requests__title { font-size: 16px; font-weight: 600; color: var(--text); } #tab-clients .crm-requests__tools { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-left: auto; } #tab-clients .crm-requests__sum { white-space: nowrap; font-size: 15px; font-weight: 600; color: var(--text); } #tab-clients .crm-requests__filter.crm-fld { display: flex; align-items: center; gap: 8px; margin: 0; } #tab-clients .crm-requests__filter > select { width: auto; min-width: 148px; padding: 6px 9px; font-size: 13px; } #tab-clients .crm-card__requests #crmRequestsList { padding: 20px 20px 0; } #tab-clients .crm-card__requests .crm-grp__act { align-self: flex-start; margin: 0 20px 20px; } #tab-clients .crm-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; } #tab-clients .crm-f__l { font-size: 13px; color: var(--muted); } #tab-clients .crm-f__v { min-width: 0; font-size: 15px; color: var(--text); word-break: break-word; } #tab-clients .crm-card__acts { display: flex; gap: 8px; margin-left: auto; flex: none; } #tab-clients .crm-card__act { width: 40px; height: 40px; padding: 0; } #tab-clients .crm-card__act[aria-pressed="true"] { border-color: var(--primary); color: var(--primary-ink, var(--primary)); background: var(--primary-soft, #eef4ff); } #tab-clients .crm-card__act.crm-danger:hover { border-color: var(--danger); color: var(--danger-ink); } #tab-clients .crm-danger { color: var(--danger-ink); } @media (max-width: 760px) { #tab-clients .crm-card__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } #tab-clients .crm-card__important { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ── Форма ── */ #tab-clients .crm-form__ttl { margin: 6px 0 12px; font-size: 19px; font-weight: 600; line-height: 1.35; color: var(--text); } #tab-clients .crm-fld { margin-bottom: 12px; } /* ⚠️ ПРЯМОЙ ПОТОМОК — ПО ТОЙ ЖЕ ПРИЧИНЕ, ЧТО У input НИЖЕ, и это поймано ЗАМЕРОМ, а не чтением. Внутри поля теперь живут чужие