/* Sample report page (/sample-report/) -- top bar only.
   The report itself is a self-contained document with its own <style>; this file
   styles ONLY the thin bar added above it, so nothing in the report changes.
   A fixed bar plus an in-flow spacer of the same height keeps the report's own
   spacing intact. Colours: the demo button is the Agri green --agri-main (#438234, white text 4.7:1; hover --agri-deep #25453A)
   and the report's own ink/hairline colours; the report does not load tokens.css. */
.sr-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  height: 48px;
  background: #fff;
  border-bottom: 1px solid #d9dce3;
  font-family: Helvetica, Arial, sans-serif;
}
.sr-bar__inner {
  max-width: 820px;
  height: 100%;
  margin: 0 auto;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sr-bar-spacer { height: 48px; }

.sr-bar__back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  color: #2b2e36;
  text-decoration: none;
  white-space: nowrap;
}
.sr-bar__back:hover { text-decoration: underline; }

.sr-bar__cta {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: #438234;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.sr-bar__cta:hover { background: #25453A; }

.sr-bar a:focus-visible {
  outline: 2px solid #6B5B8F;
  outline-offset: 3px;
  border-radius: 6px;
}

@media (max-width: 640px) {
  .sr-bar__inner { padding: 0 16px; }
}

/* Inside the popup on the main pages (js/sample-popup.js sets html.sr-embedded): the popup header
   has its own Close and Request a demo, so the report's bar goes away entirely. */
.sr-embedded .sr-bar,
.sr-embedded .sr-bar-spacer { display: none; }

@media print {
  .sr-bar,
  .sr-bar-spacer { display: none; }
}