:root{--canvas:#f7f4ef;--surface:#fff;--sunken:#f0ece6;--line:#ded8cf;--text:#292524;--muted:#78716c;--accent:#9b5c43;--accent-strong:#7f4935;--success:#4f6f58;--warning:#9a6b2f;--danger:#a44f49;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}.button{min-height:44px;border:0;border-radius:12px;padding:0 16px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff}.button:hover{background:var(--accent-strong)}.button.secondary{background:var(--sunken);color:var(--text);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--muted)}.button:disabled{opacity:.55;cursor:not-allowed}.field{width:100%;min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px;color:var(--text)}.field:focus{outline:3px solid rgba(155,92,67,.18);border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;color:var(--muted);background:var(--surface)}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 50px rgba(70,55,45,.08)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent);color:#fff;font-size:22px;font-weight:800}.brand-mark.small{width:38px;height:38px;border-radius:13px;font-size:18px}.eyebrow{margin:24px 0 8px;color:var(--accent);font-size:12px;letter-spacing:.12em;font-weight:800}.auth-card h1{margin:0;font-size:30px;letter-spacing:-.03em}.supporting{color:var(--muted);line-height:1.55}.auth-form{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.auth-form label{display:grid;grid-gap:7px;gap:7px;font-size:14px;font-weight:700}.form-error{color:var(--danger);font-size:14px;margin:0}.forgot{text-align:center;color:var(--accent);font-size:14px;font-weight:700}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.portal-shell{height:100dvh;display:grid;grid-template-columns:220px 340px minmax(420px,1fr) 280px;background:var(--surface);overflow:hidden}.queue-panel{display:flex;flex-direction:column;background:#292724;color:#fff;padding:18px 12px}.portal-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.portal-brand>div:nth-child(2){display:grid;min-width:0}.portal-brand span,.queue-panel footer span{font-size:12px;color:#b8b1a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-panel nav{display:grid;grid-gap:4px;gap:4px}.queue{display:flex;gap:10px;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#d6d0c9;text-align:left;cursor:pointer;font-size:14px}.queue.active,.queue:hover{background:rgba(255,255,255,.1);color:#fff}.queue-panel footer{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 0}.queue-panel footer div{display:grid;min-width:0}.list-panel{border-right:1px solid var(--line);display:flex;min-width:0;flex-direction:column}.list-panel>header{padding:22px 18px 14px;border-bottom:1px solid var(--line)}.list-panel h1{font-size:21px;margin:0 0 14px}.search{display:flex;align-items:center;gap:8px;background:var(--sunken);border-radius:12px;padding:0 11px}.search input{width:100%;height:40px;border:0;outline:0;background:transparent}.conversation-list{overflow-y:auto}.conversation-row{position:relative;display:flex;gap:11px;width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:15px;text-align:left;cursor:pointer}.conversation-row.selected,.conversation-row:hover{background:#f8f5f0}.conversation-row>i{position:absolute;right:12px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#eee2db;color:var(--accent-strong);font-weight:800}.row-copy{min-width:0;flex:1 1}.row-copy>span{display:flex;justify-content:space-between;gap:8px}.row-copy small,.row-copy time{font-size:11px;color:var(--muted)}.row-copy p{margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--muted)}.empty,.thread-placeholder{display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;height:100%;padding:30px;text-align:center;color:var(--muted)}.empty{min-height:300px}.thread-panel{display:flex;min-width:0;flex-direction:column;background:var(--canvas)}.thread-header{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fff}.thread-header>div:first-of-type{display:grid;grid-gap:5px;gap:5px}.thread-actions{display:flex;gap:8px;margin-left:auto}.thread-actions .button{min-height:38px;padding:0 12px;font-size:13px}.back{display:none;border:0;background:transparent;font-size:30px}.messages{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.message{align-self:flex-start;max-width:min(76%,640px);background:#fff;border:1px solid var(--line);border-radius:6px 18px 18px 18px;padding:11px 13px}.message.agent{align-self:flex-end;background:#eee3dc;border-color:#e0d2ca;border-radius:18px 6px 18px 18px}.message.internal{align-self:stretch;max-width:100%;background:#f6eddc;border-color:#dfcda6;border-radius:14px}.message time,.message>span{font-size:11px;color:var(--muted)}.message p{margin:5px 0 6px;white-space:pre-wrap;line-height:1.45}.composer{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:13px 16px;border-top:1px solid var(--line);background:#fff}.composer label{grid-column:1/-1;font-size:12px;color:var(--muted)}.composer textarea{min-height:62px;max-height:160px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:11px;outline:0}.composer.internal{background:#fcf5e8}.context-panel{overflow-y:auto;border-left:1px solid var(--line);padding:22px 18px}.context-panel h2{margin:0 0 18px;font-size:18px}.context-panel dl{margin:0}.context-panel dt{margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.context-panel dd{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.context-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sunken);border-radius:12px;padding:10px;font-size:11px}.thread-placeholder{height:100%}@media(max-width:1180px){.portal-shell{grid-template-columns:200px 320px 1fr}.context-panel{display:none}}@media(max-width:760px){.portal-shell{display:block}.queue-panel{display:none}.list-panel,.thread-panel{height:100dvh}.list-panel.mobile-hidden,.thread-panel:not(.mobile-visible){display:none}.back{display:block}.thread-actions .secondary{display:none}.messages{padding:16px}.message{max-width:88%}}.settings-link{margin-top:18px;padding:11px 12px;border-top:1px solid rgba(255,255,255,.1);color:#d6d0c9;text-decoration:none;font-size:14px}.settings-page{width:min(100% - 32px,900px);margin:0 auto;padding:40px 0 80px}.settings-page>header{margin-bottom:34px}.settings-page>header>a{color:var(--accent);font-weight:700;text-decoration:none}.settings-page h1{font-size:34px;margin:0}.settings-page>header>p:last-child{color:var(--muted);max-width:650px}.settings-page section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:18px}.project-card{display:flex;align-items:flex-start;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.project-card>div{display:grid;grid-gap:5px;gap:5px;min-width:200px}.project-card code,.secret-box code{overflow-wrap:anywhere;color:var(--accent-strong)}.project-card ul{margin:0;flex:1 1;color:var(--muted);font-size:13px}.settings-form{display:grid;grid-gap:14px;gap:14px;max-width:520px}.settings-form label{display:grid;grid-gap:6px;gap:6px;font-weight:700;font-size:14px}.settings-form textarea{min-height:110px}.secret-box{display:grid;grid-gap:8px;gap:8px;margin-top:18px;padding:16px;border:1px solid #decba7;background:#fbf4e6;border-radius:14px}.secret-box p{margin:0;color:var(--muted);font-size:13px}.chat-composer.with-attachment{grid-template-columns:auto 1fr auto}.attach-button{display:grid;place-items:center;width:42px;height:48px;border-radius:12px;color:var(--muted);cursor:pointer}.attach-button input{display:none}.company-form{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.chat-page{height:100dvh;display:flex;flex-direction:column;background:var(--canvas);overflow:hidden}.chat-page.full{width:min(100%,760px);margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.chat-page>header{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 16px;background:#292724;color:#fff}.chat-page>header>button{border:0;background:transparent;color:#fff;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;cursor:pointer}.chat-page>header>div:last-child{display:grid}.chat-page>header span{font-size:12px;color:#cbc5bd}.support-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--accent)}.visitor-start{flex:1 1;display:grid;align-content:center;justify-items:center;text-align:center;padding:28px}.visitor-start>svg{color:var(--accent)}.visitor-start h1{font-size:25px;margin:14px 0 6px}.visitor-start>p{max-width:340px;margin:0 0 22px;color:var(--muted);line-height:1.5}.visitor-start form{display:grid;grid-gap:11px;gap:11px;width:100%;max-width:340px}.visitor-start textarea{min-height:100px;resize:vertical}.chat-loader{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat-messages{flex:1 1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.welcome{display:grid;grid-gap:5px;gap:5px;text-align:center;color:var(--muted);font-size:13px;margin:4px auto 18px;max-width:320px}.welcome strong{color:var(--text);font-size:16px}.chat-bubble{align-self:flex-start;max-width:82%;background:#fff;border:1px solid var(--line);border-radius:5px 17px 17px 17px;padding:10px 12px}.chat-bubble.mine{align-self:flex-end;background:#eee3dc;border-radius:17px 5px 17px 17px}.chat-bubble p{margin:0 0 4px;white-space:pre-wrap;line-height:1.45}.chat-bubble time{display:block;text-align:right;font-size:10px;color:var(--muted)}.chat-composer{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--line)}.chat-composer textarea{min-height:48px;max-height:120px;resize:none;border:1px solid var(--line);border-radius:14px;padding:12px;outline:0}.chat-composer .button{width:48px;padding:0}.chat-error{position:absolute;left:16px;right:16px;bottom:78px;border:1px solid #e1beb9;background:#f9e9e7;color:var(--danger);border-radius:12px;padding:9px;font-size:13px}