/* Loaded only on a test copy (DEPLOY_INSTANCE): makes every screen unmistakably a test environment. */
.test-frame { position: fixed; inset: 0; z-index: 9998; pointer-events: none; border: 5px solid #f59e0b; }
.test-pill {
  position: fixed; z-index: 9999; inset-inline-end: 14px; bottom: calc(14px + env(safe-area-inset-bottom));
  pointer-events: none; padding: 5px 12px; border-radius: 999px; background: #b45309; color: #fff;
  font: 700 12px/1.2 system-ui, sans-serif; letter-spacing: .06em; box-shadow: 0 2px 10px rgb(0 0 0 / .25);
}
@media (max-width: 991.98px) { .test-pill { bottom: calc(70px + env(safe-area-inset-bottom)); } } /* above the phone tab bar */
.test-stripe {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-bottom: 16px; padding: 10px 14px;
  border-radius: 10px; color: #78350f; font-size: 14px;
  background: repeating-linear-gradient(-45deg, #fef3c7 0 14px, #fde68a 14px 28px); border: 1px solid #f59e0b;
}
.test-stripe strong { letter-spacing: .04em; }
.test-stripe a { color: #78350f; font-weight: 600; text-decoration: underline; }
@media print { .test-frame, .test-pill { display: none; } }