/* UDI support chat widget */
:root{
  --udi-blue:#154881;
  --udi-blue-d:#0f3a6b;
  --udi-ink:#1b1b1b;
  --udi-line:#e3e7ee;
  --udi-muted:#6b7280;
}
#udi-chat,#udi-chat *{box-sizing:border-box}
#udi-chat{position:fixed;right:22px;bottom:22px;z-index:2147483000;
  font-family:"Source Sans Pro",-apple-system,Segoe UI,Roboto,Arial,sans-serif}

/* launcher */
#udi-chat .udc-fab{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;
  background:var(--udi-blue);color:#fff;box-shadow:0 8px 24px rgba(21,72,129,.35);
  display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
#udi-chat .udc-fab:hover{background:var(--udi-blue-d);transform:translateY(-2px)}
#udi-chat .udc-fab .material-symbols-outlined{font-size:28px}
#udi-chat .udc-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;
  padding:0 5px;border-radius:10px;background:#c8373c;color:#fff;font-size:12px;font-weight:800;
  display:none;align-items:center;justify-content:center;border:2px solid #fff;z-index:2}
#udi-chat .udc-badge.on{display:flex;animation:udc-badge-pop .35s ease, udc-badge-pulse 1.6s ease-in-out .35s infinite}
/* привлекаем внимание: бейдж пульсирует, у кнопки — расходящееся кольцо */
#udi-chat .udc-fab.has-unread{animation:udc-fab-attn 1.6s ease-in-out infinite}
#udi-chat .udc-fab.has-unread::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:2px solid #c8373c;opacity:0;animation:udc-ring 1.6s ease-out infinite}
@keyframes udc-badge-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes udc-badge-pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,55,60,.55)}50%{box-shadow:0 0 0 7px rgba(200,55,60,0)}}
@keyframes udc-fab-attn{0%,100%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}}
@keyframes udc-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.45);opacity:0}}

/* проактивный пузырь-приглашение у кнопки */
#udi-chat .udc-teaser{position:absolute;right:0;bottom:72px;width:248px;background:#fff;color:var(--udi-ink);
  border:1px solid var(--udi-line);border-radius:14px;border-bottom-right-radius:4px;
  padding:13px 30px 13px 14px;font-size:14px;line-height:1.4;cursor:pointer;
  box-shadow:0 12px 32px rgba(15,30,60,.22);display:none;transform-origin:bottom right}
#udi-chat .udc-teaser.on{display:block;animation:udc-teaser-in .3s ease}
@keyframes udc-teaser-in{from{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:none}}
#udi-chat .udc-teaser .udc-teaser-x{position:absolute;top:5px;right:7px;border:0;background:transparent;
  color:var(--udi-muted);font-size:18px;line-height:1;cursor:pointer;padding:2px}
#udi-chat .udc-teaser .udc-teaser-x:hover{color:var(--udi-ink)}

/* panel */
#udi-chat .udc-panel{position:absolute;right:0;bottom:74px;width:360px;max-width:calc(100vw - 32px);
  height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 20px 60px rgba(15,30,60,.28);display:none;flex-direction:column;
  border:1px solid var(--udi-line)}
#udi-chat.open .udc-panel{display:flex;animation:udc-in .18s ease}
@keyframes udc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

#udi-chat .udc-head{background:var(--udi-blue);color:#fff;padding:14px 16px;display:flex;
  align-items:center;gap:11px}
#udi-chat .udc-head .udc-ava{width:38px;height:38px;border-radius:50%;background:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#udi-chat .udc-head .udc-ava img{width:24px;height:auto}
#udi-chat .udc-head .udc-ttl{font-weight:700;font-size:15px;line-height:1.1}
#udi-chat .udc-head .udc-sub{font-size:12px;opacity:.85;margin-top:2px}
#udi-chat .udc-head .udc-x{margin-left:auto;background:transparent;border:0;color:#fff;cursor:pointer;
  opacity:.85;display:flex}
#udi-chat .udc-head .udc-x:hover{opacity:1}

#udi-chat .udc-body{flex:1;overflow-y:auto;padding:16px;background:#f4f6fa;
  display:flex;flex-direction:column;gap:9px}
#udi-chat .udc-day{align-self:center;font-size:11px;color:var(--udi-muted);background:#fff;
  border:1px solid var(--udi-line);border-radius:10px;padding:2px 10px;margin:4px 0}
#udi-chat .udc-msg{max-width:80%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.4;
  word-wrap:break-word;white-space:pre-wrap}
