/* ================================================================
   ЧАТ САЙТА (IT-194) - своё окошко вместо Chaport.
   Макет и состояния: mockups/chat-saita/ (maket.html, ux.md).
   Всё под #chs-root и с явным цветом текста: слой поля красит
   p/span/li/button (та же ловушка, что у окна программ).
   z-index: кнопка и заметка 90 (шапка 50, cookie 95), окошко 110,
   окно программ 120 - выше всех; пока оно открыто, чат спрятан.
   ================================================================ */
#chs-root{
  --chs-floor:#0F1114; --chs-top:#15171B; --chs-glass:rgba(18,20,23,.92); --chs-line:rgba(244,241,234,.1);
  --chs-ring:rgba(231,168,92,.42); --chs-guest:#2B2219; --chs-guest-line:rgba(231,168,92,.26); --chs-team:#1B1E22;
  --chs-field:#0B0C0E; --chs-press:#C87C2C; --chs-on-amber:#1a1206; --chs-focus:0 0 0 3px #0B0C0E,0 0 0 5px #E7A85C;
  --chs-hi:#F4F1EA; --chs-mid:#D8D3CA; --chs-lo:#A7A29A; --chs-a5:#DB8A34; --chs-a3:#E7A85C; --chs-warn:#C9743E;
  --chs-e:cubic-bezier(.22,.61,.36,1);
  font-family:'Raleway',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;
  transition:opacity 200ms linear}
#chs-root *,#chs-root *::before,#chs-root *::after{box-sizing:border-box}
#chs-root button,#chs-root input,#chs-root textarea{font-family:inherit}
#chs-root p,#chs-root span,#chs-root b,#chs-root small,#chs-root label{line-height:inherit!important}
html body.pgm-open #chs-root{opacity:0;visibility:hidden;pointer-events:none}
html body.chs-sheet div.ck{display:none!important}
/* до 900 px открытая карточка и cookie-баннер не помещаются рядом - баннер ждёт, пока чат закроют */
@media (max-width:900px){html body.chs-on div.ck{display:none!important}}
#chs-root [hidden]{display:none!important}
.chs-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}

/* Кнопка открытия: капсула «Написать нам», на телефоне круг 56 */
#chs-root .chs-open{position:fixed;right:24px;bottom:24px;z-index:90;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 16px;margin:0;
  border:1px solid var(--chs-ring);border-radius:999px;cursor:pointer;background:var(--chs-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--chs-hi)!important;font-size:16px;font-weight:500;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;
  box-shadow:0 16px 36px -16px rgba(0,0,0,.85),0 0 22px -6px rgba(219,138,52,.28);
  transition:background 200ms var(--chs-e),color 200ms var(--chs-e),border-color 200ms var(--chs-e),box-shadow 260ms var(--chs-e),transform 160ms var(--chs-e),opacity 200ms var(--chs-e)}
#chs-root .chs-open svg{flex:none;display:block;width:24px;height:24px;color:var(--chs-a3);transition:color 200ms var(--chs-e)}
#chs-root .chs-open:hover{background:var(--chs-a5);border-color:var(--chs-a3);color:var(--chs-on-amber)!important;box-shadow:0 16px 36px -16px rgba(0,0,0,.6),0 0 34px -4px rgba(219,138,52,.6)}
#chs-root .chs-open:hover svg,#chs-root .chs-open:active svg{color:var(--chs-on-amber)}
#chs-root .chs-open:active{background:var(--chs-press);border-color:var(--chs-press);color:var(--chs-on-amber)!important;transform:scale(.96)}
#chs-root .chs-open:focus-visible{outline:none;box-shadow:var(--chs-focus)}
#chs-root .chs-open--new{border-color:var(--chs-a5);box-shadow:0 16px 36px -16px rgba(0,0,0,.85),0 0 30px -4px rgba(219,138,52,.55)}
#chs-root .chs-dot{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;
  background:var(--chs-a5);color:var(--chs-on-amber)!important;font-size:12px;font-weight:600;line-height:1!important;font-variant-numeric:tabular-nums}
