.demo-admin-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:24px 26px;border:1px solid #cfe1ed;border-radius:17px;background:linear-gradient(135deg,#f8fcff,#edf6fb)}
.demo-service-panel{border-color:#bdd8ef;background:linear-gradient(180deg,#fff,#f7fbff)}.demo-service-panel .badge.confirmed{background:#eaf1f8;color:#49627e}
.demo-admin-guide .eyebrow{margin:0 0 7px}.demo-admin-guide h3{margin:0;font-size:21px}.demo-admin-guide p:last-child{margin:7px 0 0;color:var(--sub);font-size:13px}.demo-admin-actions{display:flex;gap:8px;flex:0 0 auto}
#demoRouteMetrics{grid-template-columns:repeat(4,1fr)}#demoRouteTable .table-wrap{max-height:620px;overflow:auto}.demo-route-actions{display:flex;gap:6px;min-width:125px}.demo-route-actions button{padding:7px 9px;font-size:12px;white-space:nowrap}.demo-route-phone{font-weight:800;white-space:nowrap}.demo-admin-notice ul{margin:12px 0 0;padding-left:20px;color:var(--sub);font-size:13px;line-height:1.8}.demo-route-warning{padding:12px 14px;border-radius:10px;background:#fff7e6;color:#76591e;font-size:12px;line-height:1.55}
.demo-history-filters{margin-bottom:14px}.demo-history-panel .preview-cell{max-width:300px}.demo-channel-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.demo-channel-pill.phone{background:#e7f7ee;color:#167448}.demo-channel-pill.voice{background:#e8f1ff;color:#285da8}.demo-channel-pill.chat{background:#f2eaff;color:#7145a7}
.demo-business-dialog{width:min(680px,calc(100% - 28px));max-width:none}.demo-business-dialog form{padding:26px}.demo-business-dialog .modal-head p:last-child{margin:6px 0 0;color:var(--sub);font-size:13px}.demo-business-scope{margin-top:16px;padding:14px 16px;border:1px solid #cfe1ed;border-radius:12px;background:#f4faff}.demo-business-scope b{color:#245f83}.demo-business-scope p{margin:5px 0 0;color:var(--sub);font-size:13px;line-height:1.55}
@media(max-width:800px){.demo-admin-guide{align-items:flex-start;flex-direction:column}.demo-admin-actions{width:100%}.demo-admin-actions button{flex:1}#demoRouteMetrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.demo-admin-actions{display:grid}.demo-admin-guide{padding:20px}#demoRouteMetrics{grid-template-columns:1fr}.demo-business-dialog form{padding:20px}}