/* Overrides that only apply when this tool is embedded (iframe on
   /workflow-blueprint) — kept separate from styles.css so that file can
   stay an exact copy of the standalone dev tool's stylesheet. */

/* No brand/logo here (the real site Header sits above the iframe with
   its own logo + nav) — this is just the tool's own working toolbar, not
   a second site header, so it stays borderless/transparent and shows a
   short label on the left instead of a blank strip. */
.topbar-embedded {
  justify-content: space-between;
  background: transparent;
  border-bottom: 1px solid rgba(var(--overlay), 0.08);
  backdrop-filter: none;
}

.topbar-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--muted);
}
.topbar-label strong { color: var(--foreground); font-weight: 600; }

/* Lifted clear of titantech360.com's global Brevo chat bubble, which
   floats fixed in the same bottom-right corner on the real site. */
.canvas-toolbar { bottom: 84px; }