#chs-root .chs-open:hover .chs-dot,#chs-root .chs-open:active .chs-dot{background:var(--chs-on-amber);color:#F0E9D9!important}
#chs-root .chs-open.is-off,#chs-root .chs-note.is-off{opacity:0;pointer-events:none;transform:translateY(8px)}
#chs-root.is-m .chs-open{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;padding:0;gap:0;justify-content:center;border-radius:50%}
#chs-root.is-m .chs-open svg{width:26px;height:26px}
#chs-root.is-m .chs-open__l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#chs-root.is-m .chs-dot{position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #121417}

/* З1 · заметка «Команда ответила» */
#chs-root .chs-note{position:fixed;right:24px;bottom:88px;z-index:90;width:300px;border:1px solid rgba(231,168,92,.32);border-radius:14px;
  background:var(--chs-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 44px -20px rgba(0,0,0,.85);
  transition:border-color 200ms var(--chs-e),opacity 200ms var(--chs-e),transform 200ms var(--chs-e)}
#chs-root .chs-note:hover{border-color:var(--chs-a5)}
#chs-root .chs-note__open{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:64px;margin:0;
  padding:12px 48px 12px 12px;border:0;border-radius:inherit;background:transparent;text-align:left;cursor:pointer}
#chs-root .chs-note__open:focus-visible{outline:none;box-shadow:var(--chs-focus)}
#chs-root .chs-note__t{display:block;margin:0 0 2px;font-size:13px;font-weight:600;line-height:1.3!important;letter-spacing:.01em;color:var(--chs-a3)!important}
#chs-root .chs-note__p{display:block;max-height:calc(3 * 1.45em + 2px);overflow:hidden;font-size:14px;line-height:1.45!important;color:var(--chs-hi)!important;overflow-wrap:anywhere} /* до трёх строк: обрезает скрипт по словам тремя точками */
#chs-root .chs-note__x{position:absolute;top:0;right:0;width:48px;height:48px;padding:0;margin:0;border:0;border-radius:0 13px 0 12px;display:flex;align-items:center;
  justify-content:center;background:transparent;color:var(--chs-lo);cursor:pointer}
#chs-root .chs-note__x svg{display:block;width:16px;height:16px}
#chs-root .chs-note__x:hover{color:var(--chs-hi);background:rgba(244,241,234,.06)}
#chs-root .chs-note__x:focus-visible{outline:2px solid var(--chs-a3);outline-offset:-4px}
#chs-root.is-m .chs-note{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(260px,calc(100vw - 32px))}

/* Знак команды */
#chs-root .chs-av{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 50%,rgba(219,138,52,.36) 0%,rgba(219,138,52,0) 68%),#1B1E22;border:1px solid rgba(231,168,92,.3)}
#chs-root .chs-av img{display:block;width:auto;height:70%}
#chs-root .chs-av--s{width:22px;height:22px;border-color:rgba(231,168,92,.22)}
#chs-root .chs-av--m{width:28px;height:28px}
#chs-root .chs-av--l{width:56px;height:56px;box-shadow:0 0 36px -6px rgba(219,138,52,.5)}

/* Окошко: карточка 380, на телефоне лист на весь экран */
#chs-root .chs-win{position:fixed;right:24px;bottom:24px;z-index:110;width:380px;height:min(560px,calc(100vh - 140px));display:flex;flex-direction:column;
  overflow:hidden;color:var(--chs-hi);border:1px solid rgba(231,168,92,.2);border-radius:18px;background:var(--chs-floor);
  box-shadow:0 30px 70px -24px rgba(11,12,14,.75),0 0 80px -40px rgba(219,138,52,.45);transform-origin:100% 100%}
#chs-root.is-m .chs-win{top:0;left:0;right:0;bottom:auto;width:auto;height:100%;border:0;border-radius:0;box-shadow:none}
@media (prefers-reduced-motion:no-preference){
  #chs-root .chs-win.is-in{animation:chsIn 260ms var(--chs-e) both}
  #chs-root.is-m .chs-win.is-in{animation:chsUp 320ms var(--chs-e) both}
}
@keyframes chsIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes chsUp{from{transform:translateY(100%)}to{transform:none}}
#chs-root .chs-win:focus{outline:none}

#chs-root .chs-head{flex:none;display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 8px 12px 16px;border-bottom:1px solid var(--chs-line);
  background:radial-gradient(120% 160% at 0% 0%,rgba(219,138,52,.14) 0%,rgba(219,138,52,0) 58%),var(--chs-top)}
