.message-bubble.collection-card-host, .XE-message-bubble.collection-card-host { padding: 0 !important; max-width: calc(100vw - 88px) !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
.collection-card-host .bubble-tail { display: none !important; }
.collection-card-host .bubble-message-text { min-width: 0; padding: 0 !important; }
.collection-card { width: 272px; max-width: 100%; overflow: hidden; border: 1px solid #ffd7aa; border-radius: 14px; background: #fffcf7; color: #51341e; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; white-space: normal; text-align: left; }
.collection-card-banner { display: block; width: 100%; height: auto; aspect-ratio: 1024 / 494; object-fit: cover; }
.collection-card-body { padding: 9px 11px 10px; }
.collection-card-badge { margin-bottom: 7px; color: #a85c1b; font-size: 11px; font-weight: 600; }
.collection-card-action { width: 100%; min-height: 37px; padding: 8px 10px; border: 1px solid #ffc284; border-radius: 9px; background: #fff0dc; color: #ba5a0d; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.collection-card-status { margin: 7px 0 0; color: #967b65; font-size: 10.5px; line-height: 1.5; overflow-wrap: anywhere; }
.collection-card[data-status="approved"] .collection-card-badge { color: #34835b; }
.collection-card[data-status="rejected"] .collection-card-badge, .collection-card[data-status="rejected"] .collection-card-status { color: #bb4938; }
.collection-card-action:disabled { opacity: .6; cursor: default; }
.collection-composer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 2px 7px; }
.collection-composer > span { color: #938779; font-size: 10px; }
.collection-send-button { padding: 4px 9px; border: 1px solid #f2d1ac; border-radius: 7px; background: #fff8ed; color: #a56526; font: inherit; font-size: 11px; cursor: pointer; }
.collection-overlay { position: fixed; inset: 0; z-index: 20100; display: flex; align-items: center; justify-content: center; padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom)); background: rgb(39 28 18 / 52%); box-sizing: border-box; }
.collection-dialog { width: 440px; max-width: 100%; max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; padding: 17px; border-radius: 17px; background: #fffcf8; color: #453323; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.collection-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid #f3e5d4; margin-bottom: 13px; }
.collection-dialog-head h2 { margin: 0; font-size: 18px; }
.collection-close { padding: 7px 11px; border: 0; border-radius: 8px; background: #f3ece4; color: #79614b; font-size: 12px; cursor: pointer; }
.collection-result { padding: 10px 12px; border: 1px solid #f8d9b1; border-radius: 9px; background: #fff1dd; color: #a35a16; font-size: 14px; font-weight: 650; }
.collection-result[data-status="approved"] { border-color: #cce7d6; background: #edf7ef; color: #34784e; }
.collection-result[data-status="rejected"] { border-color: #f5d4cd; background: #fff0eb; color: #b54f3b; }
.collection-note, .collection-rejection, .collection-error { margin: 10px 0; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; white-space: pre-wrap; }
.collection-note { color: #917b66; }
.collection-rejection, .collection-error { color: #b54f3b; }
.collection-pictures { margin-top: 14px; font-size: 12px; color: #947b65; }
.collection-pictures h3 { margin: 12px 0 7px; font-size: 12px; font-weight: 600; }
.collection-image-link { display: block; border: 1px solid #eee3d7; border-radius: 10px; padding: 7px; background: #fff; text-decoration: none; }
.collection-preview { display: block; width: 100%; max-height: 265px; object-fit: contain; }
.collection-file-label, .collection-review-label { display: block; margin: 14px 0; color: #71573e; font-size: 12px; line-height: 1.5; }
.collection-file-input { display: block; width: 100%; margin-top: 7px; padding: 9px; border: 1px dashed #e9bd8a; border-radius: 9px; box-sizing: border-box; background: #fff8ed; color: #78593d; font-size: 12px; }
.collection-selected-preview { display: block; width: 100%; max-height: 180px; margin-top: 9px; object-fit: contain; border-radius: 8px; }
.collection-selected-preview[hidden] { display: none; }
.collection-reason-input { display: block; width: 100%; margin-top: 7px; padding: 10px; border: 1px solid #e9d5bd; border-radius: 9px; background: #fff; box-sizing: border-box; resize: vertical; color: #453323; font: inherit; font-size: 13px; }
.collection-review-actions { display: flex; gap: 10px; }
.collection-button { display: block; width: 100%; padding: 11px 12px; border: 1px solid #f0d5b6; border-radius: 9px; background: #fff2e0; color: #a35b1d; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.collection-primary { background: #ee8a25; border-color: #ee8a25; color: #fff; }
.collection-danger { background: #fff0eb; border-color: #edbdb0; color: #b34f38; }
.collection-refresh { display: block; width: 100%; margin-top: 14px; padding: 8px; border: 0; background: transparent; color: #a7723e; font: inherit; font-size: 12px; cursor: pointer; }
.collection-dialog button:disabled, .collection-send-button:disabled { opacity: .55; cursor: default; }
.collection-dialog button:focus-visible, .collection-dialog input:focus-visible, .collection-dialog textarea:focus-visible, .collection-send-button:focus-visible, .collection-card-action:focus-visible { outline: 2px solid #c96b18; outline-offset: 3px; }
.collection-toast { position: fixed; z-index: 20200; top: max(76px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100vw - 32px); padding: 10px 14px; border-radius: 10px; background: #443426; color: #fff; box-sizing: border-box; font-size: 12px; line-height: 1.5; }
@media (max-width: 360px) { .collection-card { width: 248px; } .collection-dialog { padding: 14px; } .collection-preview { max-height: 220px; } }