/* The exterior keeps its original icon; the photo remains inside chat only. */
.support-floating{position:fixed;right:12px;bottom:26px;z-index:140;width:56px;max-height:none}
.support-dock{user-select:none;-webkit-user-select:none;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:none}
.support-launch-icon{display:block;object-fit:contain;background:transparent;border:0;border-radius:0;clip-path:none}
.support-dock .support-chat-launch .support-launch-icon{width:34px;height:34px}
.support-dock .support-drag-handle,.support-dock .support-collapse-button{width:44px;height:20px;min-height:20px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#8fa4bf}
.support-dock .support-drag-handle{height:17px;min-height:17px;cursor:grab;touch-action:none}
.support-dock .support-drag-handle svg{width:22px;height:12px;stroke-width:3.4}
.support-dock .support-collapse-button{margin-top:4px}
.support-dock .support-collapse-button svg{width:16px;height:16px}
.support-dock .support-drag-handle:hover,.support-dock .support-collapse-button:hover{background:#273b53;color:#e4efff}
.support-floating.is-dragging .support-drag-handle{cursor:grabbing}
.support-floating.is-dragging .support-dock{box-shadow:0 14px 34px #0713219c}
.support-restore-toggle{display:none;width:26px;height:66px;gap:4px;align-content:center;justify-items:center;padding:5px 0;border:1px solid #3a5069;border-right:0;border-radius:12px 0 0 12px;background:#172435;color:#b1c9e8;box-shadow:-4px 4px 16px #07132135;cursor:pointer}
.support-restore-toggle .support-launch-icon{width:22px;height:22px}
.support-restore-toggle svg{width:16px;height:16px}
.support-restore-toggle:hover{background:#22374d;color:#fff}
.support-floating.is-collapsed{width:26px}
.support-floating.is-collapsed .support-dock{display:none}
.support-floating.is-collapsed .support-restore-toggle{display:grid}
.support-floating[data-side="left"] .support-restore-toggle{border-right:1px solid #3a5069;border-left:0;border-radius:0 12px 12px 0}
.support-floating[data-side="left"] :is(.support-restore-chevron,.support-collapse-button svg){transform:rotate(180deg)}
.support-floating.is-collapsed .support-qr-card{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.support-floating .support-window{position:fixed;inset:auto;width:min(400px,calc(100vw - 20px));height:min(640px,calc(100dvh - 20px));max-height:calc(100dvh - 20px)}
.support-floating .support-qr-card{display:grid;position:fixed;inset:auto;width:196px}
.support-floating .support-qr-card::after{display:none}
.support-floating.is-qr-open .support-qr-card{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.support-dock button:focus-visible,.support-restore-toggle:focus-visible{outline:2px solid #8bb8ff;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.support-floating:not(.is-collapsed) .support-dock{animation:support-dock-reveal .16s ease-out}@keyframes support-dock-reveal{from{opacity:.35}to{opacity:1}}}

/* Decorative toolbar images are clickable through their button, never draggable files/links. */
.support-dock img,.support-restore-toggle img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}
/* Decorative breathing rings stay inside the floating tools, without blocking clicks. */
html[data-workbench-theme] #supportLaunch,
html[data-workbench-theme] #supportDockRestore {
  position: relative;
  isolation: isolate;
}
html[data-workbench-theme] #supportLaunch::before,
html[data-workbench-theme] #supportLaunch::after,
html[data-workbench-theme] #supportDockRestore::before,
html[data-workbench-theme] #supportDockRestore::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 2px solid #85dbff;
  border-radius: 50%;
  box-shadow: 0 0 6px #4ebaff99, inset 0 0 5px #4ebaff55;
  pointer-events: none;
  z-index: 0;
  opacity: .7;
  animation: support-ring-breathe 2.8s ease-out infinite;
}
html[data-workbench-theme] #supportLaunch::after,
html[data-workbench-theme] #supportDockRestore::after {
  animation-delay: -1.4s;
}
html[data-workbench-theme] #supportLaunch > .support-launch-icon,
html[data-workbench-theme] #supportDockRestore > .support-launch-icon,
html[data-workbench-theme] #supportLaunch > .support-unread {
  position: relative;
  z-index: 1;
}
html[data-workbench-theme] #supportLaunch > .support-unread { position: absolute; }
html[data-workbench-theme] #supportDockRestore::before,
html[data-workbench-theme] #supportDockRestore::after {
  inset: auto;
  width: 31px;
  height: 31px;
  top: 6px;
  left: -4px;
  box-sizing: border-box;
}
html[data-workbench-theme="light"] #supportLaunch::before,
html[data-workbench-theme="light"] #supportLaunch::after,
html[data-workbench-theme="light"] #supportDockRestore::before,
html[data-workbench-theme="light"] #supportDockRestore::after {
  border-color: #42a5ff;
  box-shadow: 0 0 5px #2580ef66, inset 0 0 4px #2580ef44;
}
@keyframes support-ring-breathe {
  0% { transform: scale(.68); opacity: .12; }
  40% { opacity: .85; }
  100% { transform: scale(1.08); opacity: .08; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-workbench-theme] #supportLaunch::before,
  html[data-workbench-theme] #supportDockRestore::before { animation: none; opacity: .6; }
  html[data-workbench-theme] #supportLaunch::after,
  html[data-workbench-theme] #supportDockRestore::after { animation: none; display: none; }
}
/* Reference-style support avatar: concentric breathing rings with a compact blue label. */
html[data-workbench-theme] #supportLaunch {
  width: 46px;
  height: 70px;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
  padding: 3px 0 0;
  overflow: visible;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #fff;
}
html[data-workbench-theme] #supportLaunch:hover { background: transparent; }
html[data-workbench-theme] #supportLaunch .support-launch-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  z-index: 2;
}
html[data-workbench-theme] #supportLaunch::before,
html[data-workbench-theme] #supportLaunch::after {
  inset: 1px auto auto;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  border-width: 2px;
}
html[data-workbench-theme] #supportLaunch::after { width: 50px; height: 50px; top: -3px; }
html[data-workbench-theme] #supportLaunch .support-online-label {
  position: relative;
  z-index: 3;
  display: block;
  min-width: 42px;
  margin-top: 1px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #176cf0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
  box-shadow: 0 3px 8px #0b4fc655;
}
html[data-workbench-theme] #supportLaunch .support-unread { top: -3px; right: -8px; z-index: 5; }
html[data-workbench-theme] #supportDockPanel { overflow: visible; }
html[data-workbench-theme] #supportDockPanel > * { flex-shrink: 0; }
html[data-workbench-theme] #supportDockPanel .support-drag-handle { flex-shrink: 0; }
@media (prefers-reduced-motion: reduce) {
  html[data-workbench-theme] #supportLaunch::before,
  html[data-workbench-theme] #supportLaunch::after { animation: none; opacity: .65; }
}