/* Ticket conversation composer: shared by administrator and customer dialogs. */
.arco-modal:has([data-ticket-reply-editor]) .arco-modal-header{padding:22px 26px 18px;border-bottom:1px solid var(--color-border-2);font-size:18px;font-weight:700;letter-spacing:.01em}
.arco-modal:has([data-ticket-reply-editor]) .arco-modal-body{padding:22px 26px 26px;max-height:min(78vh,900px);overflow:auto}
.arco-modal:has([data-ticket-reply-editor]) .arco-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;border-top:1px solid var(--color-border-2)}
.arco-modal:has([data-ticket-reply-editor]) .arco-modal-footer .arco-btn{min-height:38px;padding-inline:18px;border-radius:10px;font-weight:600}
.arco-modal:has([data-ticket-reply-editor]) .arco-card{border-radius:14px;border-color:var(--color-border-2);box-shadow:none}
.arco-modal:has([data-ticket-reply-editor]) .arco-card-header{font-weight:650}
.arco-modal:has([data-ticket-reply-editor]) .reply-item{padding:14px 16px;margin:10px 0;border:1px solid var(--color-border-2);border-radius:14px;background:var(--color-fill-1)}
.arco-modal:has([data-ticket-reply-editor]) .reply-item+.reply-item{margin-top:10px;padding-top:14px;border-top:1px solid var(--color-border-2)}
.arco-modal:has([data-ticket-reply-editor]) .reply-content{overflow-wrap:anywhere;line-height:1.65}
.reply-editor[data-ticket-reply-editor]{padding:12px 14px 10px;border:1px solid var(--color-border-2);border-radius:15px;background:var(--color-bg-2);box-shadow:0 2px 12px rgba(7,28,60,.04);transition:border-color .18s,box-shadow .18s}
.reply-editor[data-ticket-reply-editor]:focus-within{border-color:rgb(var(--primary-6));box-shadow:0 0 0 3px rgba(var(--primary-6),.12)}
.reply-editor[data-ticket-reply-editor] .arco-textarea-wrapper{border:0;background:transparent;box-shadow:none;padding:0}
.reply-editor[data-ticket-reply-editor] textarea{min-height:104px!important;padding:4px 2px 10px;resize:vertical;font-size:14px;line-height:1.65}
.reply-editor[data-ticket-reply-editor] .reply-editor-toolbar{justify-content:space-between;gap:12px;min-height:48px;padding-top:9px;border-top:1px solid var(--color-border-2)}
.reply-editor[data-ticket-reply-editor] .reply-editor-toolbar:after{content:"图片 / PDF / TXT / CSV / DOCX / XLSX · 单个不超过 10 MB";color:var(--color-text-3);font-size:12px;line-height:1.35;text-align:right}
.reply-editor[data-ticket-reply-editor] .reply-editor-toolbar .arco-btn{min-height:34px;border-radius:9px;font-weight:600;white-space:nowrap}
.arco-modal:has([data-ticket-reply-editor]) .pending-attachments{gap:10px;margin:6px 0 16px}
.arco-modal:has([data-ticket-reply-editor]) .pending-attachment{width:120px;min-height:136px;padding:7px 7px 9px;border-radius:12px;background:var(--color-bg-2);box-shadow:0 1px 6px rgba(7,28,60,.05)}
.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-preview{width:104px;height:76px;border-radius:8px;overflow:hidden;background:var(--color-fill-1)}
.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-image{width:104px;height:76px;border-radius:8px}
.arco-modal:has([data-ticket-reply-editor]) .ticket-file-glyph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgb(var(--primary-6));font-size:15px;font-weight:750;letter-spacing:.04em;background:linear-gradient(135deg,rgba(var(--primary-6),.14),rgba(var(--primary-6),.04))}
.arco-modal:has([data-ticket-reply-editor]) .ticket-file-name{display:block;margin-top:6px;color:var(--color-text-1);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-status{margin-top:3px;font-size:11px}
.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-remove{top:5px;right:5px;width:27px;height:27px}
.arco-modal:has([data-ticket-reply-editor]) .attachment-thumb-button{width:auto;min-width:84px;max-width:180px;height:72px;padding:8px;border-radius:10px;transition:border-color .18s,background .18s}
.arco-modal:has([data-ticket-reply-editor]) .attachment-thumb-button:hover,.arco-modal:has([data-ticket-reply-editor]) .attachment-thumb-button:focus-visible{border-color:rgb(var(--primary-6));background:var(--color-fill-2)}
.arco-modal:has([data-ticket-reply-editor]) .attachment-thumb-placeholder{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--primary-6));font-weight:600}
@media(max-width:640px){.arco-modal:has([data-ticket-reply-editor]) .arco-modal-header{padding:16px 18px}.arco-modal:has([data-ticket-reply-editor]) .arco-modal-body{padding:16px}.arco-modal:has([data-ticket-reply-editor]) .arco-modal-footer{padding:12px 16px}.reply-editor[data-ticket-reply-editor] .reply-editor-toolbar{align-items:flex-start;flex-direction:column}.reply-editor[data-ticket-reply-editor] .reply-editor-toolbar:after{text-align:left}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment{width:calc(50% - 5px);max-width:180px}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-preview,.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-image{width:100%}}
/* Keep the composer close to the conversation even for long tickets. */
.arco-modal:has([data-ticket-reply-editor]) .arco-card:has(.reply-item){max-height:min(32vh,280px);overflow-y:auto;overscroll-behavior:contain}
.arco-modal:has([data-ticket-reply-editor]) .arco-card:has(.reply-item)>.arco-card-header{position:sticky;top:0;z-index:1;background:var(--color-bg-2)}

.arco-modal:has([data-ticket-reply-editor]) .pending-attachments{align-items:flex-start;flex-wrap:wrap}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment{height:auto;max-height:none;flex-shrink:0}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-status{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5;height:auto;max-height:none;-webkit-line-clamp:unset}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-status[role="alert"]{color:rgb(var(--danger-6))}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-retry{display:block;width:100%;min-height:36px;margin-top:8px;padding:6px;border:1px solid var(--color-border-2);border-radius:8px;background:var(--color-fill-2);color:rgb(var(--primary-6));white-space:normal;cursor:pointer;line-height:1.5}.arco-modal:has([data-ticket-reply-editor]) .pending-attachment-retry:disabled{opacity:.5;cursor:wait}