/* «Chatta med oss» (assets/support-chat.js): the app's consent gate, then CX Genie's chat in a frame. Loaded only by the pages
   that carry the button (support, kontakt). It borrows the cookie sheet's parts from seeusoon.css (.consent-title, .consent-text,
   .consent-link, .consent-btn, .consent-x and its two animations); logical properties throughout, so /ar/ mirrors on its own. */
.support-chat[hidden], .support-chat [hidden] { display: none !important; }
.support-chat {
  position: fixed; inset: 0; z-index: 310;
  display: flex; align-items: flex-end; justify-content: center;
  padding: var(--s-2) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom, 0px));
  background: rgba(5, 5, 16, .62);
  animation: consent-fade .2s ease-out both;
}
:root.support-chat-open { overflow: hidden; }
.support-chat-sheet {
  width: 100%; max-width: 560px; padding: var(--s-4);
  max-height: calc(100vh - var(--s-6)); max-height: calc(100dvh - var(--s-6)); overflow-y: auto; overscroll-behavior: contain;
  display: grid; gap: var(--s-3); align-content: start;
  background: var(--ink-2); color: var(--text);
  border: 1px solid var(--line); border-radius: calc(var(--r) + 4px);
  box-shadow: 0 1px 0 var(--line-soft) inset, 0 24px 60px -20px rgba(0, 0, 0, .7);
  animation: consent-in .32s cubic-bezier(.2, .8, .2, 1) both;
}
.support-chat-sheet.is-chat { max-width: 640px; }
.support-chat-head { display: flex; align-items: flex-start; gap: var(--s-2); }
.support-chat-titles { flex: 1; min-width: 0; display: grid; gap: 2px; }
.support-chat-notice { font-size: var(--t-1); line-height: 1.4; color: var(--text-mute); }
.support-chat-head .consent-x:not(:last-child) { margin-inline-end: 0; }
.support-chat-gate { display: grid; gap: var(--s-2); }
.support-chat-lead, .support-chat-warn { color: var(--text); }
.support-chat-lead { font-weight: 600; }
.support-chat-actions { display: grid; gap: var(--s-2); padding-top: var(--s-1); }
.support-chat-actions .btn-ghost { background: transparent; color: var(--text); border: 1.5px solid var(--text-mute); }
.support-chat-actions .btn-ghost:hover { border-color: var(--purple); }
.support-chat-frame { display: block; width: 100%; height: 70vh; height: 70dvh; min-height: 360px; border: 0; border-radius: var(--r); background: #FFFFFF; }
.support-chat-withdraw { justify-self: start; }
@media (min-width: 720px) {
  .support-chat { align-items: center; padding: var(--s-4); }
  .support-chat-sheet { padding: var(--s-5); }
  .support-chat-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) { .support-chat, .support-chat-sheet { animation: none; } }
:root[data-motion="off"] .support-chat, :root[data-motion="off"] .support-chat-sheet { animation: none; }