:root{--service-blue:#608cf4;--service-advisor-width:63px;--service-advisor-height:70px}
/* Compact conversation layout; actions use the existing contact and cloud inquiry flows. */
.reference-chat-panel{width:353px;height:458px;max-height:calc(100dvh - 110px);right:160px;bottom:110px;box-shadow:0 3px 12px #1c315329;border-radius:7px 7px 3px 3px;overflow:visible;background:#fff}
.reference-chat-panel .service-panel-heading{height:47px;min-height:47px;padding:0 8px 0 77px;background:var(--service-blue);border-radius:7px 7px 0 0;gap:5px;position:relative}
.service-advisor{position:absolute;left:14px;bottom:0;width:var(--service-advisor-width);height:var(--service-advisor-height);object-fit:cover;object-position:center top;pointer-events:none}.reference-chat-panel .service-panel-heading strong{font-size:13px;color:#fff;font-weight:500;line-height:1.5;white-space:nowrap}.reference-chat-panel .service-panel-heading button{display:grid;place-items:center;width:28px;height:32px;min-width:28px;background:transparent;border:0;color:#fff;font-size:23px;font-weight:300;line-height:1;padding:0;border-radius:3px}.reference-chat-panel .service-panel-heading button:hover{background:#ffffff25}.reference-chat-panel [data-minimize-service]{font-size:18px!important}
.reference-chat-panel .service-panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 7px 12px;background:#fff;font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.65;font-size:13px;color:#222}
.service-session-stamp{display:table;margin:22px auto 20px;padding:5px 11px;background:#f5f6f8;border-radius:3px;color:#58616e;font-size:11px;line-height:1.5;text-align:center}.service-message-sender{margin:0 0 2px!important;color:#697180;font-size:12px}.reference-chat-panel .service-contact-bubble{background:#eff1f7;color:#20242d;padding:12px;margin:0 45px 10px 0;border-radius:0 10px 10px 10px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.service-contact-bubble .service-message-brand,.reference-chat-panel .service-contact-bubble a{color:#bd1744;font-weight:700}.reference-chat-panel .service-contact-bubble p{margin:0 0 7px}.reference-chat-panel .service-contact-bubble p:last-child{margin-bottom:0}.reference-chat-panel .service-contact-bubble a{text-decoration:none}.service-message-tools{display:flex;gap:7px;flex-wrap:wrap}.reference-chat-panel .service-message-tools button{font-size:11px;line-height:1.5;border:1px solid #ccd8ff;border-radius:18px;background:#fff;color:#315ea9;padding:5px 10px;min-height:29px}.reference-chat-panel .service-message-tools button:hover{background:#f3f6ff}
.reference-chat-panel .service-panel-actions{display:block;flex-shrink:0;padding:11px 25px 5px;border-top:1px solid #e9edf6;background:white;border-radius:0 0 3px 3px}.service-action-caption{display:flex;align-items:center;gap:12px;margin:0 0 9px;font-size:11px;color:#636d7a;white-space:nowrap;line-height:1.5}.service-action-caption:before,.service-action-caption:after{content:'';flex:1;height:1px;background:#e9edf6}.service-action-buttons{display:flex;justify-content:center;gap:58px}.reference-chat-panel .service-action-buttons>button{display:flex;align-items:center;flex-direction:column;gap:5px;background:transparent;padding:0;border:0;font-size:12px;line-height:1.5;color:#596474}.reference-chat-panel .service-action-buttons svg{display:block;box-sizing:border-box;width:40px;height:40px;fill:white;background:#63a4ff;padding:11px;border-radius:50%}.reference-chat-panel .service-action-buttons button:last-child svg{background:#4de0a1}.reference-chat-panel .service-action-buttons button:hover svg{filter:brightness(.9)}.service-delivery-note{margin:6px 0 0;font-size:10px;line-height:1.5;text-align:center;color:#596474}
@media(min-width:1051px) and (max-width:1500px){.reference-chat-panel{right:100px;bottom:85px}}
@media(max-width:1050px){.reference-chat-panel{right:12px;bottom:82px;width:min(353px,calc(100vw - 24px))}}
@media(max-height:550px){.reference-chat-panel{height:410px;max-height:calc(100dvh - 110px)}.reference-chat-panel .service-panel-actions{padding-top:7px;padding-bottom:6px}.service-delivery-note{display:none}.service-session-stamp{margin:12px auto}.service-action-caption{margin-bottom:5px}.reference-chat-panel .service-action-buttons svg{width:34px;height:34px;padding:9px}}

.reference-chat-panel .service-panel-heading strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-chat-panel .service-panel-heading{justify-content:flex-end}.reference-chat-panel .service-panel-heading button{font-size:26px;color:#173f76}.reference-chat-panel [data-minimize-service]{font-size:26px!important}.reference-chat-panel .service-action-buttons{transform:translateX(-4px)}

.reference-chat-panel .service-panel-body{scrollbar-width:thin;scrollbar-color:#929292 transparent}.reference-chat-panel .service-panel-body::-webkit-scrollbar{width:4px}.reference-chat-panel .service-panel-body::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.reference-chat-panel .service-session-stamp{margin:18px auto 16px}