/* One edge tab for Inbox, Helpdesk and CRM, in both environments. */
.callindo-360-return:not(.callindo-360-dock > .callindo-360-return) { display: none !important; }
.callindo-360-dock {
  position: fixed !important;
  top: auto !important;
  right: 0 !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  z-index: 10000;
  display: flex;
  align-items: stretch;
  max-width: calc(100vw - 8px);
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.2);
  border-right: 0;
  border-radius: 14px 0 0 14px;
  background: #151b2d;
  box-shadow: 0 4px 16px rgba(15,23,42,.2);
  transform: translateX(calc(100% - 44px));
  transition: transform 180ms ease;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  isolation: isolate;
}
.callindo-360-dock[data-open="true"] { transform: translateX(0); }
.callindo-360-toggle {
  appearance: none;
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 13px 0 0 13px;
  color: #fff;
  background: #d44444;
  font: 800 12px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.callindo-360-dock > .callindo-360-return {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px !important;
  max-width: 260px;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #151b2d !important;
  color: #fff !important;
  font: 650 13px/1.4 Inter, ui-sans-serif, system-ui, sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
  transform: none !important;
}
.callindo-360-dock > .callindo-360-return::before,
.callindo-360-dock > .callindo-360-return::after { display: none !important; content: none !important; }
.callindo-360-dock > .callindo-360-return:hover { background: #252d49 !important; }
.callindo-360-toggle:focus-visible,
.callindo-360-dock > .callindo-360-return:focus-visible { outline: 3px solid #ffbe00 !important; outline-offset: -4px; }
@media (prefers-reduced-motion: reduce) { .callindo-360-dock { transition: none; } }
/* Keep the sandbox environment marker visible below the tab. */
body:has(.callindo-environment-banner) .callindo-360-dock {
  bottom: max(56px, calc(env(safe-area-inset-bottom) + 40px)) !important;
}