/* AxioraX New: the floating AxioCHAT button, in the WhatsApp manner and the AxioraX colours (js/axfab.js).
   It sits at the bottom right (bottom left in Arabic) of every dashboard page; one tap opens a new chat in the
   full AxioCHAT page. Everything here is scoped to .axfab and .axf-room, so no approved screen changes. */

/* the button: a green disc, a thin white gap and the gold ring, the chat logo in white */
.axfab{position:absolute;z-index:40;inset-inline-end:18px;bottom:calc(var(--sab) + 22px + var(--axf-lift,0px));
  width:62px;height:62px;border-radius:50%;padding:2.5px;border:2.5px solid transparent;
  background:linear-gradient(150deg,#1F7049 0%,#135333 58%,#0E4429 100%) content-box,linear-gradient(#fff,#fff) padding-box,
    linear-gradient(140deg,#F3D978 0%,#E4BE3F 38%,#B8962A 72%,#E9CB5A 100%) border-box;
  box-shadow:0 10px 26px rgba(19,83,51,.34),0 3px 8px rgba(12,12,12,.12);
  display:grid;place-items:center;transition:transform .2s var(--ease),opacity .22s,visibility .22s,bottom .25s var(--ease)}
.axfab:active{transform:scale(.93)}
.axfab.off,.axfab.kb{opacity:0;visibility:hidden;transform:scale(.6);pointer-events:none}
.axfab > i{position:absolute;inset:0;display:grid;place-items:center}
.axfab .axf-lg{transform:translate(.4px,-.3px)}
/* the soft green pulse around it, like the WhatsApp button's */
.axfab::before,.axfab::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(19,83,51,.42);opacity:0;pointer-events:none;animation:axfPulse 2.8s cubic-bezier(.2,.6,.3,1) infinite}
.axfab::after{animation-delay:1.4s}
@keyframes axfPulse{0%{opacity:.75;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){.axfab::before,.axfab::after{animation:none}}

/* pages where it shows end with a little more room, so the last row is never under the button */
.view.axf-room > .scroll:not(.has-dock){padding-bottom:calc(var(--sab) + 104px)}