.bp-mon-mock{width:100%;max-width:320px;font-family:var(--kb-font-sans);-webkit-font-smoothing:antialiased}.bp-mon-mock-monitor{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 40px -10px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.5) inset}.bp-mon-monitor-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.bp-mon-monitor-title{font-size:12px;font-weight:700;color:#0f1115}.bp-mon-monitor-mode{font-size:8.5px;font-weight:700;color:#5a3eb0;background:rgba(124,95,217,0.12);padding:2px 7px;border-radius:999px;letter-spacing:0.05em;text-transform:uppercase}.bp-mon-participants{display:flex;flex-direction:column;gap:8px;padding:10px 0}.bp-mon-participant{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:6px;background:#f6f7f9;font-size:10.5px}.bp-mon-participant-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.bp-mon-participant-avatar--customer{background:linear-gradient(135deg,#6da7f0 0%,#1e58a5 100%)}.bp-mon-participant-avatar--agent{background:linear-gradient(135deg,#ff8a14 0%,#b66200 100%)}.bp-mon-participant-avatar--super{background:linear-gradient(135deg,#b39cf2 0%,#5a3eb0 100%)}.bp-mon-participant-meta{flex:1;min-width:0}.bp-mon-participant-name{font-weight:700;color:#0f1115}.bp-mon-participant-role{font-size:9px;color:#7e8388;margin-top:1px}.bp-mon-participant-state{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 7px;border-radius:999px}.bp-mon-participant-state--talking{background:rgba(44,178,101,0.10);color:#0e5b50}.bp-mon-participant-state--listening{background:rgba(126,131,136,0.10);color:#4a5060}.bp-mon-participant-state--whispering{background:rgba(124,95,217,0.12);color:#5a3eb0}.bp-mon-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:10px;border-top:1px solid #f0f1f3}.bp-mon-btn{padding:7px;border-radius:5px;background:#f5f6f7;font-size:9px;font-weight:700;color:#4a5060;text-align:center;letter-spacing:0.02em;text-transform:uppercase}.bp-mon-btn--active{background:#5a3eb0;color:#fff}.bp-mon-prehero-strip{padding:32px 0 0}.bp-mon-prehero-strip-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}.bp-mon-prehero-stat{font-size:var(--kb-text-base);color:var(--kb-color-text-subtle);line-height:1.55;letter-spacing:-0.005em;max-width:56ch}.bp-mon-prehero-stat strong{color:var(--kb-color-text);font-weight:600}@media (max-width:880px){.bp-mon-prehero-strip-inner{grid-template-columns:1fr;gap:24px}}.bp-mon-hero-actions{display:inline-flex;gap:12px;flex-wrap:wrap;margin-top:var(--kb-space-7)}.bp-mon-hero-trust{margin-top:20px;display:flex;align-items:center}