:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#303039;background:#faf9f7;font-size:15px;line-height:1.65;--accent:#77628c;--line:#e8e4e0;--muted:#85818b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#f2efeb;padding:35px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:25px;font-weight:650;letter-spacing:2px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px;margin:6px 0 0 30px}.side-caption{font-size:13px;color:var(--muted);margin:40px 0 30px;line-height:1.9}nav{display:grid;gap:8px}nav button{border:0;text-align:left;border-radius:10px;background:none;padding:13px 17px;color:#76717c}nav button.active{background:#fff;color:#665278;box-shadow:0 3px 10px #39313606}#unread{float:right;font-size:12px}.side-bottom{margin-top:auto;font-size:12px;color:#89818d}.side-bottom p{font-size:11px;color:#a19aa5}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#8da795;margin-right:6px}main{margin-left:236px}header{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 45px;font-size:12px;color:var(--muted);gap:16px}.account-label{display:flex;gap:12px;align-items:center}.account-label select{padding:7px 10px;background:white;border:1px solid var(--line);border-radius:8px;font-size:12px}.workspace{max-width:1240px;padding:44px 45px 25px;margin:auto}.eyebrow{font-size:11px;letter-spacing:4px;color:#a396ac;margin:0 0 19px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:32px;line-height:1.3;letter-spacing:1px;margin:0 0 12px}h2{font-size:21px;line-height:1.5;margin:0 0 12px}h3{font-size:16px;margin:0 0 14px}p{margin:10px 0}.subtitle{color:var(--muted);margin:0 0 24px}.card{padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:18px;margin:0 0 20px;box-shadow:0 12px 32px #39313603}.button{background:var(--accent);color:white;border:1px solid transparent;border-radius:10px;padding:10px 17px;line-height:1.5;white-space:normal}.button.quiet{background:#f4f1f6;color:#7a688d}.button.danger{background:#fbf0ee;color:#a86659}.button:hover{filter:brightness(.97)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;justify-content:flex-start}.actions .muted{margin-right:auto}.muted{color:var(--muted);font-size:13px}.section-label{font-size:12px;letter-spacing:2px;color:#9a8ba7;margin-bottom:16px}.pill{display:inline-block;font-size:11px;border-radius:20px;background:#edf4ee;color:#6d8d73;padding:4px 10px;white-space:normal}.pill.demo{color:#9b7e45;background:#faf2df}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags .pill{color:#8d7b9e;background:#f6f3fa}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid>.card{margin-bottom:0}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;color:#77717e}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #e5dfe8;border-radius:9px;padding:10px 13px;background:#fdfcfd;color:#3d3744;min-width:0}textarea{resize:vertical;min-height:94px;line-height:1.7}.check,.consent{display:flex;align-items:center;gap:9px;font-size:13px}.checks{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.checks input,.check input,.consent input{accent-color:var(--accent)}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 20px;display:flex;gap:18px;flex-wrap:wrap}legend{font-size:13px;color:#77717e}.scope{background:#faf8fc;border:1px solid #eee8f2;border-radius:12px;padding:18px 20px;margin:20px 0;font-size:13px}.scope p{margin:7px 0}.person{padding:10px 0}.hint{padding:18px 4px;font-size:13px;color:var(--muted)}summary{cursor:pointer;color:#8d7c9a}#notice:empty{display:none}#notice{margin:0 0 20px;padding:14px 18px;background:#fff2df;border:1px solid #edd7b6;border-radius:10px;color:#8c6a30;font-size:13px}.conversation-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px;margin-top:18px;align-items:start}.conversation-layout>.card{min-width:0;padding:24px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.toolbar .button{font-size:12px;padding:8px 12px}.timeline{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--line);padding:24px 0}.message{max-width:94%;padding:15px 18px;background:#f6f3f8;border:1px solid #eae3f0;border-radius:14px;font-size:14px}.message.self{align-self:flex-end;background:#f0f5f0;border-color:#e0ebe1}.message.user{border-left:3px solid #c3a176}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted)}.message-meta strong{font-size:12px;color:#7e6f8e}.message-meta time{margin-left:auto;font-size:10px}.message-meta .pill{font-size:10px;padding:2px 6px}.composer{border-top:1px solid var(--line);padding-top:20px}.demo-note{background:#faf3e5;color:#a4874c;border-radius:8px;padding:10px 12px;font-size:12px}.empty{padding:35px;text-align:center;color:var(--muted);font-size:13px}.contact-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:13px}.fixture-row{border-top:1px solid var(--line);padding:18px 0}.fixture-row>.pill{margin-left:12px}.fixture-row .button{font-size:12px}footer{text-align:center;font-size:11px;color:#afa7b5;margin:40px 0 10px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px 32px;max-width:480px;width:calc(100% - 32px);color:#3d3744}dialog::backdrop{background:#29232f55}dialog p{color:var(--muted);font-size:14px}
@media(min-width:1500px){.workspace{padding-top:55px}}@media(max-width:1050px){.sidebar{width:190px;padding:28px 20px}main{margin-left:190px}.workspace{padding:30px 26px}header{padding:0 26px}.conversation-layout{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:relative;width:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.brand small{display:inline;font-size:10px;margin-left:8px}.side-caption,.side-bottom{display:none}nav{display:flex;gap:3px;margin-top:15px}nav button{padding:8px 12px;font-size:13px}.sidebar nav button.active{box-shadow:none}main{margin:0}header{height:auto;min-height:65px;flex-wrap:wrap;padding:13px 20px;font-size:11px}.account-label{font-size:11px}.workspace{padding:28px 20px}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:26px}.card{padding:22px 20px}.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.title-row{align-items:flex-start}footer{font-size:10px}.message{max-width:100%}}