#chs-root .chs-head__txt{flex:1 1 auto;min-width:0}
#chs-root .chs-head__t{display:block;margin:0;font-size:17px;font-weight:600;line-height:1.25!important;color:var(--chs-hi)!important}
#chs-root .chs-head__s{display:block;margin:2px 0 0;font-size:13px;line-height:1.35!important;color:var(--chs-lo)!important}
#chs-root .chs-ib{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--chs-hi);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;
  transition:background 200ms var(--chs-e),color 200ms var(--chs-e),transform 160ms var(--chs-e)}
#chs-root .chs-ib svg{display:block;width:22px;height:22px}
#chs-root .chs-ib:hover{background:rgba(219,138,52,.14);color:var(--chs-a3)}
#chs-root .chs-ib:active{background:rgba(219,138,52,.24);color:var(--chs-a3);transform:scale(.94)}
#chs-root .chs-ib:focus-visible{outline:2px solid var(--chs-a3);outline-offset:-3px}
#chs-root .chs-ib--tel{display:none}
#chs-root.is-m .chs-ib--tel{display:inline-flex}

/* Е3 · нет связи - тонкая строка под шапкой */
#chs-root .chs-band{flex:none;display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(201,116,62,.14);border-bottom:1px solid rgba(201,116,62,.28);
  font-size:13px;line-height:1.4;color:var(--chs-mid)!important}
#chs-root .chs-band svg{flex:none;display:block;width:14px;height:14px;color:var(--chs-warn)}

/* Лента прижата к полю */
#chs-root .chs-feed{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;
  scrollbar-width:thin;scrollbar-color:rgba(231,168,92,.3) transparent}
#chs-root .chs-feed>:first-child{margin-top:auto}
#chs-root .chs-hello{padding:4px 2px 6px}
#chs-root .chs-hello .chs-av{margin:0 0 16px}
#chs-root .chs-hello__p{margin:0 0 10px;font-size:17px;line-height:1.5!important;color:var(--chs-hi)!important}
#chs-root .chs-hello__s{margin:0 0 4px;font-size:15px;line-height:1.5!important;color:var(--chs-lo)!important}

#chs-root .chs-msg{display:flex;flex-direction:column;max-width:84%;margin-top:4px}
#chs-root .chs-msg--me{align-self:flex-end;align-items:flex-end}
#chs-root .chs-msg--team{align-self:flex-start;align-items:flex-start;margin-top:10px}
#chs-root .chs-bub{margin:0;padding:10px 14px 11px;border-radius:18px;font-size:16px;line-height:1.5!important;color:var(--chs-hi)!important;overflow-wrap:anywhere;white-space:pre-wrap}
#chs-root .chs-msg--me .chs-bub{background:var(--chs-guest);border:1px solid var(--chs-guest-line);border-bottom-right-radius:6px}
#chs-root .chs-msg--team .chs-bub{background:var(--chs-team);border:1px solid rgba(244,241,234,.07);border-bottom-left-radius:6px}
#chs-root .chs-by{display:flex;align-items:center;gap:8px;margin:0 0 6px 2px;font-size:13px;font-weight:500;line-height:1.3!important;color:var(--chs-a3)!important}
#chs-root .chs-by__time{font-weight:400;color:var(--chs-lo)!important}
#chs-root .chs-st{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 8px;margin:5px 4px 0;font-size:13px;line-height:1.4!important;
  color:var(--chs-lo)!important;text-align:right}
#chs-root .chs-st svg{flex:none;display:block;width:14px;height:14px}
#chs-root .chs-st--warn,#chs-root .chs-st--warn span{color:var(--chs-warn)!important}
#chs-root .chs-msg--sending .chs-bub{position:relative;overflow:hidden;opacity:.78}
#chs-root .chs-msg--sending .chs-bub::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,rgba(231,168,92,.15),var(--chs-a3));transform-origin:left;animation:chsGo 2.4s var(--chs-e) forwards}
@keyframes chsGo{0%{transform:scaleX(0)}70%{transform:scaleX(.8)}100%{transform:scaleX(.96)}}
#chs-root .chs-msg--wait .chs-bub{border-style:dashed;border-color:rgba(201,116,62,.6)}
#chs-root .chs-msg--fail .chs-bub{border-color:rgba(201,116,62,.6)}
#chs-root .chs-fall{margin:8px 0 0;padding:10px 12px 10px 14px;border-left:2px solid var(--chs-warn);border-radius:0 10px 10px 0;background:rgba(201,116,62,.08);
  font-size:14px;line-height:1.55!important;color:var(--chs-mid)!important;text-align:left}
