/* QPal assessment lower-surface compositing fix.
   Presentation only: keep the existing 2.8px orange-to-lower handoff and
   rounded lower ceiling, but avoid the negative-z-index surface layer that can
   composite incorrectly in iOS/WebKit. */

body.qpal-answering-session-active .qpal-assessment-lower-card {
  isolation: isolate;
}

body.qpal-answering-session-active .qpal-assessment-lower-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  top: var(--qpal-assessment-lower-handoff-gap, 2.8px) !important;
  left: 50% !important;
  width: 100vw !important;
  height: calc(100% - var(--qpal-assessment-lower-handoff-gap, 2.8px)) !important;
  min-height: 0 !important;
  transform: translateX(-50%) !important;
  border-radius:
    var(--qpal-assessment-lower-radius)
    var(--qpal-assessment-lower-radius)
    0 0 !important;
  background: var(--page-bg) !important;
  pointer-events: none !important;
}

body.qpal-answering-session-active .qpal-assessment-lower-card > * {
  position: relative;
  z-index: 1;
}