:root{font-family:system-ui,-apple-system,sans-serif;color:#143d35;background:#f4f7f5;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;overflow:hidden}a{color:#135b45;text-decoration:none}button,select,textarea{font:inherit;border:1px solid #b3c9bd;border-radius:9px;padding:10px 12px;background:#fff;color:inherit}button,a,select{min-height:44px}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.topbar{display:flex;align-items:center;gap:16px;padding:10px max(14px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #dbe5df;flex:none}.brand{display:flex;flex-direction:column;gap:2px;min-width:0}.brand strong{font-size:21px}.brand span{font-size:14px;font-weight:600;overflow-wrap:anywhere}.topbar time{font-size:13px;text-align:right;margin-left:auto;white-space:pre-line;flex:none}.channels{display:flex;flex:none;align-items:center;gap:8px;padding:9px max(14px,calc((100vw - 1100px)/2));overflow-x:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #dbe5df}.channels>a{display:inline-flex;align-items:center;padding:8px 12px;border-radius:9px;border:1px solid #b3c9bd}.channels button[aria-pressed=true]{background:#17664f;color:#fff;border-color:#17664f}.channels label{margin-left:0}main{width:100%;max-width:1128px;margin:0 auto;padding:12px 14px max(12px,env(safe-area-inset-bottom));flex:1;min-height:0;display:flex;flex-direction:column}h1{font-size:20px;margin:0 0 8px}h2{font-size:17px;margin:0 0 12px}#status{margin:0;color:#546e60;flex:none}#status:not(:empty){padding-bottom:8px}.workspace{display:flex;gap:12px;flex:1;min-height:0}.conversation{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:#fff;border:1px solid #cfdfd5;border-radius:12px;overflow:hidden}#inbox{width:240px;flex:none;background:#fff;border:1px solid #cfdfd5;border-radius:12px;overflow:auto;padding:12px}#threads{display:flex;flex-direction:column;gap:8px}#threads button{text-align:left;overflow-wrap:anywhere}#threads button[aria-pressed=true]{background:#e4f1e9;border-color:#17664f}#history{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px}.message{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:13px;padding:10px 13px;max-width:90%;line-height:1.65}.message.mine{align-self:flex-end;background:#e1efe7}.message.theirs{align-self:flex-start;background:#f0f3f1}.message.pending{opacity:.7}#older{align-self:center;border:0;min-height:36px;color:#17664f}#error{margin:0;color:#a32e23;padding:0 12px}#error:not(:empty){padding:8px 12px}#message-form{display:flex;flex:none;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid #dbe5df}#message{flex:1;min-width:0;min-height:48px;max-height:160px;resize:vertical}#send{min-height:48px;background:#17664f;color:#fff;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #cf9d37;outline-offset:2px}@media(max-width:650px){.workspace{flex-direction:column;gap:8px}#inbox{width:100%;max-height:30%;min-height:82px}#inbox h2{margin-bottom:6px}#threads{flex-direction:row;overflow:auto}#threads button{flex:0 0 160px}.channels{gap:6px;padding:8px 10px}.channels>a,.channels>button{padding:8px 10px;font-size:14px}main{padding:10px}.message{max-width:94%}}

body[data-customer-business] #bot-tab,body[data-customer-business] #admin-tab,body[data-customer-business] #knowledge,body[data-customer-business] #business-picker{display:none!important}
#shared-conversation{width:100%;max-width:100%;height:auto;max-height:none;flex:1;min-height:0;box-shadow:none}

.needs-attention{background:#fff0f0!important;border-color:#e8aaaa!important;color:#782f2f}#threads button.needs-attention[aria-pressed=true]{box-shadow:inset 0 0 0 1px #bd6565}.reply-target{margin-top:6px;min-height:32px;padding:4px 8px;font-size:14px}.reply-target[aria-pressed=true]{background:#17664f;color:#fff}

.channels{justify-content:flex-start}.chat-day-separator{display:flex;align-items:center;justify-content:center;align-self:stretch;gap:10px;margin:8px 0;color:#61756b;font-size:13px;text-align:center}.chat-day-separator::before,.chat-day-separator::after{content:"";height:1px;flex:1;background:#dbe5df}.chat-day-separator time{flex:none;padding:2px 6px}
