/* PXLTAB NODES integration only. Header, footer, buttons, and auth visuals are
   owned by the exact local copies under pxltab-shell/css. */
.px-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  padding: 9px 12px;
  border-radius: 8px;
  color: #071006;
  background: var(--accent);
  font-size: 12px;
  font-weight: 800;
  transform: translateY(-160%);
}

.px-skip-link:focus { transform: translateY(0); }

.px-shell-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.px-footer .version-pill {
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
}

/* The copied Debug strip identifies the environment; the reference User view
   does not place the diagonal Debug watermark over its content or footer. */
body[data-site-environment="debug_staging"]::before { content: none; }

body.is-user-view .px-primary [data-shell-view="user"],
body.is-debug-view .px-primary [data-shell-view="debug"] {
  color: var(--header-text);
  background: var(--header-hover);
}

@media (prefers-reduced-motion: reduce) {
  .px-skip-link { transition: none; }
}