/* =========================================================================
   Central Property — помощник по подбору (mu-plugins/cp-ai.php, js/ai.js, tools/pages/ai.json, секция ИИ главной).
   Макет: docs/preview/v2/ai.html (разделы .pg-ask, .pg-chat, .cp-ai__*, .pg-feature, .pg-staff) на токенах --cp-* из style.css.
   Зависимости: style.css (цвета, шрифты, радиусы, тени, длительности), cards.css (--cp-s1…s5, --cp-fs-*, --cp-tap),
   sections.css (.cp-section, .cp-container, .cp-page-hero, .cp-grid, .cp-btn, .cp-chip, .cp-eyebrow, .cp-reveal, --cp-s6…s8, --cp-fs-h4),
   header-footer.css (--cp-night-line, --cp-header-h), home.css (.cp-btn.is-loading, .e-con.cp-home-nested).
   Порядок: functions.php подключает css/*.css по алфавиту, поэтому ai.css загружается РАНЬШЕ cards/header-footer/home/sections.
   Любое переопределение их правил (особенно .cp-section--night p / a) должно выигрывать специфичностью, а не порядком.
   Значения — только токены; локальные величины файла объявлены ниже с префиксом --cp-ai-.
   Mobile-first: база 375 px, расширение через min-width (600 — два поля в ряд и две карточки, 768 — планшет, 1024 — компьютер).
   Движение — только transform/opacity (+ цвет рамки/фона 150 мс), 150–480 мс; prefers-reduced-motion выключает всё.
   ========================================================================= */

:root{
  --cp-ai-field-h:48px;        /* высота поля (DESIGN.md §6: base 48) */
  --cp-ai-btn-lg:56px;         /* большая кнопка */
  --cp-ai-textarea:96px;       /* высота многострочного поля */
  --cp-ai-ring:3px;            /* кольцо фокуса */
  --cp-ai-msg-r:14px;          /* скругление пузыря сообщения */
  --cp-ai-msg-max:92%;         /* ширина пузыря посетителя */
  --cp-ai-log-min:96px;        /* высота пустой ленты */
  --cp-ai-dot:6px;             /* точка индикатора «печатает» */
  --cp-ai-icon:20px;           /* линейный значок в кнопке */
  --cp-ai-ico-box:44px;        /* плашка значка в карточке возможностей */
  --cp-ai-seg-pad:3px;         /* внутренний отступ сегмента */
  --cp-ai-chat-w:880px;        /* ширина ленты диалога на странице */
  --cp-ai-tab-h:48px;          /* высота вкладки */
  --cp-ai-chip-h:40px;         /* чип и вкладка-пилюля (как .cp-chip в sections.css) */
  --cp-ai-filter-h:28px;       /* плашка распознанного условия */
  --cp-ai-ico:24px;            /* линейный значок 24 px */
  --cp-ai-code-w:220px;        /* поле номера объекта */
  --cp-ai-card-w:420px;        /* одна карточка в ответе */
}

/* ---------- 0. Страница помощника: контейнеры Elementor без лишних полей ---------- */
.cp-ai-page .elementor-widget:not(:last-child){margin-block-end:0}
.cp-ai-page .elementor-widget-container > :first-child{margin-top:0}
.e-con.cp-ai-page-chat > .e-con-inner,.e-con.cp-ai-page-note > .e-con-inner{max-width:var(--cp-ai-chat-w)}
.cp-ai-page-hero .cp-page-hero__note{margin-top:var(--cp-s3)}
.cp-ai-page-hero .elementor-widget-shortcode{margin-top:var(--cp-s3)}

/* ---------- 1. Поле запроса в шапочном блоке .cp-ai-ask ---------- */
.cp-ai-ask{display:flex;flex-direction:column;gap:var(--cp-s2);margin:0;padding:var(--cp-s2);border-radius:var(--cp-r-lg);background:var(--cp-surface);box-shadow:var(--cp-shadow-3)}
.cp-ai-ask__input{border-color:transparent;min-height:calc(var(--cp-ai-field-h) + var(--cp-s1));font-size:var(--cp-fs-base)}
.cp-ai-ask__input:hover{border-color:var(--cp-line)}
.cp-ai-ask__btn{flex:none;min-height:calc(var(--cp-ai-field-h) + var(--cp-s1))}
.cp-ai-ask__btn svg{width:var(--cp-ai-icon);height:var(--cp-ai-icon)}
.cp-ai-ask__chips{margin-top:var(--cp-s4)}
.cp-ai-ask__chips .cp-chip{white-space:normal;text-align:left;min-height:var(--cp-ai-chip-h);padding-block:6px}
@media (min-width:600px){
  .cp-ai-ask{flex-direction:row;align-items:stretch}
  .cp-ai-ask__input{flex:1;min-width:0}
}

