:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b37;background:#f6f8fa;font-synthesis:none;--green:#117b61;--ink:#173e34;--line:#e6ecea;--muted:#83918e}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}[hidden]{display:none!important}button{transition:background .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #86bfae;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}.rail{position:fixed;inset:0 auto 0 0;width:226px;background:#fff;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#203c33;font-size:31px;font-weight:750;letter-spacing:-1.5px;padding:0 10px}.brand-mark{width:31px;height:32px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:29px;font-style:italic}.brand-dot{color:var(--green)}.workspace-name{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px 9px;margin-top:33px;font-size:11px;font-weight:650}.workspace-name small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.workspace-icon{display:grid;place-items:center;width:27px;height:28px;background:#f0f6f3;border:1px solid #deebe4;border-radius:7px;color:var(--green)}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#9aa6a1;font-weight:650;margin:32px 10px 12px}nav{display:grid;gap:7px}.nav-item{border:0;text-align:left;display:flex;gap:11px;align-items:center;background:none;padding:13px 11px;font-size:12px;color:#6f8078;border-radius:7px}.nav-item>span{font-size:18px;width:20px}.nav-item.active{color:var(--green);background:#eaf4ef;font-weight:650}.nav-item b{margin-left:auto;font-size:10px;border-radius:5px;background:#d8eae0;padding:3px 5px}.rail-bottom{margin-top:auto}.rail-card{border:1px solid var(--line);border-radius:9px;background:#fafcfb;padding:15px;font-size:11px;font-weight:650;margin-bottom:22px}.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.rail-card p{font-weight:400;font-size:11px;line-height:1.6;color:var(--muted)}.rail-card button{width:100%;background:white;border:1px solid var(--line);border-radius:5px;font-size:10px;padding:8px;color:#5f7169;text-align:left}.rail-card button span{float:right}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-size:11px}.profile>span:last-child{margin-left:auto;color:var(--muted)}.avatar{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;background:#e3eee8;color:#466e5e;font-weight:650;font-size:10px}.app{margin-left:226px}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:11px}.breadcrumb{color:#9ba7a2}.breadcrumb span{margin:0 12px;color:#c6cfca}.breadcrumb strong{color:#5c7167;font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.connection-pill{font-size:10px;color:#75867c}.icon-button{border:1px solid var(--line);border-radius:6px;background:white;padding:6px 9px;color:#6f8377;font-size:17px}main{padding:28px 32px 18px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:#81998a;margin:0 0 10px}h1{font-size:26px;letter-spacing:-.7px;font-weight:650;margin:0 0 9px}.page-heading p:not(.eyebrow){font-size:12px;color:#83928a;margin:0}.mode-switch{display:flex;background:#eaf0ed;padding:4px;border:1px solid #e0e8e3;border-radius:8px;white-space:nowrap}.mode-switch button{background:transparent;border:0;padding:9px 13px;border-radius:5px;font-size:10px;color:#85958b}.mode-switch button.active{background:#fff;color:#305d47;box-shadow:0 1px 4px #173e3410;font-weight:650}.banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #e9dfc2;border-radius:7px;background:#fcf9ef;margin-bottom:21px;color:#8b7437;font-size:11px}.banner.demo{background:#edf4ff;border-color:#d5e3f6;color:#466895}.banner p{margin:0;line-height:1.5;flex:1}.banner-icon{border:1px solid currentColor;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;font-size:9px}.banner button{color:inherit;background:none;border:0;font-size:10px;font-weight:600;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:23px;padding:20px 0}.metrics article{padding:0 22px;border-right:1px solid var(--line);position:relative}.metrics article:last-child{border-right:0}.metrics span{display:block;font-size:11px;color:#7e9184}.metrics strong{font-size:27px;font-weight:600;display:block;margin:8px 0 4px;color:#294c3d}.metrics small{font-size:9px;color:#9baa9f}.inbox-layout{display:grid;grid-template-columns:245px minmax(280px,1fr) 240px;background:#fff;border:1px solid #dfe8e2;border-radius:10px;overflow:hidden;height:660px;box-shadow:0 3px 8px #14332202}.conversations{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;padding:21px 17px 15px}.section-title h2{font-size:12px;font-weight:600;margin:0}.section-title h2 span{font-size:9px;background:#edf3ef;border-radius:4px;color:#7e9485;padding:3px 5px;margin-left:6px}.section-title>span{color:#9ead9f;font-size:12px}.search-wrap{display:flex;margin:0 15px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:9px 10px;background:#fafcfa}.search-wrap>span{color:#a0ada4;font-size:16px}.search-wrap input{padding:0;border:0;background:none;outline:none!important;font-size:10px;width:100%;min-width:0;color:#3e5a48}.filters{display:flex;gap:7px;padding:15px 14px;border-bottom:1px solid var(--line)}.filters button{padding:6px 7px;font-size:9px;border:0;background:transparent;color:#98a59b;border-radius:5px;white-space:nowrap}.filters button.active{background:#ecf4ee;color:#41815c;font-weight:600}#contact-list{overflow:auto;flex:1}.contact-row{display:flex;gap:11px;padding:18px 15px;width:100%;border:0;border-bottom:1px solid #f1f4f1;text-align:left;background:#fff;color:inherit}.contact-row.active{background:#edf6f0;border-left:3px solid #3f9a6c;padding-left:12px}.contact-info{flex:1;min-width:0}.contact-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.contact-top strong{font-size:11px;font-weight:600}.contact-top time{font-size:8px;color:#9bafa0;white-space:nowrap}.contact-info p{font-size:10px;color:#8a9c8e;margin:7px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info small{font-size:8px;color:#719c7b}.list-footer{font-size:9px;color:#a5b1a7;padding:15px;border-top:1px solid var(--line)}.chat{display:flex;flex-direction:column;min-width:0}.chat-header{height:77px;display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line)}.avatar.large{height:37px;width:37px;font-size:12px}.chat-identity{min-width:0}.chat-identity h2{font-size:12px;font-weight:600;margin:0}.chat-identity p{font-size:9px;color:#92a295;margin:5px 0 0}.badge{display:inline-block;background:#edf5ee;color:#6b9775;padding:5px 7px;border-radius:4px;font-size:8px;white-space:nowrap}.chat-header>.badge{margin-left:auto}.messages{background-color:#f7f9f6;background-image:radial-gradient(#d7e1d955 .7px,transparent .7px);background-size:14px 14px;flex:1;overflow:auto;padding:20px 22px;display:flex;flex-direction:column;gap:15px;min-height:160px}.day-divider{text-align:center;font-size:9px;color:#a3afa3;align-self:center;background:#edf1e9;border-radius:4px;padding:5px 10px;margin-bottom:6px}.bubble{max-width:88%;border:1px solid #e4eae0;border-radius:0 8px 8px 8px;background:#fff;padding:12px 14px;align-self:flex-start;box-shadow:0 1px 2px #273c2710;font-size:11px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.out{align-self:flex-end;background:#e5f0df;border-color:#dde9d4;border-radius:8px 0 8px 8px}.bubble small{display:block;font-size:8px;color:#91a18a;text-align:right;margin-top:6px}.bubble .simulated{color:#6480a7;font-size:8px;display:block;margin-bottom:5px;letter-spacing:.3px}.bubble.error{border-color:#e7c8b8}.empty-state{margin:auto;text-align:center;max-width:290px;padding:22px;color:#92a68f;font-size:11px;line-height:1.7}.empty-state .empty-icon{display:grid;place-items:center;margin:0 auto 15px;background:#edf3e8;border:1px solid #e0e9d8;border-radius:18px;width:58px;height:58px;font-size:27px;color:#79936c}.empty-state h3{color:#536e4e;font-weight:550;font-size:14px}.empty-state button{margin-top:12px}.composer{background:#fff;border-top:1px solid var(--line);padding:0 16px 13px}.composer-tabs{display:flex;gap:16px;align-items:center;border-bottom:1px solid #f1f4ef;margin-bottom:11px}.composer-tabs button{font-size:10px;color:#8d9e8b;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0}.composer-tabs button.active{color:#3a754f;border-color:#40895b}.composer-tabs>span{margin-left:auto;font-size:8px;color:#97a9b6}.quick-replies{display:flex;gap:6px}.quick-replies button{border:1px solid #e3ebdf;background:white;padding:5px 7px;border-radius:4px;color:#84987c;font-size:8px}.quick-replies button:last-child{margin-left:auto}.composer textarea{width:100%;resize:vertical;min-height:64px;max-height:120px;padding:12px 0;border:0;font-size:11px;line-height:1.6;color:#526b48;outline:none;background:transparent}.composer textarea::placeholder{color:#b0bdab}#note-controls{background:#fffbec;border-radius:6px;padding:0 9px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.composer-bottom>span{font-size:8px;color:#9baa93;max-width:65%;line-height:1.6}.primary,.secondary{font-size:10px;font-weight:550;padding:10px 14px;border-radius:6px;border:1px solid transparent;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary span{margin-left:9px}.secondary{background:white;border-color:#dfe7dc;color:#5f7b55}.full{width:100%;margin-top:8px}.details{border-left:1px solid var(--line);overflow:auto}.detail-person{text-align:center;padding:10px 15px 20px}.avatar.xl{width:51px;height:51px;font-size:15px;margin:auto}.detail-person h3{font-size:12px;margin:10px 0;font-weight:600}.details dl{margin:0;padding:0 18px 15px}.details dt{font-size:9px;color:#9eac99;margin-top:14px}.details dd{font-size:10px;color:#5e7654;margin:5px 0;line-height:1.5}.detail-block{border-top:1px solid var(--line);padding:17px}.detail-block h3{font-size:10px;font-weight:600;margin:0 0 13px}.detail-block p{font-size:9px;color:#a2ae9a;line-height:1.6}.check-item{display:flex;gap:8px;align-items:center;font-size:9px;color:#9daa93;margin:12px 0}.check-item.done{color:#4d8b59}.check-circle{width:13px;height:13px;border-radius:50%;border:1px solid #dce5d3;display:grid;place-items:center;font-size:8px}.done .check-circle{background:#e8f3df;color:#589543;border-color:#cee4be}.text-button{border:0;background:none;font-size:9px;color:#7a9b68;padding:5px 0}.note{background:#fffbef;border:1px solid #f1e8cd;padding:9px;border-radius:5px;font-size:10px;line-height:1.6;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.note small{display:block;font-size:8px;color:#acaa92;margin-top:5px}footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#acb7ab;padding-top:20px}.toast{background:#fff;border:1px solid #dce9d4;color:#587d45;border-radius:7px;padding:12px 16px;font-size:12px;margin-bottom:14px}.toast.error{color:#a64c3d;border-color:#ecd1c8}.journey-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 23px}.journey-heading h2{font-size:20px;font-weight:600;margin:0 0 10px}.journey-heading p,.callout p{font-size:12px;color:#84947a;line-height:1.7}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.journey-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;min-height:180px}.journey-card .step-label{display:flex;justify-content:space-between;align-items:center}.step-number{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#8da67b;background:#f0f5e9;font-size:11px;flex-shrink:0}.journey-card h3{font-size:14px;margin:20px 0 10px;font-weight:600}.journey-card p{font-size:11px;color:#95a18b;line-height:1.6}.callout{border:1px solid #dfe7d5;border-radius:9px;padding:22px;background:#eff5e8;margin-top:22px}.callout h3{font-size:14px;font-weight:600}.setup-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:25px}.panel-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.panel-heading h2{font-size:14px;font-weight:600;margin:2px 0 8px}.panel-heading p{font-size:11px;color:#93a28a;margin:0;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label,.panel>label{display:block;font-size:10px;color:#6d805e;margin-bottom:18px}form input,.panel>label input{display:block;width:100%;padding:12px;border:1px solid #e0e8d9;border-radius:6px;margin-top:8px;font-size:11px;color:#415737;background:#fcfdfb}form small{display:block;font-size:9px;color:#a0ac94;line-height:1.6;margin-top:7px}.form-privacy{font-size:10px;color:#9ba78f;line-height:1.7;margin:18px 0}#config-result,#diagnostic-result{font-size:11px;line-height:1.7;color:#738b60}.setup-right{display:grid;gap:20px;align-content:start}.code-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e9d9;border-radius:6px;padding:8px 10px;background:#f7faf3;margin-bottom:18px}.code-line code{font-size:10px;overflow-wrap:anywhere;color:#718960}.code-line button{font-size:14px}.setup-list{font-size:10px;color:#869774;line-height:1.9;padding-left:18px}.evidence{font-size:10px;color:#7c9866;border-top:1px solid var(--line);padding-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1550px){.inbox-layout{grid-template-columns:280px minmax(320px,1fr) 270px;height:700px}}@media(max-width:1250px){.rail{width:190px;padding:25px 12px}.app{margin-left:190px}main{padding:25px 22px}.inbox-layout{grid-template-columns:210px minmax(260px,1fr)}.details{display:none}.page-heading{align-items:flex-start}h1{font-size:23px}.workspace-name{font-size:10px}.nav-item{font-size:11px}}@media(max-width:900px){.rail{width:66px;padding:20px 8px}.app{margin-left:66px}.brand{padding:0 8px}.brand>span:last-child,.workspace-name,.nav-caption,.rail-bottom{display:none}nav{margin-top:35px}.nav-item{font-size:0;gap:0;justify-content:center}.nav-item>span{font-size:23px}.nav-item b{display:none}.page-heading{flex-direction:column;gap:16px}.metrics article{padding:0 15px}.metrics span{font-size:9px}.metrics small{font-size:8px}.setup-grid{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(2,1fr)}#footer-scope{display:none}}@media(max-width:620px){main{padding:20px 12px}.topbar{padding:0 15px}.breadcrumb{font-size:9px}.connection-pill{font-size:8px}.inbox-layout{grid-template-columns:1fr;height:auto}.conversations{max-height:255px;border-right:0;border-bottom:1px solid var(--line)}.chat{min-height:550px}.contact-row{padding:12px 15px}.metrics{grid-template-columns:1fr 1fr;row-gap:20px}.metrics article:nth-child(2){border:0}.banner{align-items:flex-start;flex-wrap:wrap}.banner p{font-size:10px}.banner button{margin-left:20px}.journey-steps{grid-template-columns:1fr}.journey-heading{gap:15px;align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}h1{font-size:21px}.chat-header{padding:14px}.page-heading p:not(.eyebrow){line-height:1.6}.messages{min-height:260px}.form-grid{gap:0}}

