.support-hub {
  --sh-ink: #f8fafc;
  --sh-muted: #9aa9c7;
  --sh-panel: rgba(10, 15, 38, .97);
  --sh-border: rgba(148, 163, 184, .18);
  --sh-accent: #8b5cf6;
  --sh-secondary: #0891b2;
  --sh-panel-solid: #0a0f26;
  --sh-cyan: #22d3ee;
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10020;
  font-family: Inter, "Noto Sans Georgian", system-ui, sans-serif;
}
.support-hub--bottom_left { right:auto; left:24px; }
.support-hub--bottom_left .support-hub__panel { right:auto; left:0; }
.support-hub * { box-sizing: border-box; }
.support-hub .visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.support-hub__launcher {
  min-width: 204px;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 15px 9px 10px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sh-accent), var(--sh-secondary));
  color: #fff;
  box-shadow: 0 18px 55px rgba(5, 8, 26, .45), 0 0 32px rgba(34,211,238,.15);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.support-hub__launcher:hover { transform: translateY(-3px); box-shadow: 0 22px 62px rgba(5,8,26,.54), 0 0 38px rgba(139,92,246,.25); }
.support-hub__launcher-icon { width: 40px; height: 40px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.16); font-size:21px; }
.support-hub__launcher-icon img, .support-hub__brand > span img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.support-hub__launcher-copy { display:flex; flex-direction:column; align-items:flex-start; line-height:1.25; }
.support-hub__launcher-copy strong { font-size:14px; }
.support-hub__launcher-copy small { color:rgba(255,255,255,.72); font-size:11px; margin-top:2px; }
.support-hub__presence { width:8px; height:8px; margin-left:auto; border-radius:50%; background:#34d399; box-shadow:0 0 0 4px rgba(52,211,153,.15); }
.support-hub__presence.is-offline { background:#f59e0b; box-shadow:0 0 0 4px rgba(245,158,11,.15); }
.support-hub__panel {
  position: absolute;
  right: 0;
  bottom: 72px;
  width: min(390px, calc(100vw - 32px));
  height: min(650px, calc(100vh - 116px));
  min-height: 480px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--sh-border);
  border-radius:24px;
  color:var(--sh-ink);
  background:radial-gradient(circle at 85% -10%, color-mix(in srgb, var(--sh-secondary) 28%, transparent), transparent 32%), radial-gradient(circle at 5% 15%, color-mix(in srgb, var(--sh-accent) 30%, transparent), transparent 30%), var(--sh-panel-solid, var(--sh-panel));
  box-shadow:0 28px 90px rgba(2,6,23,.62);
  backdrop-filter:blur(22px);
  animation:supportHubIn .22s ease-out;
}
.support-hub__panel[hidden] { display:none; }
@keyframes supportHubIn { from { opacity:0; transform:translateY(12px) scale(.98); } to { opacity:1; transform:none; } }
.support-hub__header { display:flex; align-items:center; justify-content:space-between; padding:18px 18px 14px; border-bottom:1px solid var(--sh-border); }
.support-hub__brand { display:flex; align-items:center; gap:10px; }
.support-hub__brand > span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(145deg,rgba(139,92,246,.35),rgba(34,211,238,.22)); }
.support-hub__brand div { display:flex; flex-direction:column; }
.support-hub__brand strong { font-size:14px; }
.support-hub__brand small { margin-top:3px; color:var(--sh-muted); font-size:11px; }
.support-hub__close { border:0; background:rgba(255,255,255,.07); color:#cbd5e1; width:32px; height:32px; border-radius:10px; font-size:22px; cursor:pointer; }
.support-hub__tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:10px 12px; border-bottom:1px solid var(--sh-border); }
.support-hub__tabs.has-single-tab { grid-template-columns:1fr; }
.support-hub__tabs button { min-height:38px; border:0; border-radius:11px; color:var(--sh-muted); background:transparent; font-weight:700; font-size:12px; cursor:pointer; }
.support-hub__tabs button.is-active { color:#fff; background:linear-gradient(135deg,rgba(139,92,246,.26),rgba(34,211,238,.14)); box-shadow:inset 0 0 0 1px rgba(139,92,246,.28); }
.support-hub__online { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#34d399; }
.support-hub__online.is-offline { background:#f59e0b; }
.support-hub__view { min-height:0; flex:1; display:none; flex-direction:column; }
.support-hub__view.is-active { display:flex; }
.support-hub__intro { display:flex; gap:10px; margin:14px 14px 4px; padding:12px; border:1px solid rgba(139,92,246,.18); border-radius:15px; background:rgba(139,92,246,.08); }
.support-hub__intro-icon { font-size:20px; }
.support-hub__intro strong { font-size:12px; }
.support-hub__intro p { margin:4px 0 0; color:var(--sh-muted); font-size:11px; line-height:1.45; }
.support-hub__operator-status { display:flex; gap:10px; align-items:center; margin:14px 14px 2px; padding:10px 12px; border-radius:14px; background:rgba(52,211,153,.08); border:1px solid rgba(52,211,153,.16); }
.support-hub__operator-status > span { width:9px; height:9px; border-radius:50%; background:#34d399; box-shadow:0 0 12px #34d399; }
.support-hub__operator-status.is-offline { background:rgba(245,158,11,.08); border-color:rgba(245,158,11,.18); }
.support-hub__operator-status.is-offline > span { background:#f59e0b; box-shadow:0 0 12px rgba(245,158,11,.8); }
.support-hub__operator-status div { display:flex; flex-direction:column; }
.support-hub__operator-status strong { font-size:12px; }
.support-hub__operator-status small { color:var(--sh-muted); font-size:10px; margin-top:2px; }
.support-hub__messages { min-height:0; flex:1; overflow:auto; padding:12px 14px; scrollbar-width:thin; scrollbar-color:rgba(139,92,246,.4) transparent; }
.support-hub__message { display:flex; flex-direction:column; align-items:flex-start; margin:9px 0; }
.support-hub__message.is-user { align-items:flex-end; }
.support-hub__bubble { max-width:86%; padding:10px 12px; border-radius:14px 14px 14px 4px; background:rgba(255,255,255,.08); color:#e8eefc; font-size:12px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.support-hub__message.is-user .support-hub__bubble { border-radius:14px 14px 4px 14px; background:linear-gradient(135deg,var(--sh-accent),var(--sh-secondary)); color:#fff; }
.support-hub__message.is-error .support-hub__bubble { background:rgba(239,68,68,.12); color:#fecaca; border:1px solid rgba(239,68,68,.2); }
.support-hub__meta { margin-top:4px; color:#71819e; font-size:9px; }
.support-hub__empty { color:var(--sh-muted); text-align:center; font-size:12px; padding:30px 18px; line-height:1.55; }
.support-hub__empty a { color:#67e8f9; font-weight:700; }
.support-hub__workspace { margin:0 14px 7px; color:#a5f3fc; font-size:11px; font-weight:700; text-decoration:none; }
.support-hub__composer { display:flex; gap:8px; align-items:flex-end; padding:10px 12px 12px; border-top:1px solid var(--sh-border); }
.support-hub__composer textarea { flex:1; max-height:94px; resize:none; border:1px solid rgba(148,163,184,.2); border-radius:14px; padding:11px 12px; background:rgba(3,7,18,.52); color:#f8fafc; font:inherit; font-size:12px; outline:none; }
.support-hub__composer textarea:focus { border-color:rgba(34,211,238,.55); box-shadow:0 0 0 3px rgba(34,211,238,.08); }
.support-hub__composer textarea::placeholder { color:#71819e; }
.support-hub__composer button { width:40px; height:40px; border:0; border-radius:12px; background:linear-gradient(135deg,var(--sh-accent),var(--sh-secondary)); color:#fff; font-size:15px; cursor:pointer; }
.support-hub__composer button:disabled { opacity:.5; cursor:wait; }
.support-hub__footer { padding:8px 12px 10px; color:#66748d; text-align:center; font-size:9px; }
body.theme-light .support-hub, html.client-theme-light .support-hub { --sh-ink:#111827; --sh-muted:#64748b; --sh-panel:rgba(255,255,255,.98); --sh-border:rgba(15,23,42,.12); }
body.theme-light .support-hub__bubble, html.client-theme-light .support-hub__bubble { color:#1e293b; background:#eef2ff; }
body.theme-light .support-hub__composer textarea, html.client-theme-light .support-hub__composer textarea { color:#111827; background:#fff; }
@media (max-width: 640px) {
  .support-hub { right:14px; bottom:14px; }
  .support-hub--bottom_left { right:auto; left:14px; }
  .support-hub__launcher { min-width:56px; width:56px; height:56px; padding:8px; justify-content:center; }
  .support-hub__launcher-copy, .support-hub__presence { display:none; }
  .support-hub__panel { position:fixed; inset:12px; width:auto; height:auto; min-height:0; border-radius:20px; }
}
@media (prefers-reduced-motion: reduce) { .support-hub__panel { animation:none; } .support-hub__launcher { transition:none; } }
.support-hub :where(button, a[href], textarea):focus-visible { outline:3px solid #f1d35d; outline-offset:3px; }