/* Pensions Advice UK assistant — floating launcher + slide-up panel (host page side).
   Palette: navy #112b62, purple #714ace. Nothing here depends on the theme. */

.pauka-fab{position:fixed;right:22px;bottom:22px;z-index:2147483000;height:56px;padding:0 20px 0 12px;border:none;border-radius:30px;cursor:pointer;
  background:linear-gradient(135deg,#1a3a7a 0%,#112b62 60%,#0c1f47 100%);
  box-shadow:0 12px 30px rgba(17,43,98,.38),0 2px 6px rgba(17,43,98,.22);
  display:inline-flex;align-items:center;gap:10px;color:#fff;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,width .2s ease,padding .2s ease,border-radius .2s ease;
  animation:paukafab-in .5s cubic-bezier(.34,1.56,.64,1) both}
.pauka-fab:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(17,43,98,.46)}
.pauka-fab:active{transform:translateY(0) scale(.98)}
.pauka-fab:focus-visible{outline:3px solid rgba(113,74,206,.8);outline-offset:3px}
.pauka-fab .pauka-ico{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:#fff;color:#714ace;
  display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 3px rgba(17,43,98,.2)}
.pauka-fab .pauka-ico svg{display:block}
.pauka-fab .pauka-label{font:700 15px/1 "Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap;letter-spacing:.01em}
.pauka-fab .pauka-x{display:none;font:700 26px/1 -apple-system,Arial,sans-serif;color:#fff}
.pauka-fab.pauka-open{width:56px;height:56px;padding:0;border-radius:50%;justify-content:center;animation:none}
.pauka-fab.pauka-open .pauka-ico,.pauka-fab.pauka-open .pauka-label,.pauka-fab.pauka-open .pauka-badge{display:none}
.pauka-fab.pauka-open .pauka-x{display:block}
@keyframes paukafab-in{0%{opacity:0;transform:translateY(14px) scale(.92)}100%{opacity:1;transform:none}}

/* TEST pill — only while Mode is Test */
.pauka-badge{position:absolute;top:-9px;right:14px;background:#d98d0a;color:#fff;white-space:nowrap;
  font:800 8.5px/1 -apple-system,Arial,sans-serif;padding:3px 7px;border-radius:20px;letter-spacing:.07em;box-shadow:0 3px 9px rgba(217,141,10,.45)}

/* Slide-up panel — the iframe is created on first open */
.pauka-panel{position:fixed;right:22px;bottom:90px;z-index:2147483001;width:420px;max-width:calc(100vw - 32px);
  height:720px;max-height:calc(100vh - 120px);display:none;border-radius:20px;overflow:hidden;background:#fff;
  box-shadow:0 24px 60px rgba(17,43,98,.32)}
.pauka-panel.pauka-open{display:block;animation:paukapop .24s cubic-bezier(.34,1.4,.64,1)}
@keyframes paukapop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.pauka-panel iframe{width:100%;height:100%;border:0;display:block}

@media(prefers-reduced-motion:reduce){
  .pauka-fab,.pauka-panel.pauka-open{animation:none!important}
  .pauka-fab{transition:opacity .2s ease!important}
}
@media(max-width:480px){
  .pauka-fab{right:16px;bottom:16px}
  .pauka-panel{right:0;left:0;bottom:0;width:100vw;max-width:100vw;height:88vh;border-radius:18px 18px 0 0}
}

/* ---- 0.3.0: phones ---- */
.pauka-panel{overscroll-behavior:contain}
@media(max-width:720px){
  .pauka-panel{left:0;right:0;top:0;bottom:auto;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;box-shadow:none}
  .pauka-panel.pauka-open{animation:none}
  .pauka-fab.pauka-open{display:none}                 /* the sheet has its own close button */
  html.pauka-lock,html.pauka-lock body{overflow:hidden}
  html.pauka-lock body{position:fixed;left:0;right:0;width:100%}
}
/* Where the site's bottom bar carries the Chat button, the floating button is not shown as well. */
@media(max-width:1039px){ .pauka-fab.pauka-docked{display:none} }