/* BUILD290 — interaction-first navigation / INP hardening */
#main.navTransition289 {
  cursor: progress;
}
#main.navTransition289::after {
  content: "OPENING…";
  position: fixed;
  right: 18px;
  top: 76px;
  z-index: 29;
  padding: 7px 11px;
  border-radius: 999px;
  background: #e9f7ee;
  border: 1px solid #9fd2ae;
  color: #0b6b38;
  font: 900 11px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing: .04em;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  pointer-events: none;
}
#nav > button.active {
  transform: translateZ(0);
}
@media (prefers-reduced-motion: no-preference) {
  #nav > button { transition: background-color .08s ease, color .08s ease, box-shadow .08s ease; }
}

/* BUILD291 — deep INP / large-data rendering hardening */
#nav > button { touch-action: manipulation; }
#nav > button:active { transform: translateZ(0) scale(.995); }
#main:not(.posScreen) > .panel,
#main:not(.posScreen) > details,
#main:not(.posScreen) .historyPanel,
#main:not(.posScreen) .purchaseHistoryPanel {
  content-visibility: auto;
  contain-intrinsic-size: 1px 520px;
}
#main .tableScroll,
#main .reportTableWrap {
  contain: layout paint;
}
@media print {
  #main > .panel,
  #main > details,
  #main .historyPanel,
  #main .purchaseHistoryPanel { content-visibility: visible !important; contain: none !important; }
  #main .tableScroll,
  #main .reportTableWrap { contain: none !important; }
}