.omdata-floating-agent { position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 9990; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 50%; background: var(--agent-color, #256f78); color: #fff; box-shadow: 0 4px 18px #142d3b33; text-decoration: none; }
.omdata-floating-agent > i { font-size: 25px; line-height: 1; color: #fff; }
.omdata-floating-agent > i::before { color: #fff; }
.omdata-floating-agent:is(:focus, :active, :visited) { color: #fff; }
.omdata-floating-agent:hover { color: #fff; filter: brightness(1.08); }
.omdata-floating-agent:focus-visible { outline: 3px solid #142d3b; outline-offset: 4px; }
.omdata-floating-agent .omdata-agent-image { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.omdata-agent-tooltip { position: absolute; right: 68px; top: 50%; transform: translateY(-50%); width: max-content; max-width: 220px; padding: 9px 13px; border-radius: 4px; background: #142d3b; color: #fff; font: 500 14px/1.5 system-ui, sans-serif; letter-spacing: 0; opacity: 0; visibility: hidden; pointer-events: none; }
.omdata-floating-agent:is(:hover, :focus-visible) .omdata-agent-tooltip { opacity: 1; visibility: visible; }
body.omdata-agent-enabled #dt_uptop { right: 28px; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 640px) {
    .omdata-floating-agent { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 54px; height: 54px; }
    body.omdata-agent-enabled #dt_uptop { right: 19px; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
}