*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#253d32;font:14px system-ui}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:12px;background:#253d32;color:white}button:disabled{opacity:.45;cursor:default}input{padding:13px;border:1px solid #d9ded5;border-radius:8px;background:white;min-width:0}button:focus-visible,input:focus{outline:2px solid #9cb76c;outline-offset:2px}.auth{width:min(420px,90vw);margin:12vh auto;background:white;padding:36px;border-radius:20px}.auth form{display:grid;gap:14px}.auth h1{font-size:32px}.sub{color:#7b877d;line-height:1.8}.link{background:none;color:#53694b}.error{color:#a74735;line-height:1.7}.shell{height:100dvh;display:grid;grid-template-columns:280px 1fr;max-width:1450px;margin:auto}.sidebar{border-right:1px solid #dee2d7;padding:25px 18px;display:flex;flex-direction:column;gap:12px}.brand{font-size:25px;font-weight:700;padding:10px}.conversation{background:transparent;color:#253d32;text-align:left;border:1px solid transparent}.conversation.active{background:#e3ebd6;border-color:#d1ddbf}.bottom{margin-top:auto;border-top:1px solid #ddd;padding-top:15px}.chat{display:flex;flex-direction:column;min-width:0}.header{padding:23px 30px;border-bottom:1px solid #dee2d7;display:flex;justify-content:space-between;align-items:center}.messages{flex:1;overflow:auto;padding:30px;display:flex;flex-direction:column;gap:16px}.bubble{background:white;border-radius:14px;padding:15px 18px;max-width:75%;white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.bubble.me{align-self:flex-end;background:#253d32;color:white}.bubble small{display:block;opacity:.65;font-size:10px;margin-bottom:4px}.compose{padding:20px 30px;display:flex;gap:12px;border-top:1px solid #dee2d7}.compose input{flex:1}.empty{margin:auto;text-align:center;max-width:450px;padding:25px;line-height:1.9}.status{padding:0 30px 12px;font-size:12px;color:#7b877d}.status.error{color:#a74735}@media(max-width:640px){.shell{grid-template-columns:125px 1fr}.sidebar{padding:12px 8px}.brand{font-size:20px}.header{padding:15px}.messages{padding:14px}.bubble{max-width:95%}.compose{padding:12px;gap:6px}.compose button{padding:10px}.sub{font-size:12px}}
dialog{width:min(480px,92vw);border:1px solid #dde2d6;border-radius:18px;padding:26px;color:#253d32;max-height:90vh;overflow:auto}dialog::backdrop{background:#182c2370;backdrop-filter:blur(3px)}.dialog-title{display:flex;align-items:center;justify-content:space-between}dialog form{display:grid;gap:15px}dialog label{display:grid;gap:8px}dialog textarea{font:inherit;min-height:100px;border:1px solid #d9ded5;border-radius:8px;padding:12px;resize:vertical}dialog fieldset{border:1px solid #d9ded5;border-radius:8px;padding:16px}dialog .radio{display:flex;align-items:center;gap:8px}.sidebar{overflow:auto}
.contact-heading{display:flex;align-items:center;justify-content:space-between}.contact-heading .link{padding:4px 10px}.contact{display:flex;align-items:center;gap:10px;width:100%;padding:12px 8px}.contact small{font-size:10px;color:#778976}.contact-meta{display:block;margin-top:4px}#contact-search{width:100%;padding:9px;font-size:12px}#contact-list{display:flex;flex-direction:column;gap:4px}
.history-controls{display:flex;gap:8px;justify-content:center;font-size:12px}.history-controls button{padding:6px 12px}
.chat,.sidebar{min-height:0}.messages{min-height:0}.bubble{flex-shrink:0}
.opening-steps{font-size:12px;line-height:2.2;padding-left:20px;color:#75806f}#bot-progress{font-weight:600}

.header-actions{display:flex;align-items:center;gap:6px}.header-actions button{padding:8px 10px}.message-result{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #ffffff35;font-size:11px;line-height:1.65;white-space:normal}.message-result b{font-weight:600}.message-result span{display:block;opacity:.85}.message-result.state-failed{color:#ffd7b2}.message-result.state-replied{color:#cfe5ab}.message-result.state-unknown{color:#e6dfc9}