/* Чат-бот центра «Без барьеров» */

#ahc-btn {
  position: fixed; right: 16px; bottom: 16px; z-index: 62;
  width: 58px; height: 58px; border-radius: 50%; border: 0; cursor: pointer;
  background: hsl(var(--primary)); color: hsl(var(--primary-foreground));
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .45);
  display: flex; align-items: center; justify-content: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
#ahc-btn:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .5); }
#ahc-btn svg { width: 26px; height: 26px; }
#ahc-ping {
  position: absolute; top: -1px; right: -1px; width: 15px; height: 15px; border-radius: 50%;
  background: #e11d48; border: 2px solid hsl(var(--card)); animation: ahc-pulse 2s ease-in-out infinite;
}
@keyframes ahc-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.18); } }

#ahc {
  position: fixed; right: 16px; bottom: 86px; z-index: 63;
  width: min(360px, calc(100vw - 32px)); height: min(72vh, 540px);
  display: flex; flex-direction: column; overflow: hidden;
  border-radius: 16px; border: 1px solid hsl(var(--border));
  background: hsl(var(--card)); color: hsl(var(--foreground));
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .55);
  font: 400 14px/1.45 Roboto, system-ui, -apple-system, sans-serif;
}
#ahc[hidden] { display: none; }

#ahc-head {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
  background: hsl(var(--primary)); color: hsl(var(--primary-foreground));
}
#ahc-head .ahc-ava {
  width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto;
  background: rgba(255, 255, 255, .22); display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 15px;
}
#ahc-head b { font-size: 15px; display: block; }
#ahc-head small { font-size: 11px; opacity: .9; display: block; }
#ahc-x {
  margin-left: auto; background: transparent; border: 0; color: inherit;
  font-size: 22px; line-height: 1; cursor: pointer; opacity: .85; padding: 0 2px;
}
#ahc-x:hover { opacity: 1; }

#ahc-log { flex: 1; overflow: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.ahc-m { max-width: 88%; padding: 10px 12px; border-radius: 12px; white-space: pre-line; word-wrap: break-word; }
.ahc-bot { align-self: flex-start; background: hsl(var(--secondary)); color: hsl(var(--secondary-foreground)); border-bottom-left-radius: 4px; }
.ahc-me { align-self: flex-end; background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); border-bottom-right-radius: 4px; }
.ahc-m a { color: inherit; text-decoration: underline; }

#ahc-quick { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 10px; }
#ahc-quick button {
  padding: 7px 10px; border-radius: 999px; cursor: pointer;
  border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--foreground));
  font: 600 12px/1.1 inherit;
}
#ahc-quick button:hover { border-color: hsl(var(--primary)); color: hsl(var(--primary)); }

#ahc-form { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid hsl(var(--border)); }
#ahc-in {
  flex: 1; padding: 10px 12px; border-radius: 10px;
  border: 1px solid hsl(var(--border)); background: hsl(var(--background)); color: hsl(var(--foreground));
  font: 400 14px/1.3 inherit;
}
#ahc-in:focus { outline: 2px solid hsl(var(--ring)); outline-offset: 1px; }
#ahc-send {
  padding: 0 14px; border-radius: 10px; border: 0; cursor: pointer;
  background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); font: 700 14px/1 inherit;
}
#ahc-send:hover { opacity: .9; }

@media print { #ahc-btn, #ahc { display: none; } }