.demo-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: #fff8e1;
  border-bottom: 1px solid #ffe0b2;
  color: #5f370e;
  font-size: 14px;
}

.demo-banner__text {
  font-weight: 600;
}

.demo-banner__mode {
  padding: 4px 10px;
  border-radius: 999px;
  background: #f59e0b;
  color: #1f2937;
  font-weight: 700;
  font-size: 12px;
}

body[data-demo-mode="demo_admin"] .demo-banner__mode {
  background: #22c55e;
  color: #052e16;
}