/* Preview overlay styles — presentation only, never affects the render plan.
   Design system: docs/DESIGN.md (warm editorial). Real-vs-test badge stays
   unmistakable via the success (test) / danger (real) intent colors.

   This file is ADHUB CHROME, not the publisher's site. The demo page dresses its
   fictional newspaper in a different type + palette on purpose (docs/DESIGN.md
   §8); the overlay stays on the console's tokens, because an operator reads it
   and the real-vs-test badge must never drift from what the console means by it.
   Cream + Inter here is the tell that you are looking at us, not at them. */
.adhub-preview-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 13px;
  padding: 0.6rem 1rem;
  color: #fff;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: 0 -2px 10px rgba(20, 20, 19, 0.12);
}
.adhub-preview-banner code {
  font-family: ui-monospace, Menlo, monospace;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.05rem 0.35rem;
  border-radius: 4px;
}
/* Test network → calm green (success intent); real → alert red (danger intent). */
.adhub-preview-banner.is-test { background: #3f7d3f; }
.adhub-preview-banner.is-real { background: #a51818; }
/* Network unknown (anonymous viewer) — neutral warm gray, never a real/test claim. */
.adhub-preview-banner.is-neutral { background: #6b6864; }
.adhub-preview-banner .net-badge {
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 0.12rem 0.45rem;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.25);
}
.adhub-annot {
  display: inline-block;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 11px;
  color: #c26645;
  background: rgba(217, 119, 87, 0.1);
  border: 1px solid rgba(217, 119, 87, 0.3);
  border-radius: 9999px;
  padding: 0.05rem 0.45rem;
  margin-left: 0.4rem;
}