#chs-root .chs-fall b{font-weight:600;color:var(--chs-warn)!important}

#chs-root .chs-sys{position:relative;margin:10px 0 4px;padding:2px 0 2px 16px;font-size:14px;line-height:1.55!important;color:var(--chs-mid)!important}
#chs-root .chs-sys::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--chs-a5) 0%,rgba(219,138,52,.08) 100%)}
#chs-root .chs-sys__t{display:block;margin:0 0 2px;font-weight:600;color:var(--chs-hi)!important}
#chs-root .chs-line{margin:6px 0;font-size:14px;line-height:1.5!important;color:var(--chs-lo)!important}
#chs-root .chs-line--warn,#chs-root .chs-line--warn span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--chs-warn)!important}
#chs-root .chs-line--warn svg{flex:none;display:block;width:14px;height:14px}

#chs-root .chs-a{position:relative;color:var(--chs-a5)!important;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(219,138,52,.5);
  text-underline-offset:3px;transition:color 200ms var(--chs-e)}
#chs-root .chs-a:hover{color:var(--chs-a3)!important;text-decoration-color:var(--chs-a3)}
#chs-root .chs-a:focus-visible{outline:2px solid var(--chs-a3);outline-offset:2px;border-radius:3px}
#chs-root button.chs-a{margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer}
#chs-root button.chs-a::after{content:"";position:absolute;inset:-14px -8px}

/* Т0-Т3 · телефон */
#chs-root .chs-card{margin:10px 0 4px;padding:16px;border:1px solid var(--chs-line);border-radius:18px;background:rgba(244,241,234,.035)}
#chs-root .chs-card__t{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.35!important;color:var(--chs-hi)!important}
#chs-root .chs-card__p{margin:0 0 14px;font-size:14px;line-height:1.5!important;color:var(--chs-mid)!important}
#chs-root .chs-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
#chs-root .chs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:0 22px;border:1px solid transparent;
  border-radius:999px;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;
  transition:background 200ms var(--chs-e),border-color 200ms var(--chs-e),color 200ms var(--chs-e),transform 160ms var(--chs-e)}
#chs-root .chs-btn:focus-visible{outline:2px solid var(--chs-a3);outline-offset:3px}
#chs-root .chs-btn:active{transform:scale(.975)}
#chs-root .chs-btn--amber{background:var(--chs-a5);color:var(--chs-on-amber)!important}
#chs-root .chs-btn--amber:hover{background:var(--chs-a3)}
#chs-root .chs-btn--amber:active{background:var(--chs-press)}
#chs-root .chs-btn--line{background:transparent;border-color:rgba(244,241,234,.26);color:var(--chs-hi)!important}
#chs-root .chs-btn--line:hover{border-color:var(--chs-a5);color:var(--chs-a3)!important;background:rgba(219,138,52,.07)}
#chs-root .chs-btn[aria-busy=true]{opacity:.7;cursor:progress}
#chs-root .chs-tlink{display:inline-flex;align-items:center;min-height:48px;margin:0;padding:0 8px;border:0;background:none;color:var(--chs-lo)!important;font-size:15px;
  cursor:pointer;text-decoration:underline;text-decoration-color:rgba(167,162,154,.45);text-underline-offset:3px}
#chs-root .chs-tlink:hover{color:var(--chs-hi)!important}
#chs-root .chs-tlink:focus-visible{outline:2px solid var(--chs-a3);outline-offset:-2px;border-radius:8px}
#chs-root .chs-f{display:grid;gap:14px}
#chs-root .chs-lab{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.3!important;color:var(--chs-mid)!important}
#chs-root .chs-lab small{font-size:13px;font-weight:400;color:var(--chs-lo)!important}
#chs-root .chs-in{display:block;width:100%;min-height:48px;margin:0;padding:11px 14px;border:1px solid rgba(244,241,234,.18);border-radius:10px;background:var(--chs-field);
  color:var(--chs-hi)!important;font-size:16px;line-height:1.5;transition:border-color 200ms var(--chs-e),box-shadow 200ms var(--chs-e)}
