/* Test chat reading surface: quiet canvas, clear hierarchy, light actions. */
#chat.chat.on{background:#fafbfc;padding-bottom:34px}
#chat .msg{max-width:900px;gap:14px;margin-bottom:24px;padding:0 24px}
#chat .msg .who{width:32px;height:32px;flex-basis:32px;border-radius:11px;font-size:13px;box-shadow:0 2px 8px rgba(27,35,45,.08)}
#chat .msg.me .who{background:#687483}
#chat .msg.agent .body{min-width:0;padding:20px 24px 16px;border:1px solid #e9edf1;border-radius:18px;background:#fff;box-shadow:0 5px 22px rgba(25,35,45,.035)}
#chat .msg.agent .name{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #f0f2f4;font-size:13px;color:#56616d}
#chat .msg.agent .name-text{font-weight:650;color:#25303b}
#chat .msg .msg-time{margin-left:0;font-size:12px;color:#9aa3ad}
#chat .msg.agent .message-content.md{max-width:72ch;font-size:15.5px;line-height:1.82;letter-spacing:.006em;color:#25303b}
#chat .msg.agent .md p{margin:9px 0}
#chat .msg.agent .md h1,#chat .msg.agent .md h2{font-size:18px;line-height:1.5;margin:23px 0 9px}
#chat .msg.agent .md h3,#chat .msg.agent .md h4{font-size:16px;line-height:1.55;margin:19px 0 7px}
#chat .msg.agent .md strong{font-weight:700;color:#172330}
#chat .msg.agent .md li{line-height:1.8;margin:5px 0}
#chat .msg.agent .md blockquote{background:#f7f9fa;border-left-color:#d93a2b;border-radius:0 10px 10px 0;padding:12px 16px}
#chat .msg.me .body{position:relative;max-width:min(72%,590px);margin-bottom:30px;padding:12px 16px;border:0;border-radius:18px 18px 5px 18px;background:#f0f3f6;box-shadow:0 1px 3px rgba(25,35,45,.025);font-size:15px;line-height:1.7}
#chat .msg.me .name{display:flex;justify-content:flex-end;margin-bottom:3px}
#chat .msg.me .name-text{display:none}
#chat .user-message-actions{position:absolute;top:100%;right:0;margin-top:4px}
#chat .answer-actions{display:flex;gap:5px;align-items:center;margin-top:18px;padding-top:10px;border-top:1px solid #f0f2f4}
#chat .user-message-actions .minibtn,#chat .answer-actions .minibtn{height:32px;min-height:32px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#7b8793;font-size:12.5px;font-weight:550;box-shadow:none;transition:background .16s,color .16s,transform .16s}
#chat .user-message-actions .minibtn:hover,#chat .answer-actions .minibtn:hover{background:#eef1f4;color:#263441}
#chat .user-message-actions .minibtn:active,#chat .answer-actions .minibtn:active{transform:scale(.97)}
#chat .user-message-actions .minibtn:focus-visible,#chat .answer-actions .minibtn:focus-visible{outline:2px solid #d93a2b;outline-offset:2px}
#chat .user-message-actions .minibtn:first-child::before,#chat .answer-actions .minibtn:first-child::before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;background:currentColor;mask:url('assets/icons/copy.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/copy.svg') center/contain no-repeat}
/* Sharing belongs to the welcome screen; never cover the conversation. */
#chat.on ~ #ccShareBtn{display:none!important}
#app .main:has(#chat.on) .quota{display:none}
@media(max-width:760px){
  #chat.chat.on{padding-top:64px}
  #chat .msg{gap:9px;padding:0 14px;margin-bottom:20px}
  #chat .msg .who{width:28px;height:28px;flex-basis:28px;border-radius:9px}
  #chat .msg.agent .body{padding:16px 16px 12px;border-radius:15px}
  #chat .msg.agent .name{margin-bottom:12px;padding-bottom:10px}
  #chat .msg.agent .message-content.md{font-size:17px;line-height:1.85}
  #chat .msg.agent .md p,#chat .msg.agent .md li{font-size:inherit;line-height:inherit}
  #chat .msg.me .body{max-width:86%;font-size:16px;line-height:1.75}
  #chat .user-message-actions .minibtn,#chat .answer-actions .minibtn{min-height:40px;height:40px;padding:0 12px;font-size:14px}
}
@media(max-width:390px){
  #chat .msg{padding:0 10px;gap:7px}
  #chat .msg.agent .body{padding:14px 13px 11px}
  #chat .msg.agent .message-content.md{font-size:16.5px}
}