.nav-scroll {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 12px -14px 8px;
  padding: 0 14px 8px;
  scrollbar-width: none;
}
.nav-scroll::-webkit-scrollbar { display: none; }
.nav-scroll button {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0b1119;
  color: var(--text-2);
  padding: 8px 10px;
  font: 650 8px/1 var(--font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nav-scroll button.active { background: var(--mint); color: var(--mint-ink); border-color: var(--mint); }
.tabs { display: none !important; }
.shell { padding-bottom: 28px; }
.stack { display: grid; gap: 8px; }
.pin-dots { display: flex; gap: 10px; justify-content: center; margin: 18px 0; }
.pin-dots i { width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--line); background: #0b1119; }
.pin-dots i.on { background: var(--mint); border-color: var(--mint); }
.pin-pad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.pin-pad button { min-height: 48px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); color: var(--text); font: 700 16px/1 var(--font-mono); }
.pin-hidden { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }
.pin-mask { -webkit-text-security: disc; text-security: disc; }
.review-card { border: 1px solid var(--line); border-radius: 13px; padding: 14px; background: var(--surface); }
.review-card.needs { border-color: rgba(242, 185, 104, 0.5); }
.mono { font: 650 12px/1.4 var(--font-mono); word-break: break-word; }
.small-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.small-actions button, .small-actions a { min-height: 34px; padding: 0 10px; }
#orderDialog { width: min(520px, 96vw); }
iframe.receipt { width: 100%; min-height: 280px; border: 1px solid var(--line); border-radius: 10px; background: #070a0f; }
@media (max-width: 650px) {
  .nav-scroll button { font-size: 7px; }
}