/* Une marge dédiée évite de recouvrir le contenu, y compris sur mobile. */
html body.environment-preprod {
  box-sizing: border-box;
  padding-right: calc(2rem + env(safe-area-inset-right, 0px));
}
.environment-badge {
  box-sizing: border-box;
  position: fixed;
  right: env(safe-area-inset-right, 0px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1100;
  width: 2rem;
  padding: .65rem .375rem;
  writing-mode: vertical-rl;
  color: #332600;
  background: #ffdb4d;
  border: 1px solid #b58b00;
  border-right: 0;
  border-radius: .35rem 0 0 .35rem;
  font: 700 .75rem/1.5 system-ui, sans-serif;
  letter-spacing: .06em;
  text-align: center;
  pointer-events: none;
}