/* ---------- 2. Панель помощника .cp-ai ---------- */
.cp-ai{position:relative;display:flex;flex-direction:column;gap:var(--cp-s4);color:var(--cp-text)}
.cp-ai--panel{padding:var(--cp-s4);border:1px solid var(--cp-line);border-radius:var(--cp-r-lg);background:var(--cp-surface);box-shadow:var(--cp-shadow-1)}
@media (min-width:768px){.cp-ai--panel{padding:var(--cp-s5)}}
.cp-ai__head{display:flex;align-items:center;justify-content:space-between;gap:var(--cp-s3);flex-wrap:wrap}
.cp-ai__title{margin:0;font-family:var(--cp-font-head);font-size:var(--cp-fs-h3);font-weight:600;line-height:1.2;color:var(--cp-text)}
.cp-ai__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cp-ai__hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}

/* Вкладки режимов */
.cp-ai__tabs{display:flex;gap:var(--cp-s1);margin:0;padding-bottom:0;border-bottom:1px solid var(--cp-line);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cp-ai__tabs::-webkit-scrollbar{display:none}
.cp-ai__tab{position:relative;flex:none;min-height:var(--cp-ai-tab-h);padding:0 var(--cp-s3);border:0;background:transparent;color:var(--cp-muted);font:500 var(--cp-fs-sm)/1.2 var(--cp-font-text);white-space:nowrap;cursor:pointer;transition:color var(--cp-dur-fast) var(--cp-ease)}
.cp-ai__tab::after{content:"";position:absolute;left:var(--cp-s3);right:var(--cp-s3);bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--cp-accent);transform:scaleX(0);transition:transform var(--cp-dur-base) var(--cp-ease)}
.cp-ai__tab:hover{color:var(--cp-text)}
.cp-ai__tab[aria-selected="true"]{color:var(--cp-accent-text);font-weight:600}
.cp-ai__tab[aria-selected="true"]::after{transform:scaleX(1)}
.cp-ai__tab:focus-visible{outline:2px solid var(--cp-accent);outline-offset:-2px;border-radius:var(--cp-r-sm)}

