/* RonanRx Hub — prototype frame bar
   A self-contained "you are viewing a prototype" return strip for the leaf
   demos that carry their own bespoke CSS (waiver-sign, otp-login, patient-app*).
   Scoped entirely to .proto-frame and its children: it defines NO base-element
   rules, so it cannot collide with a prototype's own styles. Linked alongside,
   not instead of, the page's own stylesheet. */
.proto-frame {
  position: sticky;
  top: 0;
  z-index: 100000;            /* above hub-nav (99999) and the demos' own bars (9998/9999) */
  display: flex;
  align-items: center;
  gap: 6px 14px;
  flex-wrap: wrap;
  background: #0c2f10;
  color: #f6f3ea;
  font: 600 12px/1 "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.02em;
  padding: 9px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.proto-frame a {
  color: #f6f3ea;
  text-decoration: none;
  border-radius: 5px;
  padding: 4px 8px;
}
.proto-frame a:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.proto-frame .pf-back { font-weight: 700; }
.proto-frame .pf-crumb {
  opacity: 0.72;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.proto-frame .pf-badge {
  margin-left: auto;
  opacity: 0.6;
  font: 600 10.5px/1 "Geist Mono", ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media print { .proto-frame { display: none; } }