.ai-support.ai-support--local {
  --assistant-surface: var(--card);
  --assistant-ink: var(--foreground);
  --assistant-muted: var(--muted-foreground);
  --assistant-line: var(--border);
  --assistant-accent: var(--atelier-gold);
  left: auto;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  justify-items: end;
  max-width: calc(100vw - 48px);
}
[data-theme="dark"] .ai-support.ai-support--local {
  --assistant-surface: var(--card);
  --assistant-ink: var(--foreground);
  --assistant-muted: var(--muted-foreground);
  --assistant-line: var(--border);
  --assistant-accent: var(--primary);
}
.ai-support--local .ai-support__panel {
  display: flex;
  flex-direction: column;
  width: min(420px, calc(100vw - 48px));
  height: min(690px, calc(100dvh - 122px));
  max-height: calc(100svh - 122px);
  border: 1px solid var(--assistant-line);
  border-radius: 22px;
  color: var(--assistant-ink);
  background: var(--assistant-surface);
  box-shadow: 0 24px 90px #211c182b, 0 0 0 5px #b7954d0a;
  backdrop-filter: none;
  overflow: hidden;
}
.ai-support--local [hidden] { display: none !important; }
.ai-support--local .ai-support__panel-head {
  flex: 0 0 auto;
  padding: 16px;
  border-color: var(--assistant-line);
  background: linear-gradient(110deg, #bc964714, transparent);
  color: var(--assistant-ink);
}
.ai-support--local .ai-support__agent { gap: 10px; }
.ai-support--local .ai-support__agent strong { display: block; font-size: 16px; color: var(--assistant-ink); }
.ai-support--local .ai-support__agent small { display: block; margin-top: 3px; color: var(--assistant-accent); font-size: 11px; }
.ai-support--local .ai-support__panel-close {
  width: 40px;
  height: 40px;
  font-size: 25px;
  color: var(--assistant-ink);
  background: transparent;
  border-color: var(--assistant-line);
}
.ai-support--local .ai-support__modes { flex: 0 0 auto; padding: 0 16px; border-color: var(--assistant-line); background: transparent; }
.ai-support--local .ai-support__modes button.is-active { color: var(--assistant-accent); background: transparent; box-shadow: none; }
.ai-support--local .ai-support__mode-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #af945b transparent;
}
.ai-support--local .ai-support__local-note {
  flex: 0 0 auto;
  margin: 0;
  padding: 10px 16px;
  color: var(--assistant-muted);
  background: #b7954d0a;
  font-size: 11px;
  line-height: 1.8;
}
.ai-support--local .ai-support__thread {
  flex: 1 1 150px;
  min-height: 0;
  max-height: none;
  padding: 16px 12px;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: #af945b transparent;
  overscroll-behavior: contain;
}
.ai-support--local .ai-support__bubble { font-size: 14px; line-height: 1.9; min-width: 0; overflow-wrap: anywhere; }
.ai-support--local .ai-support__bubble--bot { color: var(--assistant-ink); background: #b7954d0a; border-color: var(--assistant-line); }
.ai-support--local .ai-support__bubble--user { color: #292114; background: #ead7ab; }
.ai-support--local .ai-support__quick { flex: 0 0 auto; padding: 8px 16px; gap: 7px; }
.ai-support--local .ai-support__quick-btn {
  min-height: 36px;
  padding: 7px 10px;
  font-size: 11px;
  color: var(--assistant-accent);
  background: transparent;
  border-color: var(--assistant-line);
}
.ai-support--local .ai-support__sources { list-style: none; margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid var(--assistant-line); display: grid; gap: 8px; }
.ai-support--local .ai-support__sources a { color: var(--assistant-accent); text-decoration: underline; text-underline-offset: 4px; font-size: 12px; }
.ai-support--local .ai-support__local-status { margin: 0; padding: 4px 16px; font-size: 12px; color: var(--assistant-accent); }
.ai-support--local .ai-support__retry { margin: 0 16px 8px; min-height: 36px; border: 1px solid var(--assistant-line); border-radius: 10px; color: var(--assistant-accent); background: transparent; font-size: 12px; }
.ai-support--local .ai-support__live-cta { flex: 0 0 auto; min-height: 52px; margin: 5px 16px 10px; color: var(--assistant-ink); border-color: var(--assistant-line); background: transparent; }
.ai-support--local .ai-support__live-cta-copy strong,
.ai-support--local .ai-support__live-cta-copy small { color: var(--assistant-muted); }
.ai-support--local .ai-support__live-cta-status { display: none; }
.ai-support--local .ai-support__composer { flex: 0 0 auto; padding: 10px 14px; background: transparent; border-color: var(--assistant-line); }
.ai-support--local .ai-support__input { min-height: 44px; min-width: 0; font-size: 16px; color: var(--assistant-ink); background: transparent; border-color: var(--assistant-line); }
.ai-support--local .ai-support__input::placeholder { color: var(--assistant-muted); }
.ai-support--local .ai-support__send { width: 44px; height: 44px; color: #fffdf9; background: #86672d; }
.ai-support--local .ai-support__privacy { flex: 0 0 auto; margin: 0; padding: 0 16px 12px; font-size: 10px; line-height: 1.9; color: var(--assistant-muted); }
.ai-support--local .ai-support__channels { padding: 8px 16px 16px; flex: 0 1 auto; min-height: 0; max-height: 120px; overflow-y: auto; background: transparent; border-color: var(--assistant-line); }
.ai-support--local .ai-support__channel { min-width: 0; color: var(--assistant-ink); border-color: var(--assistant-line); background: transparent; }
.ai-support--local .ai-support__toggle {
  width: 62px;
  height: 62px;
  border: 1px solid #b69652;
  color: #edd7a1;
  background: radial-gradient(circle at 30% 22%, #67532f, #252017 70%);
  box-shadow: 0 9px 26px #3327192e, 0 0 0 5px #b7954d12;
}
.ai-support--local .ai-support__icon { width: 34px; height: 34px; }
.ai-support--local .ai-support__badge { min-width: 22px; height: 22px; font-size: 9px; border-color: #fff8e8; background: #e9d5a4; color: #362a15; }
.ai-support--local .ai-support__pulse { display: none; }
.ai-support--local .ai-support__orb-stage { position: relative; flex: 0 0 96px; height: 96px; display: grid; place-items: center; margin-top: 2px; overflow: hidden; background: radial-gradient(ellipse at center, #b7954d0d, transparent 65%); }
.ai-support--local .ai-support__orb-stage canvas { width: 126px; height: 126px; margin-block: -15px; }
.ai-support--local .ai-support__orb-fallback { position: absolute; width: 65px; height: 65px; border-radius: 50%; border: 1px dotted var(--assistant-accent); box-shadow: inset -9px -9px 22px #b7954d30, 0 0 20px #b7954d12; }
.ai-support--local .ai-support__orb-stage.is-ready .ai-support__orb-fallback { display: none; }
.ai-support--local .ai-support__toggle .ai-support__icon svg { transform-origin: center; animation: assistant-orbit 16s linear infinite; }
.ai-support--local .ai-support__toggle[aria-expanded="true"] .ai-support__icon svg { animation-play-state: paused; }
@keyframes assistant-orbit { to { transform: rotate(360deg); } }
.ai-support.ai-support--human { left: max(18px, env(safe-area-inset-left)); right: auto; bottom: max(22px, env(safe-area-inset-bottom)); justify-items: start; }
.ai-support--human .ai-support__panel { display: flex; flex-direction: column; }
.ai-support--human .ai-support__agent small { display: block; font-size: 10px; opacity: .75; margin-top: 3px; }
.ai-support--human .ai-support__mode-panel { min-height: 0; }
.ai-support--human .ai-support__panel[hidden] { display: none !important; }
.ai-support--local .ai-support__live-intro { color: var(--assistant-ink); background: transparent; }
.ai-support--local .ai-support__live-intro > strong,
.ai-support--local .ai-support__live-intro label span { color: var(--assistant-ink); }
.ai-support--local .ai-support__live-intro > p { color: var(--assistant-muted); }
.ai-support--local .ai-support__live-intro input,
.ai-support--local .ai-support__live-intro textarea { color: var(--assistant-ink); background: transparent; border-color: var(--assistant-line); font-size: 16px; }
.ai-support--local .ai-support__live-toolbar button,
.ai-support--local .ai-support__live-state { color: var(--assistant-ink); }
.ai-support--local button:focus-visible,
.ai-support--local a:focus-visible,
.ai-support--local input:focus-visible { outline: 2px solid var(--assistant-accent); outline-offset: 3px; }
.ai-support--local button:disabled { opacity: .5; cursor: wait; }
@media (max-width: 600px) {
  .ai-support.ai-support--local { left: auto; right: max(12px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); max-width: calc(100vw - 24px); }
  .ai-support--local .ai-support__panel { width: min(420px, calc(100vw - 24px)); height: min(660px, calc(100dvh - 106px)); max-height: calc(100dvh - 106px); border-radius: 18px; }
  .ai-support--local .ai-support__toggle { width: 54px; height: 54px; }
  .ai-support--local .ai-support__panel-head { padding: 10px 12px; }
  .ai-support.ai-support--human { left: max(12px, env(safe-area-inset-left)); right: auto; bottom: max(14px, env(safe-area-inset-bottom)); }
  .ai-support--local .ai-support__orb-stage { flex-basis: 72px; height: 72px; }
  .ai-support--local .ai-support__orb-stage canvas { width: 106px; height: 106px; }
}
@media (max-height: 600px) {
  .ai-support--local .ai-support__local-note,
  .ai-support--local .ai-support__privacy,
  .ai-support--local .ai-support__quick,
  .ai-support--local .ai-support__orb-stage { display: none; }
  .ai-support--local .ai-support__live-cta { min-height: 40px; margin-block: 4px; }
  .ai-support--local .ai-support__composer { padding-block: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-support--local *, .ai-support--local *::before, .ai-support--local *::after { animation: none !important; transition: none !important; }
}