/* Формы режимов */
.cp-ai__form{display:flex;flex-direction:column;gap:var(--cp-s4);margin:0}
.cp-ai__form[hidden],.cp-ai__panel[hidden]{display:none}
.cp-ai__field{display:flex;flex-direction:column;gap:var(--cp-s1);min-width:0;margin:0;font-weight:400}
.cp-ai__field[hidden]{display:none}
.cp-ai__field--grow{flex:1 1 auto}
.cp-ai__label{font-size:var(--cp-fs-sm);font-weight:500;line-height:1.3;color:var(--cp-muted)}
.cp-ai__label b{color:var(--cp-error);font-weight:600}
.cp-ai__input,.cp-ai__select,.cp-ai__textarea{display:block;width:100%;min-height:var(--cp-ai-field-h);height:auto;margin:0;padding:0 var(--cp-s4);border:1px solid var(--cp-line-strong);border-radius:var(--cp-r-sm);background-color:var(--cp-surface);color:var(--cp-text);font:400 var(--cp-fs-base)/1.4 var(--cp-font-text);box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color var(--cp-dur-fast) var(--cp-ease),box-shadow var(--cp-dur-fast) var(--cp-ease)}
.cp-ai__textarea{min-height:var(--cp-ai-textarea);padding-block:var(--cp-s3);line-height:1.5;resize:vertical}
.cp-ai__input::placeholder,.cp-ai__textarea::placeholder{color:var(--cp-faint);opacity:1}
.cp-ai__input:hover,.cp-ai__select:hover,.cp-ai__textarea:hover{border-color:var(--cp-muted)}
.cp-ai__input:focus,.cp-ai__select:focus,.cp-ai__textarea:focus{outline:0;border-color:var(--cp-accent);box-shadow:0 0 0 var(--cp-ai-ring) var(--cp-accent-soft)}
.cp-ai__select{padding-right:calc(var(--cp-s4) * 3);background-image:none}
.cp-ai__field--select,.cp-ai__field:has(> .cp-ai__select){position:relative}
.cp-ai__field:has(> .cp-ai__select)::after{content:"";position:absolute;right:var(--cp-s4);bottom:calc(var(--cp-ai-field-h) / 2 - var(--cp-s2));width:var(--cp-s4);height:var(--cp-s4);background:var(--cp-muted);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat}
/* Сегмент (сделка, способ связи): радио без собственного вида, цели ≥ 44 px */
.cp-ai__seg{display:flex;gap:2px;padding:var(--cp-ai-seg-pad);border-radius:var(--cp-r-sm);background:var(--cp-surface-2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.cp-ai__seg > label{position:relative;flex:1 1 0;min-width:0;margin:0}
.cp-ai__seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cp-ai__seg span{display:grid;place-items:center;min-width:var(--cp-tap);min-height:calc(var(--cp-tap) - var(--cp-ai-seg-pad));padding:0 var(--cp-s3);border-radius:var(--cp-r-sm);font-size:var(--cp-fs-sm);font-weight:500;color:var(--cp-muted);white-space:nowrap;transition:background-color var(--cp-dur-fast) var(--cp-ease),color var(--cp-dur-fast) var(--cp-ease)}
.cp-ai__seg input:checked + span{background:var(--cp-surface);color:var(--cp-text);box-shadow:var(--cp-shadow-1)}
.cp-ai__seg input:focus-visible + span{outline:2px solid var(--cp-accent);outline-offset:1px}
.cp-ai__row{display:grid;gap:var(--cp-s3);grid-template-columns:minmax(0,1fr)}
.cp-ai__row--submit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cp-s3) var(--cp-s4)}
.cp-ai__row--submit .cp-btn{flex:none}
.cp-ai__hint{margin:0;font-size:var(--cp-fs-xs);line-height:1.4;color:var(--cp-muted);max-width:52ch}
.cp-ai__more{display:inline-flex;align-items:center;gap:var(--cp-s2);min-height:var(--cp-tap);font-size:var(--cp-fs-sm);font-weight:600;color:var(--cp-accent-text);text-decoration:none}
.cp-ai__more::after{content:"\2192";font-family:var(--cp-font-head);transition:transform var(--cp-dur-fast) var(--cp-ease)}
.cp-ai__more:hover{text-decoration:none}
.cp-ai__more:hover::after{transform:translateX(3px)}
.cp-ai__chips{gap:var(--cp-s2)}
.cp-ai__chips .cp-chip{white-space:normal;text-align:left;min-height:var(--cp-ai-chip-h);padding-block:6px}
@media (min-width:600px){
  .cp-ai__row--2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
  .cp-ai__row--2 > .cp-ai__field--code{max-width:var(--cp-ai-code-w)}
  .cp-ai__row--2:has(.cp-ai__field--code){grid-template-columns:minmax(0,var(--cp-ai-code-w)) minmax(0,1fr)}
}