#udi-chat .udc-msg .udc-meta{font-size:10px;opacity:.6;margin-top:3px;text-align:right}
#udi-chat .udc-msg.visitor{align-self:flex-end;background:var(--udi-blue);color:#fff;
  border-bottom-right-radius:4px}
#udi-chat .udc-msg.staff{align-self:flex-start;background:#fff;color:var(--udi-ink);
  border:1px solid var(--udi-line);border-bottom-left-radius:4px}
#udi-chat .udc-empty{margin:auto;text-align:center;color:var(--udi-muted);font-size:13px;padding:20px}
#udi-chat .udc-empty .material-symbols-outlined{font-size:40px;color:#c3cad6;display:block;margin-bottom:8px}

/* lead form */
#udi-chat .udc-lead{padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff;
  border-top:1px solid var(--udi-line)}
#udi-chat .udc-lead.hide{display:none}
#udi-chat .udc-lead input{width:100%;padding:9px 11px;border:1px solid var(--udi-line);border-radius:8px;
  font-size:14px;outline:none}
#udi-chat .udc-lead input:focus{border-color:var(--udi-blue)}

/* composer */
#udi-chat .udc-foot{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--udi-line);
  background:#fff}
#udi-chat .udc-foot textarea{flex:1;resize:none;border:1px solid var(--udi-line);border-radius:10px;
  padding:9px 12px;font-size:14px;max-height:120px;outline:none;font-family:inherit}
#udi-chat .udc-foot textarea:focus{border-color:var(--udi-blue)}
#udi-chat .udc-send{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:50%;cursor:pointer;
  background:var(--udi-blue);color:#fff;display:flex;align-items:center;justify-content:center}
#udi-chat .udc-send:hover{background:var(--udi-blue-d)}
#udi-chat .udc-send:disabled{opacity:.45;cursor:default}

/* --- мобильный: чат на весь экран (как нативный мессенджер) --- */
@media (max-width:560px){
  #udi-chat.open .udc-panel{
    position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;
    border-radius:0;border:0;animation:udc-slide .22s ease}
  @keyframes udc-slide{from{transform:translateY(100%)}to{transform:none}}
  #udi-chat .udc-head{padding-top:calc(14px + env(safe-area-inset-top,0))}
  #udi-chat .udc-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0))}
  #udi-chat .udc-lead input,#udi-chat .udc-foot textarea{font-size:16px}  /* без авто-зума */
  #udi-chat.open .udc-fab{display:none}        /* кнопку прячем, есть крестик */
  html.udc-open,html.udc-open body{overflow:hidden}  /* фон не скроллится */
}

/* cabinet notifications bell (rendered in header) */
.udi-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border:0;background:transparent;cursor:pointer;color:#154881}
.udi-bell .material-symbols-outlined{font-size:26px}
.udi-bell .udi-bell-dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;
  border-radius:9px;background:#c8373c;color:#fff;font-size:11px;font-weight:800;display:none;
  align-items:center;justify-content:center;border:2px solid #fff;z-index:2}
.udi-bell .udi-bell-dot.on{display:flex;animation:udc-badge-pop .35s ease, udc-badge-pulse 1.6s ease-in-out .35s infinite}
.udi-bell.has-unread .material-symbols-outlined{animation:udi-bell-swing 1.6s ease-in-out infinite;transform-origin:50% 4px}
@keyframes udi-bell-swing{0%,60%,100%{transform:rotate(0)}68%{transform:rotate(12deg)}76%{transform:rotate(-10deg)}84%{transform:rotate(7deg)}92%{transform:rotate(-4deg)}}
.udi-noti-pop{position:absolute;right:0;top:48px;width:340px;max-width:92vw;background:#fff;
  border:1px solid #e3e7ee;border-radius:12px;box-shadow:0 18px 50px rgba(15,30,60,.22);
  z-index:2147482000;display:none;overflow:hidden;
  font-family:"Source Sans Pro",-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.udi-noti-pop.open{display:block}
.udi-noti-pop h4{margin:0;padding:14px 16px;font-size:15px;border-bottom:1px solid #eef1f6;color:#154881}
.udi-noti-list{max-height:360px;overflow-y:auto}
.udi-noti-item{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid #f1f3f8}
.udi-noti-item:last-child{border-bottom:0}
.udi-noti-item .material-symbols-outlined{font-size:20px;color:#154881;flex:0 0 auto;margin-top:1px}
.udi-noti-item .ntx{font-size:14px;color:#1b1b1b;line-height:1.35}
.udi-noti-item .ntm{font-size:12px;color:#6b7280;margin-top:2px}
.udi-noti-empty{padding:26px 16px;text-align:center;color:#6b7280;font-size:14px}