#chs-root .chs-in::placeholder{color:var(--chs-lo);opacity:1}
#chs-root .chs-in:focus{outline:none;border-color:var(--chs-a3);box-shadow:0 0 0 3px rgba(231,168,92,.2)}
#chs-root .chs-in.is-err{border-color:var(--chs-warn);box-shadow:0 0 0 3px rgba(201,116,62,.16)}
#chs-root .chs-err{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:13px;line-height:1.45!important;color:var(--chs-warn)!important}
#chs-root .chs-err svg{flex:none;display:block;width:14px;height:14px;margin-top:2px}
#chs-root .chs-chk{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:4px 0;font-size:13px;line-height:1.5!important;
  color:var(--chs-mid)!important;cursor:pointer}
#chs-root .chs-chk input{position:absolute;opacity:0;width:24px;height:24px;margin:0}
#chs-root .chs-chk__box{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid rgba(244,241,234,.45);border-radius:6px;color:transparent;
  transition:background 200ms var(--chs-e),border-color 200ms var(--chs-e)}
#chs-root .chs-chk__box svg{display:block;width:16px;height:16px}
#chs-root .chs-chk:hover .chs-chk__box{border-color:var(--chs-a3)}
#chs-root .chs-chk input:checked+.chs-chk__box{background:var(--chs-a5);border-color:var(--chs-a5);color:var(--chs-on-amber)}
#chs-root .chs-chk input:focus-visible+.chs-chk__box{outline:2px solid var(--chs-a3);outline-offset:3px}
#chs-root .chs-chk.is-err .chs-chk__box{border-color:var(--chs-warn)}

/* Поле и отправка */
#chs-root .chs-meta{flex:none;padding:8px 16px 0;background:#121417;font-size:13px;line-height:1.4!important;color:var(--chs-lo)!important;text-align:right}
#chs-root .chs-meta--warn,#chs-root .chs-meta--warn span{display:flex;align-items:flex-start;gap:6px;color:var(--chs-warn)!important;text-align:left}
#chs-root .chs-meta--night{color:var(--chs-mid)!important;text-align:left}
#chs-root .chs-meta svg{flex:none;display:block;width:14px;height:14px;margin-top:2px}
#chs-root .chs-comp{position:relative;flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px)) 16px;
  background:#121417;border-top:1px solid var(--chs-line)}
#chs-root .chs-ta{flex:1 1 auto;display:block;min-width:0;min-height:48px;max-height:146px;margin:0;padding:11px 18px;border:1px solid rgba(244,241,234,.16);border-radius:24px;
  background:var(--chs-field);color:var(--chs-hi)!important;font-size:16px;line-height:1.5;resize:none;overflow-y:auto;
  transition:border-color 200ms var(--chs-e),box-shadow 200ms var(--chs-e)}
#chs-root .chs-ta::placeholder{color:var(--chs-lo);opacity:1}
#chs-root .chs-ta:focus{outline:none;border-color:var(--chs-a3);box-shadow:0 0 0 3px rgba(231,168,92,.18)}
#chs-root .chs-ta.is-over{border-color:var(--chs-warn);box-shadow:0 0 0 3px rgba(201,116,62,.16)}
#chs-root .chs-send{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:50%;
  background:var(--chs-a5);color:var(--chs-on-amber);cursor:pointer;transition:background 200ms var(--chs-e),transform 160ms var(--chs-e)}
#chs-root .chs-send svg{display:block;width:22px;height:22px}
#chs-root .chs-send:hover{background:var(--chs-a3)}
#chs-root .chs-send:active{background:var(--chs-press);transform:scale(.94)}
#chs-root .chs-send:focus-visible{outline:2px solid var(--chs-a3);outline-offset:3px}
#chs-root .chs-send:disabled{background:rgba(244,241,234,.08);color:rgba(244,241,234,.32);cursor:not-allowed;transform:none}
#chs-root .chs-new{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:40px;
  padding:0 16px 0 12px;margin:0;border:0;border-radius:999px;background:var(--chs-a5);color:var(--chs-on-amber)!important;font-size:14px;font-weight:600;cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.8)}
#chs-root .chs-new svg{display:block;width:18px;height:18px}
#chs-root .chs-new:hover{background:var(--chs-a3)}

@media (prefers-reduced-motion:reduce){
  #chs-root .chs-msg--sending .chs-bub::after{animation:none}
  #chs-root .chs-open,#chs-root .chs-note,#chs-root .chs-win{transition-duration:1ms}
}