.chat-page{min-height:calc(100vh - 80px);padding:45px 0 70px;background:linear-gradient(#fbfaf6,#f3f7f0)}.chat-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:start}.intro{position:sticky;top:120px}.intro h1{font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:1.04;letter-spacing:-.04em;margin:10px 0 18px}.intro>p{color:#4f5f59}.note{margin-top:28px;padding:18px;border:1px solid var(--border);border-radius:17px;background:#fff;color:#56655f}
.chatbox{min-height:650px;background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(18,51,45,.1);display:flex;flex-direction:column}.chathead{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--border)}.chathead strong,.chathead small{display:block}.chathead small{font-size:.75rem;color:var(--green)}.chathead button{border:1px solid var(--border);background:#fff;padding:8px 11px;border-radius:9px;cursor:pointer}
.progress{padding:14px 20px 4px;font-size:.78rem;color:var(--muted)}.progress>div{height:8px;background:#edf1ed;border-radius:99px;overflow:hidden;margin-top:6px}.progress i{display:block;width:0;height:100%;background:var(--green);transition:.25s}
.messages{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:390px}.msg{max-width:84%;padding:12px 15px;border-radius:16px}.msg.ai{align-self:flex-start;background:#f4f7f2;border:1px solid #e1e8df;border-bottom-left-radius:5px}.msg.user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:5px}.msg.summary{max-width:100%;background:#f8fcf5;border:1px solid #dbe7d7}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;margin-top:12px}.summary-grid div{padding:7px 0;border-bottom:1px dashed #dbe4da}
.quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 14px}.quick button{border:1px solid #cfdccd;background:#fff;color:var(--dark);border-radius:999px;padding:9px 12px;cursor:pointer}.quick button:hover{background:var(--soft)}
.composer{display:flex;gap:9px;padding:15px;border-top:1px solid var(--border);background:#fbfcfa}.composer input{flex:1;border:1px solid #d8e0da;border-radius:12px;padding:13px;font-size:1rem}.composer button{border:0;background:var(--green);color:#fff;border-radius:12px;padding:0 18px;font-weight:700;cursor:pointer}.hidden{display:none!important}
@media(max-width:850px){.chat-layout{grid-template-columns:1fr}.intro{position:static}.chatbox{min-height:620px}}@media(max-width:520px){.msg{max-width:92%}.summary-grid{grid-template-columns:1fr}.composer button{padding:0 12px}}