.demo-toolbar{display:flex;gap:8px;padding:0 0 10px}.demo-toolbar button{font-size:9px;border:1px dashed #cdddec;border-radius:5px;background:#f6faff;color:#7b95b0;padding:6px 8px}

.bubble.note{align-self:center;width:95%;max-width:95%;background:#fff9e7;border:1px solid #eee4c4;box-shadow:none}.bubble.note .simulated{color:#b3a16e}
.report-filters{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-bottom:20px}.report-filters label{font-size:11px;color:#688075;flex:1;min-width:170px}.report-filters select{display:block;width:100%;border:1px solid #dfe7df;border-radius:6px;background:#fff;padding:11px;color:#365343;font:inherit;font-size:11px;margin-top:8px}.report-intro{margin-bottom:20px}.report-intro h2{font-size:21px;margin:18px 0 12px}.report-intro p,.report-section p{font-size:12px;color:#7c8c82;line-height:1.8}.report-intro strong{font-size:13px;font-weight:550;line-height:1.7}.report-section{margin:20px 0}.report-section h2{font-size:14px;font-weight:600;margin:0 0 18px}.report-table-wrap{overflow:auto}.report-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.report-table th{padding:11px;background:#f4f8f3;color:#6d8772;font-size:10px;font-weight:550}.report-table td{padding:12px 11px;border-bottom:1px solid #e7eee5;line-height:1.6;overflow-wrap:anywhere;max-width:300px}.report-meta{font-size:12px;color:#7f8d81}.report-kpis{margin-top:20px}@media print{.rail,.topbar,.page-heading,.banner,.toast,footer,.report-filters,.page:not(#page-reports){display:none!important}.app{margin:0}main{padding:0;max-width:none}#page-reports{display:block!important}body{background:#fff;color:#111}.report-section,.report-intro{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.report-table-wrap{overflow:visible}.report-table{font-size:9px}.metrics{break-inside:avoid}.report-section p{color:#333}}

/* Template catalogue */
.template-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,2fr);gap:24px;align-items:start}
.template-actions{display:flex;gap:10px;flex-wrap:wrap}
.template-layout label{display:block;margin:12px 0}
.template-layout input,.template-layout select,.template-layout textarea{display:block;width:100%;margin-top:7px;box-sizing:border-box}
.template-layout fieldset{border:0;padding:0;margin:0;min-width:0}
.template-layout fieldset:disabled{opacity:.75}
.template-row{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;background:transparent;border:1px solid #e1e8e5;border-radius:10px;padding:14px;margin:8px 0;overflow-wrap:anywhere;cursor:pointer}
.template-row:hover,.template-row:focus-visible{border-color:#167453;background:#f0f7f4}
.template-row small{color:#167453}.template-row span{font-size:12px;color:#697b73}
.template-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;border-radius:12px;background:#eaf6ee;min-height:100px;line-height:1.6}
#template-list{max-height:600px;overflow:auto}#template-components{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
#template-sync-info,#template-editor-info,#template-feedback{line-height:1.6}
@media(max-width:900px){.template-layout{grid-template-columns:1fr}}

.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}
.health-card strong{display:block;font-size:20px;overflow-wrap:anywhere}.health-card p{line-height:1.6}.health-card.good{border-top:3px solid #167453}.health-card.bad{border-top:3px solid #b64a39}.health-card.unknown{border-top:3px solid #bdac85}
#health-content>.panel{margin-bottom:20px}#health-date{line-height:1.6}
@media(max-width:1000px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.health-grid{grid-template-columns:1fr}}

#team-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px;background:white;border:1px solid var(--line);border-radius:9px;margin:0 0 16px}#team-controls h3{width:100%;margin:0;font-size:13px}#team-controls label{display:grid;gap:5px;font-size:11px}#team-controls input,#team-controls select{padding:8px;border:1px solid var(--line);border-radius:5px;max-width:240px}#conversation-info{font-size:11px;margin:5px 0}.filters{flex-wrap:wrap}#import-preview{white-space:pre-wrap;max-height:250px;overflow:auto;font-size:12px}

.login-page{max-width:520px;margin:8vh auto;padding:20px}#session-user{font-size:11px;overflow-wrap:anywhere}