/* Native quote dialog: the browser owns top-layer placement, background inertness, Escape,
   and focus containment. The inner shell/panel classes retain the existing visual design. */
#fullScreenModal {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 24px 16px;
  border: 0;
  background: transparent;
  overflow-y: auto;
}

#fullScreenModal:not([open]) {
  display: none;
}

#fullScreenModal[open] {
  display: block;
}

#fullScreenModal::backdrop {
  background: rgba(15, 23, 42, 0.72);
}

@media (max-width: 480px) {
  #fullScreenModal {
    padding: 12px 8px;
  }
}