/* Лента ответов */
.cp-ai__log{display:flex;flex-direction:column;gap:var(--cp-s3);min-height:0;margin:0;padding:0;outline:0}
.cp-ai__log:empty{display:none}
.cp-ai--panel .cp-ai__log:not(:empty){padding:var(--cp-s4);border:1px solid var(--cp-line);border-radius:var(--cp-r-lg);background:var(--cp-bg);min-height:var(--cp-ai-log-min)}
.cp-ai__msg{position:relative;max-width:100%;padding:var(--cp-s3) var(--cp-s4);border-radius:var(--cp-ai-msg-r);font-size:var(--cp-fs-base);line-height:1.5;scroll-margin-top:calc(var(--cp-header-h) + var(--cp-s3));animation:cp-ai-msg var(--cp-dur-base) var(--cp-ease) both;outline:0}
.cp-ai__msg:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}
.cp-ai__msg--user{align-self:flex-end;max-width:var(--cp-ai-msg-max);background:var(--cp-accent);color:var(--cp-on-accent);border-bottom-right-radius:4px}
.cp-ai__msg--user p{color:inherit}
.cp-ai__msg--bot{align-self:stretch;background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--cp-line);border-bottom-left-radius:4px}
.cp-ai__msg--error{align-self:stretch;background:var(--cp-warm-soft);color:var(--cp-text);border:1px solid color-mix(in srgb,var(--cp-error) 35%,transparent);border-bottom-left-radius:4px}
.cp-ai__msg p{margin:0 0 .5em;color:inherit}
.cp-ai__msg p:last-child{margin-bottom:0}
.cp-ai__msg a:not(.cp-chip):not(.cp-btn){color:var(--cp-accent-text);text-decoration:underline;text-underline-offset:.15em}
.cp-ai__summary{font-weight:500}
.cp-ai__typing{align-self:flex-start;display:inline-flex;gap:4px;padding:var(--cp-s3) var(--cp-s4);background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-ai-msg-r)}
.cp-ai__typing i{width:var(--cp-ai-dot);height:var(--cp-ai-dot);border-radius:50%;background:var(--cp-faint);animation:cp-ai-blink .9s var(--cp-ease) infinite}
.cp-ai__typing i:nth-child(2){animation-delay:.15s}
.cp-ai__typing i:nth-child(3){animation-delay:.3s}
/* Распознанные условия */
.cp-ai__filters{display:flex;flex-wrap:wrap;gap:var(--cp-s1) var(--cp-s2);margin:var(--cp-s2) 0 0}
.cp-ai__filter{display:inline-flex;align-items:center;min-height:var(--cp-ai-filter-h);padding:0 var(--cp-s3);border-radius:var(--cp-r-pill);background:var(--cp-accent-soft);color:var(--cp-accent-text);font-size:var(--cp-fs-xs);font-weight:600;line-height:1.2}
.cp-ai__filter--feature{background:var(--cp-surface-2);color:var(--cp-text)}
/* Карточки объектов (разметка cp-card с сервера, сетка .cp-grid) */
.cp-ai__results{margin-top:var(--cp-s4)}
.cp-ai__results .cp-grid{gap:var(--cp-s3)}
.cp-ai__results .cp-empty-note{display:none}
.cp-ai__results--one .cp-grid{max-width:var(--cp-ai-card-w)}
@media (min-width:768px){.cp-ai__results .cp-grid{gap:var(--cp-s4)}}
/* Действия и уточнения */
.cp-ai__actions,.cp-ai__suggest{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cp-s2);margin-top:var(--cp-s3)}
.cp-ai__actions .cp-chip,.cp-ai__suggest .cp-chip{min-height:var(--cp-ai-chip-h);font-size:var(--cp-fs-sm);white-space:normal;text-align:left}
.cp-ai__suggest-label{font-size:var(--cp-fs-sm);color:var(--cp-muted)}
.cp-ai__engine{margin:var(--cp-s3) 0 0;font-size:var(--cp-fs-xs);line-height:1.4;color:var(--cp-faint)}
/* Ориентир цены */
.cp-ai__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cp-s3);margin-top:var(--cp-s3)}
.cp-ai__stat{padding:var(--cp-s3) var(--cp-s4);border:1px solid var(--cp-line);border-radius:var(--cp-r-md);background:var(--cp-bg)}
.cp-ai__stat b{display:block;font-family:var(--cp-font-head);font-size:var(--cp-fs-h3);font-weight:600;line-height:1.1;color:var(--cp-accent-text);font-variant-numeric:tabular-nums}
.cp-ai__stat span{display:block;margin-top:var(--cp-s1);font-size:var(--cp-fs-xs);line-height:1.35;color:var(--cp-muted)}
@media (min-width:768px){.cp-ai__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Черновики инструментов */
.cp-ai__out{margin-top:var(--cp-s2);min-height:calc(var(--cp-ai-textarea) * 2);font-size:var(--cp-fs-sm)}
/* Передача менеджеру */
.cp-ai__handoff{display:flex;flex-direction:column;gap:var(--cp-s3);margin-top:var(--cp-s3)}
.cp-ai__handoff .cp-ai__seg{align-self:flex-start}
.cp-ai__field-error{margin:0;font-size:var(--cp-fs-sm);color:var(--cp-error)}
.cp-ai__field-error[hidden]{display:none}
.cp-ai__consent{margin:0;font-size:var(--cp-fs-xs);line-height:1.4;color:var(--cp-muted)}
.cp-ai__consent a{color:var(--cp-accent-text)}
/* Примечания */
.cp-ai__note{margin:0;padding-top:var(--cp-s3);border-top:1px solid var(--cp-line);font-size:var(--cp-fs-xs);line-height:1.45;color:var(--cp-muted)}
.cp-ai__note b{color:var(--cp-text)}
.cp-ai__locked{margin:0;padding:var(--cp-s4);border:1px dashed var(--cp-line-strong);border-radius:var(--cp-r-md);color:var(--cp-muted);font-size:var(--cp-fs-sm)}
/* Кнопка-спиннер без home.css (резерв на случай, если файл не подключён) */
.cp-ai .cp-btn.is-loading{color:transparent;pointer-events:none}

/* ---------- 3. Компактный подбор на главной (.cp-ai--home в ночной секции) ---------- */
.cp-ai--home{gap:var(--cp-s4)}
.cp-home-ai .cp-home-ai__fallback[hidden]{display:none}
.cp-section--night .cp-ai__label,.cp-section--night .cp-ai__hint,.cp-section--night .cp-ai__note{color:var(--cp-on-night-muted)}
.cp-section--night .cp-ai__note{border-top-color:var(--cp-night-line)}
.cp-section--night .cp-ai__note b{color:var(--cp-on-night)}
.cp-section--night .cp-ai__more{color:var(--cp-on-night)}
.cp-section--night .cp-ai__textarea,.cp-section--night .cp-ai__input{background-color:color-mix(in srgb,var(--cp-on-night) 8%,transparent);border-color:color-mix(in srgb,var(--cp-on-night) 30%,transparent);color:var(--cp-on-night)}
.cp-section--night .cp-ai__textarea::placeholder,.cp-section--night .cp-ai__input::placeholder{color:var(--cp-on-night-muted)}
.cp-section--night .cp-ai__textarea:hover,.cp-section--night .cp-ai__input:hover{border-color:color-mix(in srgb,var(--cp-on-night) 55%,transparent)}
.cp-section--night .cp-ai__textarea:focus,.cp-section--night .cp-ai__input:focus{border-color:var(--cp-gold);box-shadow:0 0 0 var(--cp-ai-ring) color-mix(in srgb,var(--cp-gold) 30%,transparent)}
.cp-section--night .cp-ai__msg--bot,.cp-section--night .cp-ai__msg--error,.cp-section--night .cp-ai__typing{color:var(--cp-text)}
.cp-section--night .cp-ai__msg--bot p,.cp-section--night .cp-ai__msg--error p{color:var(--cp-text)}
.cp-section--night .cp-ai__msg--bot .cp-ai__hint,.cp-section--night .cp-ai__msg--bot .cp-ai__suggest-label,.cp-section--night .cp-ai__msg--bot .cp-ai__consent{color:var(--cp-muted)}
.cp-section--night .cp-ai__msg--bot .cp-ai__engine{color:var(--cp-faint)}
.cp-section--night .cp-ai__msg--bot .cp-ai__label{color:var(--cp-muted)}
.cp-section--night .cp-ai__msg--bot .cp-ai__input{background-color:var(--cp-surface);border-color:var(--cp-line-strong);color:var(--cp-text)}
.cp-section--night .cp-ai__msg--bot .cp-ai__input::placeholder{color:var(--cp-faint)}
.cp-section--night .cp-ai__msg--bot .cp-ai__input:focus{border-color:var(--cp-accent);box-shadow:0 0 0 var(--cp-ai-ring) var(--cp-accent-soft)}
/* ≥ (0,5,1): иначе sections.css «.cp-section--night :is(p,…) a:not(.cp-btn):not(.cp-chip)» (0,4,1) красит ссылку согласия в белый на белом пузыре */
.cp-section--night .cp-ai .cp-ai__msg--bot a:not(.cp-chip):not(.cp-btn){color:var(--cp-accent-text)}
.cp-section--night .cp-ai__msg--user{background:var(--cp-gold);color:var(--cp-night)}
/* Побеждают «.cp-section--night p» (0,1,1) и «.cp-section--night .cp-ai__msg--bot p» (0,2,1) из-за порядка загрузки */
.cp-section--night .cp-ai .cp-ai__msg--user p{color:inherit}
.cp-section--night .cp-ai .cp-ai__field-error{color:var(--cp-error)}

/* ---------- 4. Карточки возможностей (.cp-ai-feature) и блок для сотрудников ---------- */
.cp-ai-feature{display:flex;flex-direction:column;gap:var(--cp-s2);height:100%;padding:var(--cp-s5);border:1px solid var(--cp-line);border-radius:var(--cp-r-md);background:var(--cp-surface)}
.cp-ai-feature__ico{display:grid;place-items:center;width:var(--cp-ai-ico-box);height:var(--cp-ai-ico-box);border-radius:var(--cp-r-md);background:var(--cp-accent-soft);color:var(--cp-accent-text)}
.cp-ai-feature__ico svg{width:var(--cp-ai-ico);height:var(--cp-ai-ico);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cp-ai-feature h3{margin:0;font-family:var(--cp-font-text);font-size:var(--cp-fs-h4);font-weight:600;line-height:1.3;color:var(--cp-text)}
.cp-ai-feature p{margin:0;font-size:var(--cp-fs-sm);line-height:1.5;color:var(--cp-muted)}
.cp-ai-feature .cp-btn,.cp-ai-feature .cp-chip{margin-top:auto;align-self:flex-start}
.cp-ai-feature__status{font-size:var(--cp-fs-xs);color:var(--cp-faint)}
.cp-section--night .cp-ai-feature{background:color-mix(in srgb,var(--cp-on-night) 5%,transparent);border-color:var(--cp-night-line);color:var(--cp-on-night)}
.cp-section--night .cp-ai-feature h3{color:var(--cp-on-night)}
.cp-section--night .cp-ai-feature p{color:var(--cp-on-night-muted)}
.cp-section--night .cp-ai-feature__ico{background:color-mix(in srgb,var(--cp-on-night) 8%,transparent);color:var(--cp-gold)}
.cp-section--night .cp-ai-feature__status{color:var(--cp-on-night-muted)}
.cp-ai-page-staff .cp-badge{vertical-align:middle;margin-left:var(--cp-s2)}
.cp-ai-page-staff .cp-ai--tools{margin-top:var(--cp-s5);padding:var(--cp-s4);border:1px solid var(--cp-night-line);border-radius:var(--cp-r-lg);background:color-mix(in srgb,var(--cp-on-night) 5%,transparent)}
.cp-ai-page-staff .cp-ai--tools .cp-ai__select,.cp-ai-page-staff .cp-ai--tools .cp-ai__input,.cp-ai-page-staff .cp-ai--tools .cp-ai__textarea{background-color:var(--cp-surface);border-color:var(--cp-line-strong);color:var(--cp-text)}
.cp-ai-page-staff .cp-ai--tools .cp-ai__input::placeholder,.cp-ai-page-staff .cp-ai--tools .cp-ai__textarea::placeholder{color:var(--cp-faint)}
.cp-ai-page-staff .cp-ai__locked{margin-top:var(--cp-s5);border-color:var(--cp-night-line);color:var(--cp-on-night-muted)}
.cp-ai-page__note{margin:0 0 var(--cp-s3);padding:var(--cp-s4);border:1px solid var(--cp-line);border-radius:var(--cp-r-md);background:var(--cp-surface);font-size:var(--cp-fs-sm);line-height:1.5;color:var(--cp-muted)}
.cp-ai-page__note b{color:var(--cp-text)}
.cp-ai-page__note:last-child{margin-bottom:0}

/* ---------- 5. Движение ---------- */
@keyframes cp-ai-msg{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cp-ai-blink{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}

/* ---------- 6. Без движения по просьбе системы ---------- */
@media (prefers-reduced-motion:reduce){
  .cp-ai__msg{animation:none}
  .cp-ai__typing i{animation:none;opacity:.6}
  .cp-ai__tab,.cp-ai__tab::after,.cp-ai__input,.cp-ai__select,.cp-ai__textarea,.cp-ai__seg span,.cp-ai__more::after{transition:none}
  .cp-ai__more:hover::after{transform:none}
}