/* Shared conversation styles: required by dialogs on every parent page. */
.thread-chat{--chat-ink:#26332c;--chat-muted:#69756e;--chat-green:#95ec69;--chat-line:#e1e7e2;background:#fff;color:var(--chat-ink)}
.thread-chat .thread-bubble{position:relative;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.8;overflow-wrap:anywhere;box-shadow:0 1px 2px #18321c08}
.thread-chat .thread-bubble-sent{background:var(--chat-green);color:#193a21;border-top-right-radius:4px}
.thread-chat .thread-bubble-received{background:#f0f1f2;color:#28332c;border-top-left-radius:4px}
.thread-chat .thread-bubble:before{content:'';position:absolute;top:14px;width:10px;height:10px;transform:rotate(45deg);background:inherit}
.thread-chat .thread-bubble-sent:before{right:-4px}.thread-chat .thread-bubble-received:before{left:-4px}
.thread-chat .thread-bubble :is(p,div,span,li,td){color:inherit!important;background:transparent!important}
.thread-chat .thread-bubble a{color:#195d32!important;text-decoration:underline;overflow-wrap:anywhere}
.thread-chat .thread-bubble img{max-width:100%;height:auto}.thread-chat .thread-bubble table{max-width:100%}
.thread-chat .thread-tracking-note{font-size:12px;color:var(--chat-muted);text-align:right;margin:8px 0 0}
.thread-chat .thread-read-log{margin-top:10px;border:1px solid var(--chat-line);border-radius:10px;background:#fafcf9;text-align:left}
.thread-chat .thread-read-log summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;list-style:none;cursor:pointer;font-size:12px;color:var(--chat-muted)}
.thread-chat summary::-webkit-details-marker{display:none}
.thread-chat .thread-read-label{color:#375e42;font-weight:600;white-space:nowrap}.thread-chat .thread-read-times{line-height:1.7;flex:1}.thread-chat .thread-read-toggle{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#536b59}
.thread-chat summary svg,.thread-chat .reply-tool-bar svg{display:inline-block;width:16px;height:16px;max-width:16px;max-height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 16px;transition:transform .15s ease}
.thread-chat details[open]>summary svg{transform:rotate(180deg)}
.thread-chat .thread-read-content{border-top:1px solid var(--chat-line);padding:10px 12px;font-size:12px;color:var(--chat-muted)}
.thread-chat .thread-read-content li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eef2ee}.thread-chat .thread-read-content li:last-child{border-bottom:0}
.thread-chat .thread-reply-composer{margin-top:24px;padding:18px;border:1px solid var(--chat-line);border-radius:16px;background:#f8faf8}
.thread-chat .reply-disclosure{border-color:var(--chat-line);background:#fff;margin-bottom:12px}
.thread-chat .reply-body-label{display:block;font-size:13px;color:#354a3c;font-weight:600;margin-top:12px}
.thread-chat textarea[data-auto-grow]{box-sizing:border-box;min-height:104px;max-height:none;resize:none;overflow-y:hidden;line-height:1.8;font-size:14px;border-color:#d8e0da;outline-offset:3px}
.thread-chat .reply-tool-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-bottom:10px;border-bottom:1px solid var(--chat-line)}
.thread-chat .reply-tool-bar button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #dce4dd;border-radius:10px;background:#fff;font-size:13px;font-weight:500;color:#435848;cursor:pointer}
.thread-chat .reply-tool-bar button[aria-expanded=true]{background:#e9f5e7;border-color:#9bbd9c;color:#255833}.thread-chat .reply-tool-bar button span{font-size:12px;background:#edf2ed;border-radius:5px;padding:0 5px}
.thread-chat .reply-tool-panel{margin-top:10px;border:1px solid var(--chat-line);border-radius:10px;background:#fff}
.thread-chat .reply-tool-panel>summary{display:none}.thread-chat .reply-tool-panel:not([open])>:not(summary){display:none}
.thread-chat .reply-tool-panel:not([open]){display:none}
.thread-chat .reply-tool-panel .reply-disclosure-content{padding:14px}
.thread-chat .reply-attachment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thread-chat .reply-attachment-grid label{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;font-size:12px}.thread-chat .reply-attachment-grid label span{overflow-wrap:anywhere;min-width:0;flex:1}.thread-chat .reply-attachment-grid small{flex-shrink:0;color:#66776b;background:#f1f4f1;padding:2px 5px;border-radius:4px}
.thread-chat .reply-upload-disclosure{background:#fff;border:1px solid var(--chat-line);border-radius:10px;margin-top:10px}
.thread-chat .reply-upload-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 14px;cursor:pointer;font-size:13px;color:#435848;list-style:none}
.thread-chat .reply-upload-disclosure .mail-upload-box{margin:0;border:0;background:transparent}.thread-chat .reply-upload-disclosure .mail-upload-box h3{display:none}
.thread-chat :is(button,summary,textarea):focus-visible{outline:2px solid #438752;outline-offset:3px}
@media(max-width:640px){.thread-chat{padding:16px}.thread-chat [data-thread-header]{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.thread-chat .thread-bubble{padding:12px 14px;font-size:14px}.thread-chat .thread-reply-composer{padding:14px}.thread-chat .thread-read-log summary{flex-wrap:wrap;gap:6px 10px}.thread-chat .thread-read-times{flex-basis:100%;order:3}.thread-chat .thread-read-toggle{margin-left:auto}.thread-chat .reply-attachment-grid{grid-template-columns:1fr}.thread-chat textarea[data-auto-grow]{font-size:16px}.thread-chat .thread-read-content li{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.thread-chat summary svg,.thread-chat .reply-tool-bar svg{transition:none}}