/* Real product views on the site (DISPATCH B 379 item 2): one app-window figure, the same shape as the Fulfill page's
   (css/fulfill.css .bc-appwin), on the brand tokens so it sits on Home-family pages, the solutions pages, the partners page
   and the guides. The picture inside is a capture of the real portal (Command, every add-on), 2x, with the brand bar and the
   "Illustrative example" tag because the sample data is invented. */
.bc-views{margin:0}
.bc-views .bc-appwin{margin:0;background:var(--bc-surface,#fff);border:1px solid var(--bc-border,#D9DED6);border-radius:var(--bc-radius,4px);box-shadow:var(--bc-shadow-object,0 24px 50px -24px rgba(7,13,26,.35));overflow:hidden}
.bc-views .bc-appwin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 14px;border-bottom:1px solid var(--bc-border,#D9DED6);background:var(--bc-subtle,#FAFBF9)}
.bc-views .bc-appwin-bar img{display:block;height:20px;width:auto}
.bc-views .bc-appwin-tag{font:600 13px/1.4 var(--bc-font-sans,"Public Sans",Arial,sans-serif);color:var(--bc-text-secondary,#4A5563);white-space:nowrap}
.bc-views .bc-appwin picture,.bc-views .bc-appwin .shot{display:block;width:100%;height:auto}
.bc-views .bc-appwin--dark{--bc-surface:#0B1220;--bc-border:#26324A;--bc-subtle:#0C1423;--bc-text-secondary:#C9D2DE}
.bc-views figcaption{margin:10px 0 0;font:400 .875rem/1.5 var(--bc-font-sans,"Public Sans",Arial,sans-serif);color:var(--bc-text-secondary,#4A5563)}
@media (max-width:47.5rem){.bc-views .bc-appwin-bar{min-height:36px;padding:0 12px}.bc-views .bc-appwin-bar img{height:18px}}