.project-chat{--chat-accent:#00ed64;--chat-bg:#00262f;--chat-panel:#001e2b;--chat-text:#f9f7f0;--chat-muted:#a7bab6;margin-top:34px;border:1px solid color-mix(in srgb,var(--chat-accent) 30%,transparent);background:var(--chat-bg);color:var(--chat-text);text-align:left}
.project-chat-heading{display:grid;grid-template-columns:minmax(230px,.7fr) 1fr;gap:24px;padding:24px;border-bottom:1px solid color-mix(in srgb,var(--chat-accent) 22%,transparent)}
.project-chat-heading span,.project-chat-message b,.project-chat-form label>span{display:block;color:var(--chat-accent);font:700 11px/1.2 "MongoDB Euclid",Arial,sans-serif;letter-spacing:1.3px}
.project-chat-heading h2{margin:7px 0 0;color:var(--chat-text);font:700 clamp(25px,4vw,40px)/1 "MongoDB Euclid",Arial,sans-serif;letter-spacing:-1px}
.project-chat-heading p{align-self:end;margin:0;color:var(--chat-muted);font:400 15px/1.55 "MongoDB Euclid",Arial,sans-serif}
.project-chat-log{max-height:420px;overflow:auto;padding:18px 24px;display:grid;gap:12px;background:var(--chat-panel)}
.project-chat-message{max-width:88%;padding:14px 16px;border-left:2px solid var(--chat-accent);background:color-mix(in srgb,var(--chat-accent) 7%,transparent)}
.project-chat-message.you{justify-self:end;border-left:0;border-right:2px solid #fff;background:rgba(255,255,255,.08)}
.project-chat-message p{margin:7px 0 0;color:var(--chat-text);font:400 15px/1.55 "MongoDB Euclid",Arial,sans-serif;white-space:pre-wrap}
.project-chat-message.waiting{opacity:.72}.project-chat-message.waiting p{animation:project-chat-pulse 1.25s ease-in-out infinite}
@keyframes project-chat-pulse{50%{opacity:.45}}
.project-chat-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.project-chat-sources span{padding:6px 8px;border:1px solid color-mix(in srgb,var(--chat-accent) 40%,transparent);color:var(--chat-accent);font:700 10px/1.2 "MongoDB Euclid",Arial,sans-serif}
.project-chat-examples{display:flex;flex-wrap:wrap;gap:7px;padding:15px 24px 0}
.project-chat-examples button{padding:7px 10px;border:1px solid color-mix(in srgb,var(--chat-accent) 35%,transparent);border-radius:20px;background:transparent;color:var(--chat-muted);font:600 11px "MongoDB Euclid",Arial,sans-serif;cursor:pointer}
.project-chat-examples button:hover,.project-chat-examples button:focus-visible{border-color:var(--chat-accent);color:var(--chat-accent)}
.project-chat-form{padding:15px 24px 22px!important}
.project-chat-form textarea{width:100%;min-height:86px;margin-top:8px;padding:13px;border:1px solid color-mix(in srgb,var(--chat-accent) 38%,transparent);border-radius:2px;resize:vertical;background:var(--chat-panel);color:var(--chat-text);font:400 15px/1.5 "MongoDB Euclid",Arial,sans-serif;outline:0}
.project-chat-form textarea:focus{border-color:var(--chat-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 12%,transparent)}
.project-chat-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:10px}
.project-chat-actions small{color:var(--chat-muted);font:400 11px/1.4 "MongoDB Euclid",Arial,sans-serif}
.project-chat-actions button{flex:none;padding:12px 16px;border:0;background:var(--chat-accent);color:#001e2b;font:800 11px "MongoDB Euclid",Arial,sans-serif;letter-spacing:.8px;cursor:pointer}
.project-chat-actions button:disabled{opacity:.55;cursor:wait}.project-chat-actions i{margin-left:10px;font-style:normal}
.project-chat-error{min-height:16px;margin:9px 0 0;color:#ff9b8f;font:600 11px/1.4 "MongoDB Euclid",Arial,sans-serif}
.project-chat-compact{--chat-accent:#c7ff55;--chat-bg:#0a2822;--chat-panel:#071d19;--chat-muted:#9db3ac;margin-top:28px}
.project-chat-compact .project-chat-heading{grid-template-columns:1fr;padding:18px;gap:8px}.project-chat-compact .project-chat-heading h2{font-size:24px}.project-chat-compact .project-chat-heading p{font-size:12px}
.project-chat-compact .project-chat-log{max-height:none;overflow:visible;padding:14px 18px}.project-chat-compact .project-chat-message{max-width:95%}.project-chat-compact .project-chat-message p{font-size:12px}
.project-chat-compact .project-chat-examples{padding:12px 18px 0}.project-chat-compact .project-chat-form{padding:12px 18px 16px!important}.project-chat-compact .project-chat-actions{align-items:flex-end}.project-chat-compact .project-chat-actions small{font-size:9px}
@media(max-width:680px){.project-chat-heading{grid-template-columns:1fr}.project-chat-message{max-width:96%}.project-chat-actions{align-items:stretch;flex-direction:column}.project-chat-actions button{width:100%}}