html, body { margin: 0; background: #0C0B12; color: #F2EEFF; }
body { min-height: 100vh; -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }

/* переход витрина ⇄ панель продавца */
.nx-switch {
  position: fixed; inset: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
  font-family: 'Unbounded', 'Onest', system-ui, sans-serif;
}
.nx-switch-admin { background: #E8C98E; color: #14100A; }
.nx-switch-shop { background: #C3B1FF; color: #0F0C1C; }
.nx-switch-pill {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 12px 22px 12px 12px;
  background: #0C0B12; color: #F2EEFF;
  border: 2px solid #E4DEFF; border-radius: 999px;
  box-shadow: 5px 5px 0 rgba(12, 11, 18, .35);
  font-weight: 800; font-size: 18px;
  animation: nx-pill .5s cubic-bezier(.2, .9, .3, 1.4) .12s backwards;
}
.nx-switch-ic {
  width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #E8C98E; color: #14100A;
}
.nx-switch-shop .nx-switch-ic { background: #C3B1FF; color: #0F0C1C; }
@keyframes nx-pill { from { opacity: 0; transform: scale(.7) rotate(-6deg); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .nx-switch-pill { animation: none; } }