:root{color:#202223;background:#f6f6f7}body{background:#f6f6f7}.app{min-height:100vh}.main{max-width:1280px;margin:0 auto;padding:32px 36px}.app-context-bar{background:0 0;justify-content:space-between;align-items:center;height:48px;margin:0 0 22px;padding:0;display:flex}.app-context-bar strong{font-size:15px}.app-context-bar span{color:#6d7175;margin-inline-start:12px;font-size:12px}.page-stack{gap:18px;display:grid}.page-stack>p{margin:0}.toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;display:flex}.toolbar>span{align-self:center}.metrics{grid-template-columns:repeat(4,1fr);margin:0}.metric-number{font-size:28px}.setup-grid,.preview-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.setup-grid>div{background:#f6f6f7;border-radius:8px;padding:12px}.setup-grid p{margin:0 0 10px}.case-row:focus-visible{outline-offset:-3px;outline:3px solid #005bd3}.status{white-space:nowrap}.inbox-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr)}.inbox-list .page-stack{gap:8px}.messages{max-height:470px}.review-card{border:1px solid #e1e3e5;border-radius:8px;padding:12px}.page-stack details{border-top:1px solid #e1e3e5;padding-top:12px}.editor-grid{grid-template-columns:1.5fr .8fr;gap:16px;display:grid}.canvas{background:#f1f2f3;border:1px solid #e1e3e5;border-radius:8px;height:640px;overflow:hidden}.flow-node{background:#fff;border:1px solid #8c9196;border-radius:9px;width:220px;padding:12px;position:relative;box-shadow:0 1px 2px #0001}.flow-node.selected{border:2px solid #005bd3}.flow-node strong,.flow-node p{margin:0;font-size:12px;display:block}.flow-node p{color:#6d7175;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;overflow:hidden}.node-ports{justify-content:space-around;height:20px;display:flex}.node-ports>div{text-align:center;flex:1;position:relative}.node-ports small{color:#6d7175;font-size:9px}.save-strip{background:#fff;border:1px solid #e1e3e5;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.save-strip.dirty{background:#fffbeb;border-color:#f1b82d}.step-list{gap:6px;padding:14px;display:grid}.step-list button{text-align:start;background:#fff;border:1px solid #e1e3e5;border-radius:7px;padding:12px}.step-list button.selected{background:#eaf4ff;border-color:#005bd3}.button-editor{border-bottom:1px solid #e1e3e5;padding:8px 0}.customer-preview{background:#fff;border:1px solid #e1e3e5;border-radius:9px;gap:8px;padding:16px;display:grid}.customer-preview s-button{display:block}.message{border-radius:8px}.empty{text-align:center;color:#6d7175;padding:28px}.muted{color:#6d7175;font-size:12px}@media (width<=900px){.main{padding:24px 18px}.metrics,.setup-grid,.preview-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.canvas{height:480px}}@media (width<=560px){.main{padding:18px 12px}.metrics,.setup-grid,.preview-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar>*{max-width:100%}.app-context-bar{margin-bottom:12px}.flow-node{width:190px}}body{margin:0;font-family:system-ui,sans-serif}.demo-nav{flex-wrap:wrap;gap:6px;padding:12px;display:flex}.language-control{justify-content:flex-end;margin:8px 20px;display:flex}.global-notices{gap:8px;margin:12px 24px;display:grid}.page-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.metrics{gap:16px;display:grid}.inbox-grid{align-items:start;gap:18px;display:grid}.inbox-grid>*{min-width:0}.case-row{text-align:start;cursor:pointer;width:100%;font:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.case-row.active{background:#eef5ff;border-color:#005bd3}.case-row small{color:#6d7175;display:block}.status{background:#eee;border-radius:6px;padding:3px 8px;font-size:12px}.status.good{color:#17643a;background:#dcfce7}.status.bad{color:#9b2020;background:#fee2e2}.messages{overflow-anchor:none;flex-direction:column;gap:12px;padding:8px;display:flex;overflow:auto}.message{background:#f5f5f5;min-width:160px;max-width:90%;padding:12px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.message.outgoing{background:#eaf7ed;align-self:flex-end}.message.incoming{background:#f1f2f3;align-self:flex-start}.message footer,.activity{justify-content:space-between;gap:12px;font-size:12px;display:flex}.activity{border-bottom:1px solid #eee;padding:10px 0}.step-list{box-sizing:border-box;max-height:100%;overflow:auto}.step-list button{font:inherit;overflow-wrap:anywhere}.loading{text-align:center;padding:40px}.qr{width:100%;max-width:260px}.error-text{color:#9b2020}.customer-preview p{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=760px){.inbox-grid{grid-template-columns:1fr}.save-strip{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr)}.global-notices{margin:8px 12px}}@media (width<=460px){.metrics{grid-template-columns:1fr}}.toolbar>s-select,.toolbar>s-text-field,.toolbar>s-number-field{flex:0 250px;width:250px;min-width:0}.toolbar>s-button{flex:none}.flow-node{box-sizing:border-box;min-height:96px}.editor-grid{align-items:start}.canvas{height:640px}.node-ports{height:30px}.node-ports small{white-space:nowrap;text-overflow:ellipsis;max-width:50px;display:block;overflow:hidden}.preview-grid{grid-template-columns:1fr 1fr}.connection-layout{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.qr-wrap img{width:min(260px,100%)}.connected-state{background:#eaf7ed;gap:8px;padding:24px;display:grid}.pairing-placeholder{background:#f5f5f5;border-radius:8px;padding:24px}@media (width<=760px){.connection-layout,.preview-grid{grid-template-columns:1fr}.toolbar>s-select,.toolbar>s-text-field,.toolbar>s-number-field{flex:100%;width:100%}}.conversation-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.conversation-heading h2{margin:0 0 6px;font-size:20px}.decision-summary{background:#fffbeb;border-inline-start:4px solid #f1b82d;border-radius:6px;gap:4px;padding:12px 14px;display:grid}.decision-summary.resolved{background:#f1f8f4;border-color:#108043}.decision-summary p{color:#6d7175;margin:0;font-size:12px}.context-actions{flex-wrap:wrap;gap:8px;display:flex}.conversation-topline,.composer-actions,.list-pagination{justify-content:space-between;align-items:center;gap:10px;display:flex}.conversation-messages{min-height:240px;max-height:520px}.message-event{color:#6d7175;border:1px dashed #b5b5b5;border-radius:8px;gap:4px;padding:10px 12px;font-size:12px;display:grid}.message-event time{font-size:11px}.sent-buttons{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.sent-buttons span{background:#fff;border:1px solid #aeb4b9;border-radius:16px;padding:4px 10px;font-size:12px}.message-note{color:#6d7175;font-size:12px}.reply-composer{border-top:1px solid #e1e3e5;margin-top:14px;padding-top:14px}.filter-shortcuts{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.filter-shortcuts button{font:inherit;cursor:pointer;background:#fff;border:1px solid #8c9196;border-radius:16px;padding:6px 10px}.filter-shortcuts button[aria-pressed=true]{color:#003d8f;background:#eaf4ff;border-color:#005bd3}.list-pagination small{color:#6d7175;text-align:center;display:block}.mobile-back{display:none}.historical-reviews{border-top:1px solid #e1e3e5;margin-top:16px;padding-top:12px}.historical-reviews h3{font-size:14px}@media (width<=760px){.inbox-grid.show-order-list .inbox-detail,.inbox-grid.show-conversation .inbox-list{display:none}.mobile-back{margin-bottom:8px;display:block}.conversation-heading{flex-direction:column}.conversation-messages{min-height:180px;max-height:calc(100vh - 360px)}.main{padding:16px 12px}}.flow-stages{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.flow-stages button{font:inherit;cursor:pointer;background:#fff;border:1px solid #8c9196;border-radius:18px;padding:7px 12px}.flow-stages button:focus-visible,.filter-shortcuts button:focus-visible{outline-offset:2px;outline:3px solid #005bd3}.case-main{gap:4px;min-width:0;display:grid}.case-main span{color:#6d7175;font-size:12px}.case-row{min-height:68px}.flow-publication{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;display:grid}.publication-state{gap:4px;display:grid}.publication-state span{color:#6d7175;font-size:12px}.publication-help{color:#6d7175;grid-column:1/-1;margin:0;font-size:12px}.flow-publication .toolbar{justify-content:flex-end;margin:0}@media (width<=760px){.flow-publication{grid-template-columns:1fr}.flow-publication .toolbar{justify-content:stretch}.flow-publication .toolbar>*{flex:1}}