/**
 * Global UI scale: 20% smaller (80% size). Zoom on content wrappers only —
 * not html — so position:fixed (feedback FAB) stays pinned while scrolling.
 */
body.saas-page-app > .wrap,
body.saas-page-dashboard > .wrap {
  zoom: 0.8;
}

body.saas-page-login .auth-container {
  zoom: 0.8;
}

body.saas-page-home > .page {
  zoom: 0.8;
}

@supports not (zoom: 0.8) {
  body.saas-page-app > .wrap,
  body.saas-page-dashboard > .wrap,
  body.saas-page-login .auth-container,
  body.saas-page-home > .page {
    zoom: unset;
    transform: scale(0.8);
    transform-origin: top center;
  }
}

/* Room for fixed blue feedback button (bottom-left) */
body.saas-page-app,
body.saas-page-dashboard {
  padding-bottom: 72px;
}

/* Viewport-locked layer — never inside zoomed .wrap; FAB at bottom-left */
#saasFabPortal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  overflow: visible !important;
  zoom: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  padding: 0 0 max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)) !important;
}
#saasFabPortal #saasFeedbackFab {
  pointer-events: auto !important;
  position: relative !important;
}

/* Never show a second floating feedback control on the right edge */
body.saas-page-login .saas-fb-fab,
body.saas-page-login #saasFeedbackFab {
  display: none !important;
}