/* [DTC-1036] Scoped Help Center chat presentation. */
#plaud-decagon-mobile-launcher[hidden], #plaud-decagon-mobile-welcome[hidden] { display: none !important; }
      #plaud-decagon-mobile-launcher {
        display: flex; align-items: center; justify-content: center; position: fixed;
        right: 10px;
        bottom: 90px;
        /* [DTC-1765] Old Shulex launcher size: 64px desktop, 48px mobile. */
        width: 64px; height: 64px; min-width: 0; min-height: 0; padding: 0; margin: 0;
        border: 0; border-radius: 32px; background: #fff; color: #000;
        box-shadow: 0 3px 10px rgb(0 0 0 / 12%); box-sizing: border-box; cursor: pointer; z-index: 99999999;
      }
      /* [DTC-1765] The Decagon-hosted icon is a full circle, so it fills the launcher. */
      #plaud-decagon-mobile-launcher img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
      #plaud-decagon-mobile-launcher:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
      #plaud-decagon-mobile-welcome {
        /* [DTC-1686] Width follows the text: shrink-wrap between min and max, never wider than the viewport minus the right offset (JS sets --plaud-decagon-welcome-right). */
        display: block; position: fixed; width: max-content; min-width: 120px;
        max-width: min(300px, calc(100vw - var(--plaud-decagon-welcome-right, 10px))); box-sizing: border-box;
        border-radius: 10px; background: #e9eaec; color: #41464b; z-index: 99999999;
      }
      #plaud-decagon-mobile-welcome-text {
        display: block; width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 12px 15px;
        border: 0; border-radius: inherit; background: transparent; color: inherit; font-family: inherit;
        font-size: 14px; font-weight: 400; line-height: 20px; text-align: start; text-transform: none;
        letter-spacing: normal; white-space: pre-wrap; overflow-wrap: anywhere; box-sizing: border-box; cursor: pointer;
      }
      #plaud-decagon-mobile-welcome-close {
        display: flex; align-items: center; justify-content: center; position: absolute; top: -12px;
        right: max(-12px, calc(2px - 10px));
        width: 24px; height: 24px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 1px solid #eee;
        border-radius: 50%; background: #fff; color: #687078; font-size: 20px; line-height: 1; cursor: pointer;
        box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
      }
      #decagon-iframe:not(.plaud-decagon-expanded), #decagon-iframe.plaud-decagon-collapsed { visibility: hidden !important; pointer-events: none !important; }
      @media (max-width: 767px) {
        #plaud-decagon-mobile-launcher {
          right: 10px;
          bottom: 90px;
          width: 48px; height: 48px; border-radius: 24px;
        }
        #plaud-decagon-mobile-welcome { min-width: 100px; max-width: min(200px, calc(100vw - var(--plaud-decagon-welcome-right, 10px))); }
        #plaud-decagon-mobile-welcome-text { font-size: 12px; line-height: 18px; }
        #plaud-decagon-mobile-welcome-close { right: max(-12px, calc(2px - 10px)); }
        #decagon-iframe.plaud-decagon-expanded { right: 0 !important; bottom: 0 !important; left: auto !important; }
      }
      /* [DTC-1686] Launcher breathing: pale-white halo expanding from the launcher (transform + opacity only). The halo is gated by the decagon_launcher_breathing setting via .plaud-decagon-breathing; hover zoom always applies. */
      #plaud-decagon-mobile-launcher.plaud-decagon-breathing::before {
        content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 50%; pointer-events: none;
        background: rgb(255 255 255 / 92%); box-shadow: 0 0 0 1px rgb(0 0 0 / 7%), 0 2px 6px rgb(0 0 0 / 8%);
        opacity: 0; transform: scale(1); will-change: transform, opacity;
        animation: plaud-decagon-breathe 2.5s ease-out infinite;
      }
      @keyframes plaud-decagon-breathe {
        0% { transform: scale(1); opacity: .9; }
        70% { transform: scale(1.55); opacity: 0; }
        100% { transform: scale(1.55); opacity: 0; }
      }
      @media (hover: hover) and (pointer: fine) {
        #plaud-decagon-mobile-launcher { transition: transform .2s ease; }
        #plaud-decagon-mobile-launcher:hover { transform: scale(1.08); }
        #plaud-decagon-mobile-launcher.plaud-decagon-breathing:hover::before { animation: none; opacity: 0; }
      }
      @media (prefers-reduced-motion: reduce) {
        #plaud-decagon-mobile-launcher { transition: none; }
        #plaud-decagon-mobile-launcher.plaud-decagon-breathing::before { animation: none; opacity: 0; }
      }