/* Shared "Demo by BR Digital Works" bar shown on top of every demo */
.brdw-bar {
  position: relative; z-index: 100;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 16px;
  padding-top: calc(8px + env(safe-area-inset-top, 0px));
  background: #05070d; color: #f3f5fa;
  font: 500 13px/1.3 "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  border-bottom: 1px solid #1c2540;
}
.brdw-bar a { color: inherit; text-decoration: none; }
.brdw-bar .brdw-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
.brdw-bar .brdw-mark { font-weight: 800; letter-spacing: .02em; white-space: nowrap; }
.brdw-bar .brdw-mark b:first-child { color: #ff3b42; }
.brdw-bar .brdw-mark b:nth-child(2) { color: #5b8cff; }
.brdw-bar .brdw-note { color: #98a2b9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brdw-bar .brdw-right { display: flex; align-items: center; gap: 8px; flex: none; }
.brdw-bar .brdw-back { color: #98a2b9; padding: 6px 8px; }
.brdw-bar .brdw-back:hover { color: #fff; }
.brdw-bar .brdw-cta {
  background: #e0212a; color: #fff; font-weight: 700;
  padding: 7px 12px; border-radius: 6px; white-space: nowrap;
}
.brdw-bar .brdw-cta:hover { background: #c81d24; }
@media (max-width: 640px) {
  .brdw-bar .brdw-note, .brdw-bar .brdw-back { display: none; }
}
@media (max-width: 380px) {
  .brdw-bar { padding-left: 12px; padding-right: 12px; }
  .brdw-bar .brdw-x { display: none; }
}