/* BuildBridge v1.7.1 Comprehensive Demo Control Center */
.bb171-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:32px auto 20px;max-width:1320px;padding:28px;border:1px solid var(--line,#d7dee7);border-radius:18px;background:linear-gradient(135deg,#fff,#f6f9fc)}
.bb171-hero h1{margin:.25rem 0 .5rem}.bb171-actions{display:flex;gap:10px;flex-wrap:wrap}.bb171-metrics{max-width:1320px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bb171-metrics .metric-card{padding:16px;border:1px solid var(--line,#d7dee7);border-radius:14px;background:#fff}.bb171-metrics span{display:block;color:#667085}.bb171-metrics strong{font-size:1.75rem}.bb171-guide,.bb171-filters,.bb171-grid,.viz-callout{max-width:1320px;margin-left:auto;margin-right:auto}.bb171-guide ol{display:grid;gap:6px}.bb171-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-top:18px}.bb171-filters label{font-weight:600}.bb171-filters input,.bb171-filters select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cfd8e3;border-radius:10px;background:#fff}.bb171-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;margin-bottom:40px}.bb171-scenario{border:1px solid #d7dee7;border-radius:14px;padding:16px;background:#fff}.bb171-scenario h3{margin:10px 0 6px}.bb171-card-head{display:flex;justify-content:space-between;gap:8px}.bb171-kind{font-size:.75rem;text-transform:uppercase;border-radius:99px;padding:4px 8px;background:#e9f7ef;color:#166534}.bb171-kind.negative{background:#fff1f2;color:#9f1239}.bb171-meta{font-family:var(--mono,monospace);font-size:.82rem;color:#667085}.bb171-scenario[hidden]{display:none}.bb171-scenario .btn{margin-top:8px}.viz-callout{padding:16px;border-left:5px solid #e8611c;background:#fff7ed;border-radius:10px}.viz-badge{font-family:var(--mono,monospace);font-size:.72rem;background:#eff4f8;border-radius:99px;padding:4px 8px}.runtime-status+.demo-banner strong:first-child{white-space:nowrap}@media(max-width:900px){.bb171-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb171-filters{grid-template-columns:1fr 1fr}.bb171-metrics{grid-template-columns:repeat(2,1fr)}.bb171-hero{flex-direction:column}}@media(max-width:600px){.bb171-grid,.bb171-filters,.bb171-metrics{grid-template-columns:1fr}.bb171-hero{padding:18px}.bb171-actions{width:100%}.bb171-actions .btn{flex:1}}
