/* A delivered draft in team chat, scoped to the existing output illustration. */
.wf .wf-chat-output::before{display:none}
.wf .wf-delivery{background:#fff;border:1px solid #dbe3e9;border-radius:12px;overflow:hidden;color:#20303a;box-shadow:0 14px 30px -24px #344d60}
.wf .wf-chat-top{display:flex;align-items:center;gap:8px;background:#39253f;color:#f6f0f7;height:36px;padding:0 14px;font-size:10px;font-weight:500}
.wf .wf-chat-top img{width:16px;height:16px;background:#fff;padding:2px;border-radius:3px}
.wf .wf-chat-top svg{margin-left:auto;width:14px;height:14px;color:#cbbacf}
.wf .wf-channel{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e7ebee}
.wf .wf-channel b{font-size:14px;font-weight:650;letter-spacing:-.02em}
.wf .wf-channel b span{color:#7a8287;font-weight:450}
.wf .wf-channel>span{font-size:9px;color:#65717a}
.wf .wf-chat-messages{padding:18px 15px 15px}
.wf .wf-chat-message{display:flex;align-items:flex-start;gap:9px}
.wf .wf-chat-avatar{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:6px;background:#edf5f9}
.wf .wf-chat-avatar img{width:21px;height:21px}
.wf .wf-human-avatar{background:#e8e2ed;color:#5b4568;font-size:10px;font-weight:650}
.wf .wf-chat-content{min-width:0;flex:1}
.wf .wf-chat-byline{display:flex;align-items:center;gap:6px;min-height:18px}
.wf .wf-chat-byline b{font-size:11px;font-weight:700}
.wf .wf-chat-byline time{font-size:8px;color:#727c84;white-space:nowrap}
.wf .wf-app-label{padding:1px 3px;background:#eef0f2;color:#5d6b76;border-radius:3px;font-size:7px;font-weight:600}
.wf .wf-chat-content>p{font-size:11px;line-height:1.6;margin-top:5px}
.wf .wf-mention{color:#236d9c;background:#edf6fc;border-radius:3px;padding:1px 2px;white-space:nowrap}
.wf .wf-nexus-message{margin-top:21px}
.wf .wf-chat-output .wf-document{padding:0;margin-top:11px;border:1px solid #dce5eb;border-radius:7px;min-height:0;box-shadow:none;overflow:hidden;background:#fff}
.wf .wf-attachment-head{display:flex;align-items:center;gap:9px;padding:13px 12px 11px;background:#fafcfd}
.wf .wf-attachment-head>img{width:24px;height:28px;object-fit:contain;flex:none}
.wf .wf-chat-output .wf-document-title{padding:0;border:0;font:650 12px/1.4 Inter,sans-serif;letter-spacing:-.012em;margin:0!important;color:#1d6590}
.wf .wf-file-meta{font-size:8px;color:#647680;margin:4px 0 0!important}
.wf .wf-chat-output .wf-document-body{padding:11px 12px 12px;gap:10px;border-top:1px solid #e8edf0}
.wf .wf-chat-output .wf-document-body strong{font-size:9px;font-weight:600;line-height:1.5;margin-bottom:2px;color:#253c49}
.wf .wf-chat-output .wf-snippet{font-size:10px;line-height:1.55;min-height:0;color:#596d79}
.wf .wf-attachment-source{padding:8px 12px;font-size:8px;line-height:1.5;color:#607482;border-top:1px solid #edf0f3;background:#fbfcfd}
.wf .wf-chat-output .wf-review{background:none;padding:0;margin-top:9px!important;font-size:9px;gap:5px;color:#2c6c53}
.wf .wf-chat-output .wf-review svg{width:12px;height:12px}
.wf .wf-chat-bottom{display:flex;align-items:center;gap:7px;margin:0 14px 13px;border:1px solid #e0e5e9;border-radius:6px;padding:9px;color:#78858e;font-size:10px}
.wf .wf-chat-bottom svg{width:14px;height:14px}
.wf .wf-chat-bottom svg:last-child{margin-left:auto;color:#518875}
.wf .wf-panel.is-running:not(.is-complete) .wf-reply-final{display:none}
.wf .wf-panel.is-complete .wf-reply-working,.wf .wf-panel:not(.is-running) .wf-reply-working{display:none}
.wf .wf-panel.is-running .wf-chat-output .wf-document-body li:not(.is-written){background:linear-gradient(#edf3f7,#edf3f7) 0 22px / 88% 3px no-repeat}
.wf .wf-chat-output .wf-reply-working,.wf .wf-chat-output .wf-reply-final{min-height:53px}
@media(min-width:761px){.wf .wf-chat-output{min-width:0}.wf .wf-panel{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:50px}}
@media(max-width:760px){.wf .wf-chat-output{max-width:440px}.wf .wf-chat-content>p{font-size:12px}.wf .wf-chat-byline b{font-size:12px}.wf .wf-chat-byline time{font-size:9px}.wf .wf-chat-output .wf-document-title{font-size:12px}.wf .wf-chat-output .wf-snippet{font-size:11px}.wf .wf-chat-output .wf-document-body strong{font-size:10px}.wf .wf-chat-messages{padding:17px 12px 13px}.wf .wf-chat-message{gap:8px}.wf .wf-chat-avatar{width:26px;height:26px}.wf .wf-chat-avatar img{width:19px;height:19px}.wf .wf-chat-bottom{margin-inline:12px}.wf .wf-chat-output .wf-reply-working,.wf .wf-chat-output .wf-reply-final{min-height:56px}}
@media(prefers-reduced-motion:reduce){.wf .wf-reply-working{display:none!important}.wf .wf-reply-final{display:block!important}}
/* Keep the conversation readable at normal page scale. */
.wf .wf-chat-content>p{font-size:13px;line-height:1.55}
.wf .wf-chat-byline b{font-size:13px}
.wf .wf-chat-byline time{font-size:10px}
.wf .wf-app-label{font-size:8px}
.wf .wf-chat-avatar{width:32px;height:32px}
.wf .wf-chat-output .wf-document-title{font-size:13px}
.wf .wf-chat-output .wf-document-body strong{font-size:10px}
.wf .wf-chat-output .wf-snippet{font-size:11px}
.wf .wf-file-meta,.wf .wf-attachment-source{font-size:9px}
.wf .wf-chat-output .wf-review{font-size:10px}
.wf .wf-chat-output .wf-reply-working,.wf .wf-chat-output .wf-reply-final{min-height:44px}
@media(max-width:760px){.wf .wf-chat-content>p{font-size:12px}.wf .wf-chat-byline b{font-size:12px}.wf .wf-chat-byline time{font-size:9px}.wf .wf-chat-avatar{width:26px;height:26px}.wf .wf-chat-output .wf-document-title{font-size:12px}.wf .wf-chat-output .wf-reply-working,.wf .wf-chat-output .wf-reply-final{min-height:56px}}
