@import url('/assets/css/evo-chat-layout.css');
:root{color-scheme:light;--orange:#f87315;--ink:#18302d;--muted:#7a8885;--line:#e8edea;--green:#34766a;--paper:#f7f9f7;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#edf1ed}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #fbaa70;outline-offset:3px}button{color:inherit}button[hidden],[hidden]{display:none!important}a{color:var(--green)}.ec-app{height:100dvh;min-height:350px;display:grid;grid-template-columns:350px 1fr;max-width:1600px;margin:auto;background:white}.ec-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#fff}.ec-brand{display:flex;align-items:center;gap:11px;padding:26px 24px 28px}.ec-logo{display:grid;place-items:center;width:41px;height:41px;position:relative;background:var(--orange);color:white;font-size:35px;font-weight:700;border-radius:14px;text-decoration:none;line-height:1}.ec-logo span{font-size:15px;position:absolute;right:7px;bottom:3px}.ec-brand strong{font-size:23px;letter-spacing:-1px}.ec-brand strong span{font-weight:400}.ec-brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin-top:4px}.ec-brand-tag{font-size:8px;letter-spacing:1px;padding:5px 7px;border:1px solid var(--line);border-radius:5px;margin-left:auto;color:var(--muted)}.ec-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 22px 12px}.ec-sidebar-heading h1{font-size:19px;letter-spacing:-.6px;margin:0}.ec-icon{border:0;border-radius:10px;background:transparent;width:35px;height:35px;font-size:22px;flex-shrink:0;display:grid;place-items:center}.ec-icon:hover{background:#f1f4f0}.ec-search{margin:0 22px 19px;background:#f5f7f4;border:1px solid #eff2ee;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:9px}.ec-search span{font-size:27px;color:var(--muted)}.ec-search input{width:100%;border:0;background:transparent;outline:0;height:40px;font-size:12px;color:var(--ink)}.ec-search:focus-within{outline:2px solid #f8ba90}.ec-filters{display:flex;padding:0 22px 16px;gap:5px;border-bottom:1px solid var(--line)}.ec-filters button{border:0;background:transparent;border-radius:7px;padding:8px 10px;color:#87918b;font-size:11px;font-weight:600}.ec-filters .selected{background:#fff0e4;color:#ce5c0b}.ec-filters span:not(:empty){background:var(--orange);padding:2px 4px;border-radius:4px;color:white;font-size:9px;margin-left:3px}.ec-list{overflow:auto;flex:1}.ec-conversation{display:flex;align-items:center;gap:12px;width:100%;padding:20px 21px;text-align:left;background:white;border:0;border-bottom:1px solid #f2f4f1;position:relative}.ec-conversation:hover{background:#fafbf8}.ec-conversation.active{background:#f1f6f0}.ec-conversation.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.ec-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:#e8eee5;color:#52734e;font-size:14px;flex-shrink:0;font-weight:600}.ec-conversation:nth-child(3n+2) .ec-avatar{background:#f9ede1;color:#ae7c4a}.ec-conversation:nth-child(3n+3) .ec-avatar{background:#e8edf5;color:#64758f}.ec-conv-text{flex:1;min-width:0}.ec-conv-line{display:flex;align-items:center;gap:5px;margin-bottom:7px}.ec-conv-line strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.ec-conv-line time{font-size:9px;color:#99a39b;flex-shrink:0}.ec-conv-preview{font-size:11px;color:#89928b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.5}.ec-conv-bottom{display:flex;justify-content:space-between;margin-top:8px}.ec-tag{font-size:8px;letter-spacing:.3px;background:#f3f0e6;color:#9a8648;border-radius:4px;padding:3px 5px}.ec-tag.quote{background:#fff0e4;color:#d77326}.ec-count{font-size:9px;background:var(--green);color:#fff;border-radius:5px;min-width:16px;text-align:center;padding:2px 4px}.ec-sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 22px}.ec-small{width:32px;height:32px;border-radius:11px;font-size:11px;background:#f4ece3;color:#b6854d}.ec-sidebar-footer div{flex:1;min-width:0}.ec-sidebar-footer strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-sidebar-footer small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.ec-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:var(--paper)}.ec-thread-header{height:88px;min-height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:0 30px}.ec-thread-title{flex:1;min-width:0}.ec-thread-title strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ec-thread-title small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.ec-status-button{border:1px solid #dce6df;background:white;border-radius:7px;padding:8px 10px;font-size:10px;color:#617768}.ec-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 40%,#edf2e9 0,transparent 65%)}.ec-welcome-art{position:relative;margin-bottom:30px;display:grid;place-items:center;width:145px;height:145px;background:#e7ede1;border:1px solid #dfe7d7;border-radius:50%;box-shadow:0 0 0 15px #eff3eb}.ec-welcome-art img{border-radius:25px;transform:rotate(-8deg);box-shadow:0 12px 20px #c7ccba}.ec-spark{position:absolute;color:#beccab;font-size:25px}.ec-spark-one{right:-25px;top:16px}.ec-spark-two{left:-20px;bottom:12px;font-size:16px}.ec-eyebrow{font-size:8px!important;letter-spacing:1.5px;font-weight:700;color:#80946f!important;margin-bottom:15px!important}.ec-welcome h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1.7px;line-height:1.18;font-weight:600;margin:0 0 17px}.ec-welcome>p{color:#899487;font-size:12px;line-height:1.9;margin:0 0 27px}.ec-primary{background:var(--orange);color:white;border:0;border-radius:10px;padding:14px 22px;font-size:12px;font-weight:600;box-shadow:0 5px 12px #f8731520}.ec-primary:hover{background:#e3650d}.ec-primary span{margin-left:20px}.ec-promises{display:flex;gap:23px;margin-top:26px;font-size:9px;color:#8e9b88}.ec-thread{flex:1;overflow:auto;padding:26px 32px;background-image:radial-gradient(#d8dfd5 0.65px,transparent 0.65px);background-size:17px 17px;scroll-behavior:smooth}.ec-message-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 20px}.ec-message-row.mine{align-items:flex-end}.ec-message-author{font-size:9px;color:#8d988e;margin:0 3px 6px}.ec-message{max-width:min(78%,560px);padding:12px 16px;background:#fff;border:1px solid #e8ede5;border-radius:0 13px 13px 13px;box-shadow:0 2px 3px #293c1c03;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.mine .ec-message{background:#e3eddf;border-color:#dce7d7;border-radius:13px 0 13px 13px}.internal .ec-message{background:#fff3d6;border-color:#f2e4c0}.ec-message-row time{font-size:8px;color:#8e9b88;margin:6px 4px 0}.ec-message-row.system{text-align:center;align-items:center}.system .ec-message{font-size:9px;padding:5px 10px;background:#eaf0e7;color:#889880;border:0;border-radius:6px;max-width:90%}.ec-message-file{display:block;font-size:11px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:7px;margin-top:6px;text-decoration:none}.ec-day{text-align:center;margin:5px 0 25px;font-size:9px;color:#91a086}.ec-day span{background:#eaf0e7;padding:6px 12px;border-radius:6px}.ec-composer{padding:14px 30px 18px;background:#fff;border-top:1px solid var(--line)}.ec-compose-note{font-size:9px;color:#879580;margin-bottom:11px;display:flex;gap:6px;align-items:center}.ec-dot{background:#8cab7d;width:5px;height:5px;border-radius:50%;display:inline-block}.ec-compose-row{display:flex;border:1px solid #e2e8de;border-radius:11px;padding:6px;background:#fbfcfa;align-items:flex-end;gap:8px}.ec-compose-row:focus-within{border-color:#b6c8aa;box-shadow:0 0 0 2px #e4eddd}.ec-compose-row textarea{border:0;background:transparent;resize:none;outline:0;flex:1;min-width:0;max-height:140px;padding:10px 7px;font-size:12px;color:var(--ink);line-height:1.5}.ec-send{border:0;width:37px;height:37px;background:var(--orange);color:white;border-radius:9px;font-size:17px}.ec-compose-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#a1aa9b;font-size:8px;gap:10px}.ec-compose-bottom small{font-size:8px}.ec-internal{display:flex;align-items:center;gap:5px;font-size:10px}.ec-internal input{accent-color:var(--orange)}.ec-muted{color:var(--muted);font-size:12px;line-height:1.7}.ec-padding{padding:20px}.ec-empty{text-align:center;padding:50px 25px}.ec-empty strong{display:block;margin-bottom:8px;font-size:13px}.ec-alert{padding:11px 20px;background:#fff0dc;color:#9b591d;font-size:11px;border-bottom:1px solid #f3e3c8}.ec-dialog{border:1px solid var(--line);border-radius:20px;width:min(420px,calc(100% - 30px));padding:33px;box-shadow:0 20px 90px #172a2930;color:var(--ink);max-height:90dvh;overflow:auto}.ec-dialog::backdrop{background:#15292266;backdrop-filter:blur(3px)}.ec-dialog-close{position:absolute;right:10px;top:10px;font-size:16px}.ec-dialog h2{font-size:26px;letter-spacing:-1px;margin:15px 0 9px}.ec-dialog p{font-size:12px;line-height:1.7;color:var(--muted)}.ec-dialog form{display:grid;gap:15px;margin-top:22px}.ec-dialog label{font-size:11px;font-weight:600;display:grid;gap:7px}.ec-dialog input,.ec-dialog textarea,.ec-dialog select{width:100%;border:1px solid #dfe5dc;padding:12px;border-radius:8px;outline-color:#f8ba90;background:#fafcf8;color:var(--ink);font-size:12px}.ec-dialog textarea{resize:vertical}.ec-dialog .ec-link{padding:3px 0;border:0;background:transparent;color:var(--green);font-size:11px;text-align:center}.ec-form-error{color:#b63e28!important;background:#fff0e9;padding:10px;border-radius:8px;font-size:11px;margin:0!important}.ec-earlier{display:block;margin:0 auto 22px;border:1px solid #dce5d6;background:white;border-radius:7px;padding:7px 12px;font-size:10px}.ec-mobile{display:none}.ec-account-actions{display:grid;gap:10px}.ec-account-actions a,.ec-account-actions button{display:block;border:1px solid var(--line);background:#f9fbf7;border-radius:9px;padding:12px;font-size:12px;text-decoration:none;text-align:left}.ec-load-more{display:block;width:90%;margin:12px auto;border:1px solid var(--line);background:white;border-radius:7px;padding:9px;font-size:11px}
.ec-brand-close{margin-left:auto;width:44px;height:44px;border:1px solid #dfe6dc;background:#f5f7f3;color:#344b42}.ec-brand-close svg{width:18px;height:18px}.ec-brand-close:hover{background:#fff0e4;border-color:#f8ba90;color:#ce5c0b}
.ec-typing{opacity:.65;font-style:italic}
.ec-typing-dots{display:inline-flex;gap:4px;align-items:center;padding:15px 16px}.ec-typing-dots i{width:6px;height:6px;border-radius:50%;background:#8d988e;animation:ecdot 1.2s infinite ease-in-out}.ec-typing-dots i:nth-child(2){animation-delay:.15s}.ec-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes ecdot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ec-live:after{content:'';display:inline-block;width:2px;height:1em;background:#8d988e;margin-left:2px;vertical-align:text-bottom;animation:ecblink 1s steps(1) infinite}@keyframes ecblink{50%{opacity:0}}
.ec-message a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-word}.ec-message a:hover{color:var(--orange)}
