/* ============================================================================
   Preview Environment Switcher — EXCLUSIVO do ambiente de apresentação.
   Permite alternar ao vivo entre Site / Estoque Interno / Dashboard durante
   a reunião comercial. Não faz parte da entrega final ao cliente.
   ========================================================================= */
.nc-switcher {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 200;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px;
  background: rgba(12, 12, 14, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  backdrop-filter: blur(16px);
  box-shadow: 0 20px 50px -18px rgba(0, 0, 0, 0.7);
  font-family: var(--nc-font-body, "Inter", sans-serif);
  max-width: calc(100vw - 24px);
  overflow-x: auto;
  scrollbar-width: none;
}
.nc-switcher::-webkit-scrollbar { display: none; }
.nc-switcher__label {
  padding: 0 10px 0 14px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  margin-right: 4px;
  white-space: nowrap;
}
.nc-switcher__link {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  white-space: nowrap;
  transition: background 160ms ease, color 160ms ease;
}
.nc-switcher__link svg { width: 15px; height: 15px; flex-shrink: 0; }
.nc-switcher__link:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.nc-switcher__link.is-active { color: #fff; background: var(--nc-red, #e21b2c); }
.nc-switcher__divider { width: 1px; height: 22px; background: rgba(255, 255, 255, 0.14); margin: 0 4px; flex-shrink: 0; }

@media (max-width: 680px) {
  .nc-switcher { left: 12px; right: 12px; transform: none; justify-content: center; overflow-x: auto; }
  .nc-switcher__label { display: none; }
  .nc-switcher__link span { display: none; }
  .nc-switcher__link { padding: 11px; }
}