.agent-activity{margin:22px 0;padding:18px 20px;background:#f8f7f5;border:1px solid var(--line);border-radius:14px}.agent-activity h3{font-size:14px;margin:0 0 12px}.agent-activity-row+.agent-activity-row{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.agent-activity-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.agent-activity-row p{font-size:12px;margin:7px 0 0;padding-left:16px}.activity-dot{width:7px;height:7px;border-radius:50%;background:#a8a3a0;flex-shrink:0}.activity-dot.working{background:#7d9b86;animation:agent-pulse 1.4s ease-in-out infinite}@keyframes agent-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.activity-dot.working{animation:none}}

.composer-fields{border:0;margin:0;padding:0;min-width:0}.attachment-picker{font-size:12px}.attachment-picker input{font-size:12px;max-width:100%}.pending-file{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;font-size:12px;overflow-wrap:anywhere}.message-attachments{display:grid;gap:10px;margin-top:8px}.attachment-image{padding:0;background:transparent;box-shadow:none;display:block;max-width:100%;text-align:left}.attachment-image img{display:block;width:auto;max-width:100%;max-height:220px;border-radius:10px;object-fit:contain}.attachment-caption{display:block;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.attachment-file{white-space:normal;text-align:left;overflow-wrap:anywhere}.attachment-preview{max-width:92vw;max-height:92vh;width:max-content;padding:18px;border:1px solid var(--line);border-radius:16px}.attachment-preview::backdrop{background:rgba(25,25,25,.65)}.attachment-preview .title-row{gap:20px;margin-bottom:12px}.attachment-preview strong{overflow-wrap:anywhere}.attachment-preview img{display:block;max-width:86vw;max-height:76vh;object-fit:contain}

/* Message composer: isolated from profile form fieldset layout. */
.composer{padding-top:22px;margin-top:8px}.composer-fields{display:block;border:0;padding:0;margin:0;min-width:0;width:100%}.composer-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:#807786}.composer-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eee8f2;color:#7b668e;font-size:11px}.composer-visibility{margin-left:auto;font-size:11px;color:#a49aa9}.composer-shell{border:1px solid #e4dce9;border-radius:16px;background:#fdfcfe;overflow:hidden;transition:border-color .15s,box-shadow .15s}.composer-shell:focus-within{border-color:#ad96bd;box-shadow:0 0 0 3px #eee7f280}.composer textarea.composer-input{display:block;width:100%;max-width:100%;border:0;outline:none;background:transparent;border-radius:0;resize:vertical;min-height:112px;padding:17px 18px 12px;margin:0;font-size:14px;line-height:1.8;box-shadow:none}.composer-input::placeholder{color:#b0a6b8}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 12px}.composer-tools,.composer-submit{display:flex;align-items:center;gap:10px}.composer-add{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #e8e1ee;border-radius:11px;background:#fff;color:#8b739b;cursor:pointer}.composer-add:hover{background:#f0eaf5;border-color:#cdbed7}.plus-icon{position:relative;display:block;width:15px;height:15px}.plus-icon::before,.plus-icon::after{content:"";position:absolute;left:0;top:6px;width:15px;height:2px;border-radius:2px;background:currentColor}.plus-icon::after{transform:rotate(90deg)}.composer input.composer-file-input{display:none}.composer-paste-hint{font-size:11px;color:#aaa0b2}.composer-key-hint{font-size:10px;color:#a79cab;letter-spacing:.3px}.composer-send{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 17px;min-width:78px;border-radius:11px;font-size:13px}.composer-send span{font-size:19px;line-height:1}.pending-attachments:not(:empty){display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}.composer-attachment{display:flex;align-items:center;gap:9px;border:1px solid #e9e3ed;background:#fff;border-radius:11px;padding:7px;max-width:100%;min-width:180px;flex:0 1 245px}.composer-thumb{width:44px;height:44px;object-fit:cover;border-radius:7px}.file-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#f3eff7;color:#9177a5}.composer-file-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.composer-file-name{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-file-copy small{font-size:10px;color:#aca2b4}.composer-remove{border:0;background:transparent;color:#a69aae;font-size:20px;padding:4px;cursor:pointer}.composer-status{font-size:12px;color:#8b7a97;margin-top:9px}.composer-status:empty{display:none}.typing-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:3px;height:18px}.typing-indicator i{display:block;width:5px;height:5px;border-radius:50%;background:#9274a6;animation:typing-wave 1.15s ease-in-out infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-wave{0%,65%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-indicator i{animation:none;opacity:.8}}@media(max-width:600px){.composer-toolbar{padding:8px 10px 10px}.composer-key-hint{display:none}.composer textarea.composer-input{min-height:110px;padding:15px}.composer-attachment{flex-basis:100%}.composer-paste-hint{font-size:10px}}

.jump-to-latest{position:fixed;right:28px;bottom:26px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #e2d7eb;border-radius:999px;background:#fff;color:#806592;font:inherit;font-size:12px;box-shadow:0 5px 24px #4a345b18;cursor:pointer}.jump-to-latest[hidden]{display:none}.jump-to-latest:hover{background:#f6f1fa;border-color:#bca7cc}.jump-to-latest>span:first-child{font-size:20px;line-height:1}@media(max-width:600px){.jump-to-latest{right:16px;bottom:18px;padding:10px 14px}}

/* Cloud login and personal-Agent connections */
[hidden]{display:none!important}.auth-card{max-width:470px;margin:36px auto;padding:38px}.auth-form{display:grid;gap:18px;margin-top:28px}.auth-code-row{display:flex;gap:10px}.auth-code-row input{min-width:0;flex:1}.auth-code-row button{white-space:nowrap}.auth-submit,.google-login{width:100%;justify-content:center}.google-login{display:flex;align-items:center;gap:12px;background:white;color:#3d3545;border:1px solid #e2dbe8}.google-letter{font:bold 20px Arial;color:#4285f4}.auth-divider{display:flex;align-items:center;gap:12px;color:#a59bad;font-size:12px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#eee8f0}.auth-session-note{font-size:12px;text-align:center;color:#94889e;margin-top:24px}.pairing-code{display:block;overflow-wrap:anywhere;padding:16px;background:#f4eff7;border-radius:12px;font-size:16px;user-select:all}.install-instruction{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;background:#f8f6fa;padding:16px;border-radius:12px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eee8f0}@media(max-width:600px){.auth-card{padding:24px;margin:12px auto}.auth-code-row{gap:6px}.auth-code-row button{padding:10px}}