.chat-panel{display:flex;flex-direction:column;height:100%;background:#eef1f4}.chat-panel-head{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #eef0f3}.chat-panel-head-title{flex:1;min-width:0;font-size:14px}.chat-panel-body{flex:1;overflow:auto;padding:16px}.chat-panel-empty{padding:24px;color:#00000073}.msg-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}.msg-row.is-agent{justify-content:flex-end}.msg-row.is-user{justify-content:flex-start}.msg-col{display:flex;flex-direction:column;max-width:min(72%,560px);min-width:0}.msg-row.is-agent .msg-col{align-items:flex-end}.msg-row.is-user .msg-col{align-items:flex-start}.msg-name{font-size:12px;color:#8b93a0;margin:0 4px 4px;line-height:1.2}.chat-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:#fff}.chat-avatar.is-app{box-shadow:0 4px 10px #1c243029}.chat-avatar svg{width:16px;height:16px}.msg-bubble{display:inline-block;padding:8px 12px;border-radius:16px;font-size:14px;line-height:1.55;word-break:break-word}.msg-bubble.is-text.is-agent{color:#fff;background:#1677ff;border-bottom-right-radius:4px}.msg-bubble.is-text.is-user{color:#1c2430;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #1c24300f}.msg-bubble.is-media{padding:0;overflow:hidden;background:transparent;border:0;box-shadow:none;border-radius:8px}.msg-bubble.is-media.is-agent,.msg-bubble.is-media.is-user{border-radius:8px}.msg-bubble img,.msg-bubble video{display:block;max-width:min(280px,100%);max-height:280px;border-radius:8px}.chat-panel-composer{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:8px 12px 10px;background:#fff;border-top:1px solid #e8ebf0}.composer-tools{display:flex;align-items:center;gap:2px;min-height:28px}.composer-tools .ant-upload{display:inline-flex}.composer-tool{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#5c6570;font-size:13px;line-height:1;cursor:pointer}.composer-tool svg{width:15px;height:15px}.composer-tool:hover{color:#1c2430;background:#f2f4f7}.composer-tool:disabled{opacity:.45;cursor:not-allowed}.composer-hint{margin-left:auto;font-size:12px;color:#b0b6bf}.composer-input-row{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border-radius:10px;background:#f4f6f8}.composer-input-row:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #1677ff}.composer-input-row .ant-input{padding:6px 0 4px;font-size:14px;line-height:1.5;background:transparent!important;box-shadow:none!important;resize:none}.composer-input-row .ant-input::placeholder{color:#98a1ad}.composer-send{height:32px;padding-inline:16px;border-radius:8px}html,body,#root{margin:0;padding:0;height:100%}#root{overflow:hidden}*{box-sizing:border-box}.ant-layout-header .ant-menu-horizontal{line-height:64px;border-bottom:none}