:root{color-scheme:light;font-family:Arial,Inter,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.demo-shell{max-width:1440px;margin:auto;padding:20px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 16px}.brand{font-size:25px;font-weight:800;letter-spacing:-1.3px;color:#172033;text-decoration:none}.topbar-actions{display:flex;align-items:center;gap:18px}.demo-pill,.local-status,.enabled{font-size:12px;font-weight:700;color:#526078}.demo-pill{padding:7px 10px;background:#eaf1ff;color:#2563eb;border-radius:99px}.back-link{font-size:14px;font-weight:700;color:#2563eb;text-decoration:none}.workspace{min-height:720px;display:grid;grid-template-columns:235px minmax(0,1fr);background:#fff;border:1px solid #dde4ef;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #2536560c}.sidebar{background:#f8fafc;border-right:1px solid #e3e8f0;padding:22px 14px;display:flex;flex-direction:column}.workspace-name,.profile,.conversation-head{display:flex;align-items:center;gap:10px}.workspace-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#2563eb;color:white;font-size:14px;font-weight:800}.workspace-name strong,.profile strong{display:block;font-size:14px}.workspace-name small,.profile small,.conversation-head small{display:block;color:#718096;font-size:12px;margin-top:2px}.tabs{margin-top:32px;display:grid;gap:4px}.tabs button{border:0;background:transparent;padding:11px 10px;border-radius:9px;color:#536176;text-align:left;font:700 14px Arial;display:flex;justify-content:space-between;cursor:pointer}.tabs button[aria-selected=true]{background:#eaf1ff;color:#2563eb}.tabs b{font-size:11px;background:#e8edf5;border-radius:99px;padding:1px 6px}.tabs button[aria-selected=true] b{background:#d5e4ff}.sidebar-note{margin-top:auto;padding:14px;background:#edf4ff;border:1px solid #dce9ff;border-radius:12px;display:grid;gap:6px;font-size:12px;line-height:1.4;color:#62718a}.sidebar-note strong{font-size:13px;color:#263755}.profile{margin-top:18px;padding:8px}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;font-weight:700;font-size:12px}.green{background:#d8f4e6;color:#19704a}.purple{background:#ece4ff;color:#7042bc}.blue{background:#dbeafe;color:#2563eb}.peach{background:#ffeadf;color:#b55c2a}.content{min-width:0;background:#fff}.content-top{height:76px;border-bottom:1px solid #e7ebf1;padding:15px 24px;display:flex;align-items:center;justify-content:space-between}.content-top>div{display:grid;gap:4px}.eyebrow{font-size:10px;letter-spacing:.11em;font-weight:700;color:#7a879b}.content-top strong{font-size:15px}.local-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:5px}.panel{min-height:643px}.chats-panel{display:grid;grid-template-columns:238px minmax(320px,1fr) 220px}.contact-list{border-right:1px solid #e7ebf1;padding:18px 10px}.list-title{font-size:15px;font-weight:700;padding:0 8px 14px}.list-title span{color:#2563eb;background:#eaf1ff;padding:2px 7px;border-radius:99px;font-size:11px;margin-left:4px}.contact{border:0;background:transparent;text-align:left;width:100%;display:flex;gap:10px;padding:10px 8px;border-radius:10px;cursor:pointer}.contact[aria-pressed=true]{background:#f0f5ff}.contact-text{min-width:0;display:grid;gap:3px}.contact-text strong{font-size:13px}.contact-text small{font-size:12px;color:#738096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation{display:flex;min-width:0;flex-direction:column}.conversation-head{padding:16px 20px;border-bottom:1px solid #e7ebf1}.conversation-head>div{margin-right:auto}.button{border:0;border-radius:9px;padding:10px 13px;font:700 13px Arial;cursor:pointer;white-space:nowrap}.button.primary{background:#2563eb;color:white}.button.quiet{border:1px solid #cfd9e8;background:white;color:#2563eb}.messages{flex:1;overflow:auto;max-height:450px;padding:18px 22px;background:#fcfdff;display:flex;flex-direction:column;gap:9px}.day{align-self:center;color:#8490a3;font-size:11px;margin:3px}.bubble{max-width:74%;align-self:flex-start;padding:10px 11px;border:1px solid #e3e9f2;border-radius:11px 11px 11px 3px;background:#fff;font-size:13px;line-height:1.4}.bubble.outgoing{align-self:flex-end;background:#eaf1ff;border-color:#dbe7ff;border-radius:11px 11px 3px 11px}.bubble time{color:#8591a5;font-size:10px;margin-left:7px;white-space:nowrap}.message-form{display:flex;gap:8px;padding:13px 18px 6px;border-top:1px solid #e7ebf1}.message-form input{min-width:0;flex:1;border:1px solid #d6deea;border-radius:9px;padding:10px 11px;font:13px Arial;outline-color:#2563eb}.send{background:#2563eb;color:#fff;border:0;border-radius:9px;padding:0 14px;font-weight:700;cursor:pointer}.form-note{margin:0;padding:0 18px 13px;color:#8a96a8;font-size:11px}.contact-card{padding:22px 18px;border-left:1px solid #e7ebf1;background:#fbfcfe}.contact-card>.avatar{margin-top:18px;width:42px;height:42px}.contact-card h2{font-size:16px;margin:12px 0 3px}.contact-card>p{font-size:13px;color:#748095;margin:0 0 22px}.contact-card dl{margin:0;display:grid;gap:16px}.contact-card dl div{display:grid;gap:4px}.contact-card dt{font-size:11px;color:#8995a6}.contact-card dd{font-size:12px;font-weight:700;margin:0;color:#34425a}.panel-header{display:flex;justify-content:space-between;align-items:start;padding:28px 30px 20px}.panel-header h1{margin:6px 0;font-size:27px;letter-spacing:-.7px}.panel-header p{margin:0;color:#718096;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 30px 25px}.metrics>div{border:1px solid #e2e8f1;border-radius:12px;padding:15px;display:grid;gap:4px}.metrics span,.metrics small{font-size:12px;color:#78869a}.metrics strong{font-size:22px;letter-spacing:-.5px}.board-wrap{overflow:auto;padding:0 30px 30px}.board{min-width:760px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.column{background:#f6f8fb;border:1px solid #e7ebf1;border-radius:12px;padding:10px;min-height:280px}.column h2{margin:0 0 10px;font-size:13px;display:flex;justify-content:space-between}.column h2 span{font-size:11px;color:#7d899b}.deal-card{background:white;border:1px solid #e0e6ef;border-radius:10px;padding:12px;margin-bottom:9px;box-shadow:0 2px 5px #20305008}.deal-card strong{display:block;font-size:13px}.deal-card p{font-size:12px;margin:4px 0;color:#778398}.deal-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.value{font-size:13px;font-weight:700}.tag{font-size:10px;background:#eaf1ff;color:#2563eb;padding:4px 6px;border-radius:99px}.automation-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;padding:25px 30px}.flow{display:grid;gap:11px}.flow article{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e0e7f0;border-radius:12px}.flow article>span{display:grid;place-items:center;width:30px;height:30px;background:#eaf1ff;border-radius:50%;color:#2563eb;font-weight:700;font-size:12px}.flow small{font-size:10px;letter-spacing:.1em;color:#8894a6}.flow strong,.flow p{display:block;margin-top:4px;font-size:13px}.flow p{color:#748197;margin-bottom:0;font-size:12px}.flow-line{height:12px;width:1px;background:#d5dde8;margin-left:30px}.scenario{border-radius:13px;padding:25px;background:#eef4ff;border:1px solid #d8e6ff}.scenario-icon{color:#2563eb;font-size:24px}.scenario h2{font-size:21px;line-height:1.1;margin:18px 0 10px}.scenario p{color:#63728a;font-size:13px;line-height:1.5}.scenario-result{min-height:34px;font-size:12px!important}.page-note{text-align:center;color:#7f8ba0;font-size:12px;margin:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#172033;color:#fff;padding:11px 15px;border-radius:9px;font-size:13px;box-shadow:0 8px 30px #17203344}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.demo-shell{padding:10px}.workspace{grid-template-columns:1fr}.sidebar{padding:13px;border-right:0;border-bottom:1px solid #e3e8f0}.workspace-name,.sidebar-note,.profile{display:none}.tabs{margin:0;display:flex;overflow:auto}.tabs button{flex:1;justify-content:center;gap:7px}.content-top{height:62px;padding:12px 16px}.chats-panel{grid-template-columns:190px minmax(290px,1fr)}.contact-card{display:none}.panel{min-height:600px}.automation-grid{grid-template-columns:1fr}.scenario{max-width:none}}@media(max-width:560px){.topbar{padding:0 3px 10px;height:50px}.demo-pill{display:none}.back-link{font-size:12px}.content-top{padding:10px 13px}.local-status{font-size:10px}.chats-panel{display:block}.contact-list{border-right:0;border-bottom:1px solid #e7ebf1;padding:8px;display:flex;gap:3px;overflow:auto}.list-title{display:none}.contact{min-width:54px;padding:5px;justify-content:center}.contact-text{display:none}.conversation-head{padding:12px}.button.quiet{font-size:11px;padding:8px}.messages{max-height:310px;padding:14px}.panel-header{padding:22px 17px 16px}.panel-header h1{font-size:23px}.metrics{padding:0 17px 20px;gap:7px}.metrics>div{padding:11px}.metrics strong{font-size:17px}.metrics small{display:none}.board-wrap{padding:0 17px 22px}.automation-grid{padding:16px}.enabled{display:none}.flow article{padding:12px}.page-note{font-size:11px}.conversation-head small{font-size:11px}}
/* outra: restrained light workspace and compact embedded preview. */
[hidden]{display:none!important}button,a{touch-action:manipulation}button{transition:background 150ms,transform 150ms}button:active{transform:scale(.98)}button:disabled{cursor:default;opacity:.6}a:focus-visible,button:focus-visible,.board-wrap:focus-visible{outline:2px solid #3776f6;outline-offset:3px}.workspace-brand{display:block;color:#171719;text-decoration:none;font-size:25px;letter-spacing:-1.4px;font-weight:650;margin-bottom:24px}.bubble{overflow-wrap:anywhere}.workspace{grid-template-columns:200px minmax(0,1fr)}.chats-panel{grid-template-columns:205px minmax(260px,1fr) 180px}.contact-card{padding:22px 15px}.conversation-head{padding:16px 14px}.conversation-head strong{font-size:13px}.conversation-head small{font-size:11px}.workspace-name{padding:0 9px}.button.quiet{font-size:11px;padding:9px}.panel-header{gap:20px}.toast{max-width:calc(100% - 32px);text-align:center}.is-embedded{background:#fff}.is-embedded .demo-shell{padding:0;max-width:none}.is-embedded .topbar,.is-embedded .page-note{display:none}.is-embedded .workspace{border:0;border-radius:0;min-height:100vh;height:100vh;box-shadow:none;grid-template-columns:166px minmax(0,1fr)}.is-embedded .sidebar{padding:22px 12px}.is-embedded .workspace-name strong{font-size:11px}.is-embedded .workspace-name small{font-size:9px}.is-embedded .tabs{margin-top:25px}.is-embedded .tabs button{font-size:11px;font-weight:500;padding:10px}.is-embedded .sidebar-note{padding:11px;font-size:10px}.is-embedded .sidebar-note strong{font-size:11px}.is-embedded .profile strong{font-size:10px}.is-embedded .profile small{font-size:9px}.is-embedded .content-top{height:59px;padding:11px 22px}.is-embedded .content-top strong{font-size:12px}.is-embedded .eyebrow{font-size:8px}.is-embedded .local-status{font-size:9px;font-weight:400}.is-embedded .panel{min-height:0;height:calc(100vh - 59px)}.is-embedded .panel-header{padding:22px 24px 18px}.is-embedded .panel-header h1{font-size:25px;font-weight:400;margin:5px 0 8px;letter-spacing:-.8px}.is-embedded .panel-header p{font-size:11px}.is-embedded .button{font-size:10px;font-weight:500;padding:9px 12px}.is-embedded .metrics{padding:0 24px 23px;gap:10px}.is-embedded .metrics>div{padding:14px;border-color:#edeef0}.is-embedded .metrics span,.is-embedded .metrics small{font-size:9px}.is-embedded .metrics strong{font-size:24px;font-weight:400}.is-embedded .board-wrap{padding:0 24px 24px;max-height:calc(100vh - 284px)}.is-embedded .board{min-width:600px;gap:10px}.is-embedded .column{padding:9px;border-color:#edeef0;background:#fafafb;min-height:240px}.is-embedded .column h2{font-size:10px;font-weight:500}.is-embedded .deal-card{padding:10px 9px;border-radius:7px;border-color:#e7e7ec}.is-embedded .deal-card strong{font-size:10px;font-weight:500}.is-embedded .deal-card p{font-size:9px}.is-embedded .deal-card footer{gap:5px;flex-wrap:wrap}.is-embedded .value{font-size:10px;font-weight:500}.is-embedded .tag{font-size:7px;padding:3px 5px}.is-embedded .chats-panel{grid-template-columns:176px minmax(260px,1fr)}.is-embedded .contact-card{display:none}.is-embedded .contact-text strong{font-size:11px}.is-embedded .contact-text small{font-size:10px}.is-embedded .messages{min-height:0;max-height:none}.is-embedded .conversation{height:100%}.is-embedded .bubble{font-size:11px}.is-embedded .contact-list{overflow:auto}.is-embedded .automation-panel{overflow:auto}.is-embedded .automation-grid{grid-template-columns:1fr 240px;gap:16px;padding:10px 24px 20px}.is-embedded .flow article{padding:11px}.is-embedded .scenario{padding:17px}.is-embedded .scenario h2{font-size:19px}.is-embedded .scenario p{font-size:11px}
@media(max-width:1180px){body:not(.is-embedded) .chats-panel{grid-template-columns:190px minmax(260px,1fr)}body:not(.is-embedded) .contact-card{display:none}}
@media(max-width:850px){body:not(.is-embedded) .workspace{grid-template-columns:1fr}}
@media(max-width:560px){body:not(.is-embedded) .chats-panel{display:block}.contact-list #contacts{display:flex;gap:8px;width:100%}.contact-list .contact{flex:1;min-width:60px;min-height:45px}.panel-header{gap:10px}.panel-header h1{font-size:21px}.panel-header p{font-size:12px;line-height:1.5}.metrics strong{font-size:clamp(13px,4vw,17px)}.metrics span{font-size:10px}.metrics>div{padding:10px 8px}.conversation-head{flex-wrap:wrap}.conversation-head>div{min-width:120px}.messages{height:290px;min-height:290px}.form-note{font-size:10px}.workspace{min-height:0}.panel{min-height:0}.automation-grid{padding-bottom:25px}.back-link span{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.flat-icon{width:23px;height:23px;display:inline-block;vertical-align:middle;flex:0 0 auto}.tab-label{display:flex;align-items:center;gap:9px}.tabs button{align-items:center}.tabs b{margin-left:auto}.metric-label{display:flex;align-items:center;gap:8px}.metric-label .flat-icon{width:24px;height:24px}.list-title>.flat-icon{margin-right:7px;width:22px;height:22px}.flow article>span{background:transparent;width:35px;height:35px}.flow article>span>.flat-icon{width:33px;height:33px}.is-embedded .tab-label{gap:8px}.is-embedded .flat-icon{width:19px;height:19px}.is-embedded .metric-label .flat-icon{width:22px;height:22px}.is-embedded .flow article>span>.flat-icon{width:29px;height:29px}@media(max-width:560px){.tabs b{margin-left:0}.tabs .flat-icon{width:20px;height:20px}.tab-label{gap:5px;font-size:12px}.metric-label{flex-direction:column;align-items:flex-start;gap:8px}}

/* Keep standalone pages in the same frame; embedded workspaces stay flush. */
body:not(.is-embedded) { padding: 24px; background: #e8eaf2; }
body:not(.is-embedded) .site-shell { width: 100%; max-width: 1440px; min-height: calc(100svh - 48px); margin: 0 auto; padding: 24px; border-radius: 28px; background: #fff; overflow: clip; }
body:not(.is-embedded) .workspace { box-shadow: none; min-width: 0; }
.is-embedded { padding: 0; }
.is-embedded .site-shell { margin: 0; border-radius: 0; background: #fff; }
@media (max-width: 900px) {
  body:not(.is-embedded) { padding: 16px; }
  body:not(.is-embedded) .site-shell { min-height: calc(100svh - 32px); padding: 18px; border-radius: 24px; }
}
@media (max-width: 620px) {
  body:not(.is-embedded) { padding: 8px; }
  body:not(.is-embedded) .site-shell { min-height: calc(100svh - 16px); padding: 12px; border-radius: 20px; }
}
@media (max-width: 400px) {
  body:not(.is-embedded) .tabs button { min-width: 0; padding-right: 5px; padding-left: 5px; }
  body:not(.is-embedded) .tabs .flat-icon, body:not(.is-embedded) .tabs b { display: none; }
  body:not(.is-embedded) .tabs .tab-label { font-size: 14px; }
  body:not(.is-embedded) .sidebar { padding-right: 8px; padding-left: 8px; }
  body:not(.is-embedded) .panel-header { flex-wrap: wrap; }
}