/* Bandeau environnement de test (charge uniquement si STRIPE_MODE=test, voir testbar.py) */
:root { --cl-testbar-h: 28px; }
body { padding-top: var(--cl-testbar-h) !important; }
.cl-testbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000;
  min-height: var(--cl-testbar-h); box-sizing: border-box; padding: 6px 12px;
  display: flex; align-items: center; justify-content: center; text-align: center;
  background: #C9A46B; color: #151210;
  font: 600 12px/16px Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .02em;
  box-shadow: 0 1px 0 rgba(21, 18, 16, .18);
}
/* CRM : l'en-tete collant et le tiroir passent sous le bandeau */
.top { top: var(--cl-testbar-h) !important; }
.drawer { top: var(--cl-testbar-h) !important; }
@media (max-width: 560px) { :root { --cl-testbar-h: 44px; } }