.chat-page{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-height) - var(--header-height) - var(--safe-top) - var(--safe-bottom));min-height:320px}.chat-intro{background:var(--bg-card);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;font-size:14px;line-height:1.5;color:var(--text-muted)}.chat-intro strong{color:var(--primary-dark)}.chat-messages{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;padding:4px 2px 12px}.chat-empty{margin:auto;text-align:center;color:var(--text-muted);font-size:14px;padding:24px}.chat-msg{max-width:82%;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.chat-msg-client{align-self:flex-end;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-bottom-right-radius:6px}.chat-msg-staff{align-self:flex-start;background:var(--white);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:6px}.chat-msg-name{display:block;font-size:11px;font-weight:600;color:var(--primary);margin-bottom:3px}.chat-msg-time{display:block;font-size:10px;opacity:.6;margin-top:4px}.chat-inputbar{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.chat-input{flex:1 1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:15px;font-family:var(--font-sans);outline:none;background:var(--white);resize:none;max-height:96px}.chat-input:focus{border-color:var(--primary)}.chat-send{flex-shrink:0;width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-send:disabled{opacity:.5;cursor:not-allowed}