/* AQUILA_POS_ROUTE_NATIVE_ENTRY_R2 */

html[data-aquila-pos-native-entry="pending"]
body::before {
  content: "";
  position: fixed;

  left: 50%;
  top:
    calc(
      var(--aquila-module-plane-start, 176px) +
      76px
    );

  width: 34px;
  height: 34px;
  margin-left: -17px;

  border: 4px solid #dbeafe;
  border-top-color: #2563eb;
  border-radius: 999px;

  animation:
    aquila-pos-native-entry-spin
    0.8s
    linear
    infinite;

  pointer-events: none;
  z-index: 100841;
}

html[data-aquila-pos-native-entry="pending"]
body::after {
  content:
    "Opening the POS Counter…";

  position: fixed;

  inset:
    var(--aquila-module-plane-start, 176px)
    0
    0
    0;

  display: flex;
  align-items: flex-start;
  justify-content: center;

  box-sizing: border-box;
  padding-top: 130px;

  background:
    rgba(248, 250, 252, 0.995);

  color: #0f172a;

  font:
    700
    16px/1.45
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  text-align: center;
  pointer-events: none;
  z-index: 100840;
}

html[data-aquila-pos-native-entry="error"]
body::after {
  content: none;
  display: none !important;
  /* R170: POS Counter opened, but its canonical session did not report ready. */


  position: fixed;

  top:
    calc(
      var(--aquila-module-plane-start, 176px) +
      18px
    );

  left: 50%;
  transform: translateX(-50%);

  max-width:
    min(
      680px,
      calc(100vw - 32px)
    );

  padding: 12px 16px;
  border: 1px solid #fecaca;
  border-radius: 12px;

  background: #fff7f7;
  color: #991b1b;

  font:
    700
    14px/1.4
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  pointer-events: none;
  z-index: 100840;
}

@keyframes aquila-pos-native-entry-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-aquila-pos-native-entry="pending"]
  body::before {
    animation: none;
  }
}