:root{color:#17221d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2{margin-top:0}:root{--green-900:#123d2d;--green-700:#1f694c;--green-100:#e0f0e8;--ink:#17221d;--muted:#68756f;--line:#dbe4df;--white:#fff;--danger:#a83d3d;--shadow:0 24px 70px #123d2d1f}.button{border:1px solid #0000;border-radius:12px;min-height:44px;padding:10px 18px;font-weight:700;transition:all .16s}.button--primary,.button--send{color:var(--white);background:var(--green-700)}.button--primary:hover:not(:disabled),.button--send:hover:not(:disabled){background:var(--green-900);transform:translateY(-1px)}.button--secondary,.button--selection{color:var(--green-900);border-color:var(--line);background:var(--white)}.button--selection[aria-pressed=true]{border-color:var(--green-700);background:var(--green-100);box-shadow:inset 0 0 0 1px var(--green-700)}.button--text{min-height:auto;color:var(--green-700);background:0 0;padding:6px 8px}.button:disabled{opacity:.45}.gateway-page{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:100vh;display:grid}.gateway-introduction,.gateway-panel{flex-direction:column;justify-content:center;padding:clamp(40px,8vw,120px);display:flex}.gateway-introduction{color:var(--white);background:linear-gradient(145deg,#0e3929,#246e51)}.gateway-introduction h1{letter-spacing:-.045em;max-width:650px;margin-bottom:20px;font-size:clamp(42px,5vw,72px);line-height:1.02}.gateway-introduction>p:last-child{color:#d8ebe2;max-width:520px;line-height:1.7}.brand-mark{width:44px;height:44px;color:var(--white);background:var(--green-700);border-radius:13px;place-items:center;font-size:23px;font-weight:800;display:inline-grid}.gateway-introduction .brand-mark{color:var(--green-900);background:#b8efd4}.eyebrow{color:#71a78f;letter-spacing:.16em;text-transform:uppercase;margin:22px 0 12px;font-size:12px;font-weight:800}.gateway-panel{background:var(--white)}.gateway-form{width:min(100%,440px);margin:auto}.gateway-form h2{margin-bottom:30px;font-size:32px}.login-fields,.gateway-form{gap:24px;display:grid}.role-selector{border:0;margin:0;padding:0}.role-selector legend,.form-field{color:var(--ink);font-size:14px;font-weight:700}.role-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.form-field{gap:10px;display:grid}.form-field__hint{color:var(--muted);font-size:12px;font-weight:500}.form-field input,.message-composer textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--white);border-radius:12px;outline:none;padding:13px 15px}.form-field input:focus,.message-composer textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #1f694c1f}.form-error,.chat-error{color:var(--danger);margin:0;font-size:14px}.workspace-page{min-height:100vh}.workspace-header{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,6vw,84px);display:flex}.brand,.workspace-user{align-items:center;gap:12px;font-weight:800;display:flex}.brand .brand-mark{border-radius:10px;width:36px;height:36px;font-size:18px}.workspace-user{color:var(--muted);font-size:14px;font-weight:600}.workspace-content{width:min(1100px,100% - 40px);margin:0 auto;padding:clamp(40px,6vw,72px) 0}.start-chat-panel{max-width:760px;margin:0 auto}.start-chat-panel h1{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(34px,5vw,54px)}.start-chat-panel__intro{max-width:620px;color:var(--muted);line-height:1.7}.support-card{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:42px;padding:30px;display:flex}.support-card h2{margin-bottom:8px}.support-card p,.waiting-note{color:var(--muted);margin:0}.page-error{max-width:760px;margin:18px auto 0}.chat-window{border:1px solid var(--line);background:var(--white);width:min(100%,820px);height:min(760px,100vh - 150px);min-height:600px;box-shadow:var(--shadow);border-radius:22px;grid-template-rows:auto auto minmax(0,1fr) auto;margin:0 auto;display:grid;overflow:hidden}.chat-window__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.chat-window__header .eyebrow{margin:0 0 5px}.chat-window__header h2{margin:0}.connection-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.connection-status__indicator{background:#b2bbb6;border-radius:50%;width:8px;height:8px}.connection-status--connected .connection-status__indicator{background:#2da56f;box-shadow:0 0 0 4px #2da56f21}.connection-status--waiting .connection-status__indicator,.connection-status--connecting .connection-status__indicator{background:#d69e2e}.connection-status--error .connection-status__indicator{background:var(--danger)}.connection-status--closed .connection-status__indicator{background:#69756f}.chat-error{background:#fff2f2;padding:10px 26px}.demo-agent-note{color:var(--green-900);background:var(--green-100);text-align:center;margin:0;padding:10px 26px;font-size:13px}.message-list{background:#f7f9f8;flex-direction:column;gap:18px;padding:28px;display:flex;overflow-y:auto}.message-list__empty{color:var(--muted);margin:auto}.message-bubble{border:1px solid var(--line);background:var(--white);border-radius:6px 18px 18px;align-self:flex-start;max-width:min(76%,520px);padding:13px 16px}.message-bubble--own{border-color:var(--green-700);color:var(--white);background:var(--green-700);border-radius:18px 6px 18px 18px;align-self:flex-end}.message-bubble__sender{color:#789086;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.message-bubble--own .message-bubble__sender,.message-bubble--own .message-bubble__time{color:#c9e9db}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.message-bubble__time{color:#8a9690;text-align:right;margin-top:7px;font-size:11px;display:block}.chat-window__footer{border-top:1px solid var(--line);padding:18px 22px}.triage-options{align-items:flex-end;gap:12px;display:flex}.triage-options__choices{flex-wrap:wrap;flex:1;gap:8px;display:flex}.triage-options .button--selection{border-radius:999px;min-height:38px;padding:8px 12px;font-size:13px}.triage-options .button--send{border-radius:50%;flex:0 0 44px;width:44px;padding:0}.waiting-note{text-align:center;padding:8px;font-size:14px}.message-composer{align-items:flex-end;gap:12px;display:flex}.message-composer textarea{resize:vertical;min-height:46px;max-height:130px}.message-composer .button--send{flex:none}.placeholder-page{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.placeholder-page h1{margin-bottom:10px}.placeholder-page .button{margin-top:24px}.agent-header-details{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.agent-header-details strong{color:var(--ink)}.agent-workspace{grid-template-columns:330px minmax(0,1fr);height:calc(100vh - 72px);display:grid}.agent-chat-list{border-right:1px solid var(--line);background:var(--white);overflow-y:auto}.agent-chat-list__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px;display:flex}.agent-chat-list__heading h2{margin:0;font-size:20px}.count-badge{min-width:28px;height:28px;color:var(--green-900);background:var(--green-100);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid}.agent-chat-list__items{gap:10px;padding:14px;display:grid}.agent-chat-list__empty{color:var(--muted);text-align:center;padding:28px 10px}.agent-chat-card{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;gap:7px;padding:16px;font-size:12px;display:grid}.agent-chat-card:hover,.agent-chat-card--selected{border-color:var(--line);background:#f4f8f6}.agent-chat-card__topline{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.status-pill{letter-spacing:.04em;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.status-pill--assigned{color:#8a5c00;background:#fff1c9}.status-pill--active{color:#176442;background:#dff3e9}.agent-conversation{background:#f7f9f8;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;display:grid}.agent-conversation__header{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.agent-conversation__header .eyebrow{margin:0 0 4px}.agent-conversation__header h2{margin:0}.agent-conversation .message-list{min-height:0}.agent-empty-state,.accept-chat-panel{max-width:480px;color:var(--muted);text-align:center;place-self:center;padding:36px}.agent-empty-state h1,.accept-chat-panel h3{color:var(--ink);margin-bottom:10px}.accept-chat-panel .button{margin-top:22px}.agent-conversation__footer{border-top:1px solid var(--line);background:var(--white);align-items:flex-end;gap:12px;padding:18px 22px;display:flex}.agent-conversation__footer .message-composer{flex:1}@media (width<=700px){.gateway-page{grid-template-columns:1fr}.gateway-introduction,.gateway-panel{padding:38px 24px}.gateway-introduction h1{font-size:42px}.workspace-user>span{display:none}.workspace-content{width:100%;padding:0}.start-chat-panel{padding:34px 22px}.support-card{flex-direction:column;align-items:stretch}.chat-window{border:0;border-radius:0;height:calc(100vh - 72px);min-height:520px}.chat-window__header,.message-list{padding:20px}.connection-status{font-size:0}.message-bubble{max-width:88%}.agent-header-details>strong{display:none}.agent-workspace{grid-template-columns:120px minmax(0,1fr)}.agent-chat-list__heading{padding:14px}.agent-chat-list__heading h2{font-size:14px}.agent-chat-list__items{padding:8px}.agent-chat-card{padding:10px}.agent-chat-card__topline{display:block}.agent-chat-card__topline strong{text-overflow:ellipsis;display:block;overflow:hidden}.agent-chat-card__topline .status-pill{margin-top:6px;display:inline-block}.agent-conversation__footer{flex-direction:column;align-items:stretch}}