:root{color:#1f2328;background:#fff;font-family:system-ui,sans-serif}body{margin:0}button{font:inherit;cursor:pointer}.app-head{border-bottom:1px solid #d0d7de;align-items:center;gap:24px;padding:12px 20px;display:flex}.app-head h1{margin:0;font-size:18px}.app-head nav{flex-wrap:wrap;gap:8px;display:flex}.app-head nav button{white-space:nowrap;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:6px 12px}.app-head nav button.active{color:#fff;background:#2563eb;border-color:#2563eb}.muted{color:#57606a;font-size:13px}.pad{padding:0 16px}.error{color:#cf222e;font-size:13px}.inbox{height:calc(100vh - var(--head-height,57px));grid-template-columns:280px 1fr;display:grid}.inbox-filters{flex-wrap:wrap;flex-shrink:0;gap:4px;margin-bottom:4px;display:flex}.inbox-filters button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:4px 10px;font-size:13px}.inbox-filters button.active{border-color:var(--ink-primary);font-weight:600}.inbox button.link{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:center;padding:8px;font-size:13px}.inbox button.link:disabled{opacity:.6;cursor:default}.inbox-list{border-right:1px solid #d0d7de;flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.conv{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.conv.active,.conv:hover{background:#f6f8fa;border-color:#d0d7de}.conv-top{justify-content:space-between;display:flex}.conv-assignee{color:#57606a;font-size:12px}.conv-preview{color:#57606a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.badge{color:#0969da;background:#ddf4ff;border-radius:10px;padding:1px 6px;font-size:11px}.badge.human{color:#1a7f37;background:#dafbe1}.thread{flex-direction:column;min-width:0;min-height:0;display:flex}.thread-head{border-bottom:1px solid #d0d7de;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.thread-title{margin-right:auto}.thread-assignee{color:#57606a;align-items:center;gap:6px;font-size:13px;display:flex}.thread-assignee select{font:inherit;max-width:220px}.thread-log{background:#f6f8fa;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;background:#fff;border:1px solid #d0d7de;border-radius:10px;max-width:70%;padding:8px 12px}.bubble.contact{align-self:flex-start}.bubble.bot,.bubble.agent{align-self:flex-end}.bubble.agent{border-color:#1a7f37}.bubble-label{color:#57606a;margin-bottom:2px;font-size:11px;display:block}.thread-form{border-top:1px solid #d0d7de;gap:8px;padding:12px 16px;display:flex}.thread-form input{border:1px solid #d0d7de;border-radius:6px;flex:1;padding:8px}.demo{flex-direction:column;gap:12px;padding:20px;display:flex}.install{flex-direction:column;align-items:flex-start;gap:12px;max-width:760px;padding:20px;display:flex}.install h2{margin:0}.snippet{white-space:pre-wrap;word-break:break-all;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;align-self:stretch;margin:0;padding:12px 16px}.app-user{align-items:center;gap:12px;margin-left:auto;display:flex}.app-user button{white-space:nowrap;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:6px 12px}.login{background:#f6f8fa;place-items:center;min-height:100vh;display:grid}.login-card{box-sizing:border-box;background:#fff;border:1px solid #d0d7de;border-radius:12px;flex-direction:column;gap:12px;width:min(360px,100vw - 32px);padding:24px;display:flex}.login-card h1{margin:0 0 4px;font-size:18px}.login-card label{color:#57606a;flex-direction:column;gap:4px;font-size:13px;display:flex}.login-card input{font:inherit;border:1px solid #d0d7de;border-radius:6px;padding:8px 10px}.login-card .primary{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:6px;padding:8px 12px}.login-card .primary:disabled{opacity:.6}.login-card .link{color:#2563eb;background:0 0;border:none;font-size:13px}.login-card .error{margin:0}.login-card .agreements{border:1px solid #d0d7de;border-radius:6px;flex-direction:column;gap:6px;margin:0;padding:10px 12px;display:flex}.login-card .check{color:#24292f;flex-direction:row;align-items:center;gap:8px}.login-card .check input{margin:0;padding:0}.login-card .check span{flex:1}.login-card .check.all{border-bottom:1px solid #eaeef2;padding-bottom:6px;font-weight:600}.login-card .check a{color:#2563eb;font-size:12px}.flow{height:calc(100vh - var(--head-height,57px));flex-direction:column;display:flex}.flow-bar{border-bottom:1px solid #d0d7de;align-items:center;gap:16px;padding:10px 16px;display:flex}.flow-status{color:#1a7f37;font-size:13px}.flow-status.dirty{color:#9a6700}.flow-actions{gap:8px;margin-left:auto;display:flex}.flow button,.flow input,.flow select,.flow textarea{font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:6px 10px}.flow button:disabled{opacity:.5;cursor:default}.flow button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.flow button.link{color:#2563eb;background:0 0;border:none;padding:0}.flow-errors{color:#cf222e;background:#fff8f8;border-bottom:1px solid #ffcecb;max-height:120px;margin:0;padding:8px 16px 8px 32px;font-size:13px;overflow-y:auto}.flow-editor .flow-errors{border:1px solid #ffcecb;border-radius:6px}.flow-body{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid}.flow-side,.flow-editor{flex-direction:column;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.flow-side>*,.flow-editor>*{flex-shrink:0}.flow-side{border-right:1px solid #d0d7de}.flow h3{margin:12px 0 0;font-size:14px}.field{color:#57606a;flex-direction:column;gap:4px;font-size:13px;display:flex}.check{align-items:center;gap:8px;font-size:13px;display:flex}.flow-nodes{flex-direction:column;gap:2px;display:flex}.flow .flow-node{text-align:left;border-color:#0000;align-items:center;gap:6px;display:flex}.flow .flow-node.active,.flow .flow-node:hover{background:#f6f8fa;border-color:#d0d7de}.flow-dot{background:#cf222e;border-radius:50%;width:8px;height:8px;margin-left:auto}.flow-row{align-items:flex-start;gap:8px;display:flex}.flow-row textarea,.flow-row input,.flow-grow{flex:1;min-width:0}.flow-keywords table{border-collapse:collapse;width:100%;font-size:13px}.flow-keywords td{padding:2px 4px 2px 0}.flow-keywords p{margin:0}.danger-zone{border:1px solid #cf222e;border-radius:6px}.danger-zone h2{color:#cf222e}button.danger,.contacts button.danger{color:#fff;background:#cf222e;border-color:#cf222e}button.danger:disabled{opacity:.5}.contact-danger{border:1px solid #cf222e;border-radius:6px;margin-top:16px;padding:12px}.flow-danger{border-top:1px solid #d0d7de;margin-top:16px;padding-top:12px}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{color:#8250df;background:#fbefff;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;display:inline-flex}.tag button{color:inherit;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.tag-source{opacity:.7;font-size:10px}.thread-title{align-items:center;gap:8px;display:flex}.contacts{height:calc(100vh - var(--head-height,57px));grid-template-columns:320px 1fr;display:grid}.contacts-list{border-right:1px solid #d0d7de;flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.contacts-list>*{flex-shrink:0}.contacts-filter{grid-template-columns:1fr auto;gap:6px;margin-bottom:8px;display:grid}.contacts-filter select{grid-column:1/-1}.contacts button,.contacts input,.contacts select{font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:6px 10px}.contacts button:disabled{opacity:.5;cursor:default}.contacts .button-like{cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:6px 10px}.contacts .button-like:focus-within{outline:2px solid #0969da}.contacts .button-like.disabled{opacity:.5;cursor:default}.contacts-actions [role=status]{flex-basis:100%}.contacts-actions [role=status] p{margin:2px 0}.contacts .conv{background:0 0;border-color:#0000}.contacts .conv.active,.contacts .conv:hover{background:#f6f8fa;border-color:#d0d7de}.contacts .tag button{background:0 0;border:none;padding:0}.contact-panel{flex-direction:column;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.contact-panel>*{flex-shrink:0}.contact-panel header{flex-direction:column;gap:2px;display:flex}.contact-panel h2{margin:0;font-size:16px}.contact-panel h3{margin:12px 0 0;font-size:14px}.contact-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contact-attrs{border-collapse:collapse;font-size:13px}.contact-attrs td{padding:2px 8px 2px 0}.contact-attrs td button+button{margin-left:4px}.contacts textarea{font:inherit;resize:vertical;border:1px solid #d0d7de;border-radius:6px;padding:6px 10px}.contacts button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.contacts .tag.tag-toggle{background:#fff;border:1px solid #d0c3f0;padding:2px 10px;font-size:12px}.contacts .tag.tag-toggle.on{color:#fff;background:#8250df;border-color:#8250df}.badge.status-sending,.badge.status-scheduled{color:#9a6700;background:#fff8c5}.badge.status-sent{color:#1a7f37;background:#dafbe1}.badge.status-failed{color:#cf222e;background:#ffebe9}.badge.status-draft,.badge.status-canceled{color:#57606a;background:#f6f8fa}.broadcast-form{max-width:640px}.bubble.broadcast-preview{align-self:flex-start;max-width:420px}.broadcast-counts{align-self:flex-start}.broadcast-audience{background:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;padding:8px 12px;font-size:13px}.broadcast-audience ul{margin:4px 0 0;padding-left:18px}.analytics{--series-1:#2a78d6;--series-2:#eb6834;--ink-primary:#0b0b0b;--ink-secondary:#52514e;--ink-muted:#6b6a64;--grid:#e1e0d9;--baseline:#c3c2b7;--surface:#fff;flex-direction:column;gap:16px;max-width:1080px;padding:16px 20px 32px;display:flex}.analytics-filters{align-items:center;gap:8px;display:flex}.analytics-filters button{background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:6px 12px}.analytics-filters button.active{border-color:var(--ink-primary);font-weight:600}.analytics-body{flex-direction:column;gap:16px;transition:opacity .15s;display:flex}.analytics-body.stale{opacity:.6}.analytics-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.stat-tile{border:1px solid #d0d7de;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-label{color:var(--ink-secondary);font-size:13px}.stat-value{color:var(--ink-primary);font-size:28px;font-weight:600}.stat-note{color:var(--ink-muted);font-size:12px}.analytics-card{border:1px solid #d0d7de;border-radius:8px;padding:16px}.analytics-card h2{margin:0 0 12px;font-size:15px}.chart-legend{color:var(--ink-secondary);gap:16px;margin-bottom:8px;font-size:13px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:inline-flex}.line-key{border-radius:1px;width:14px;height:2px;display:inline-block}.line-key.series-1{background:var(--series-1)}.line-key.series-2{background:repeating-linear-gradient(to right, var(--series-2) 0 5px, transparent 5px 8px)}.chart-plot{position:relative}.chart-plot svg{outline-offset:4px;width:100%;height:auto;display:block}.chart-grid{stroke:var(--grid);stroke-width:1px}.chart-baseline{stroke:var(--baseline);stroke-width:1px}.chart-crosshair{stroke:var(--ink-muted);stroke-width:1px}.chart-tick{fill:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.series-1 .chart-line{stroke:var(--series-1)}.series-2 .chart-line{stroke:var(--series-2);stroke-dasharray:6 4}.chart-dot{stroke:var(--surface);stroke-width:2px}.series-1 .chart-dot{fill:var(--series-1)}.series-2 .chart-dot{fill:var(--series-2)}.chart-end-label{fill:var(--ink-secondary);font-size:12px}.chart-tooltip{pointer-events:none;background:var(--surface);white-space:nowrap;border:1px solid #d0d7de;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 2px 8px #0b0b0b14}.chart-tooltip-day{color:var(--ink-secondary);margin-bottom:2px}.chart-tooltip-row{align-items:center;gap:6px;display:flex}.chart-tooltip-row strong{color:var(--ink-primary)}.chart-table{margin-top:8px;font-size:13px}.chart-table summary{cursor:pointer;color:var(--ink-secondary)}.chart-table table,.node-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.chart-table th,.chart-table td,.node-table th,.node-table td{text-align:right;border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums;padding:6px 8px}.chart-table th:first-child,.chart-table td:first-child,.node-table th:nth-child(-n+2),.node-table td:nth-child(-n+2){text-align:left}.node-table th,.chart-table th{color:var(--ink-secondary);font-weight:500}.node-preview{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.workspace-switch{font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:4px 8px}.settings-page{flex-direction:column;gap:8px;max-width:720px;display:flex}.members{border-collapse:collapse;font-size:13px}.members th{text-align:left;color:#57606a;font-weight:600}.members th,.members td{border-bottom:1px solid #eaeef2;padding:4px 12px 4px 0}.invite-link input{min-width:240px;font:inherit;border:1px solid #d0d7de;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.language-switch{z-index:1;position:fixed;top:12px;right:16px}.language-switch select{font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:4px 8px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contacts-actions{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.contact-item{align-items:flex-start;gap:6px;display:flex}.contact-item>input{margin-top:10px}.contact-item>.conv{flex:1;min-width:0}.contacts-check-all{align-items:center;gap:4px;display:flex}
