/* Real chat attachment hierarchy: filename and metadata, with a document icon. */
[data-journey-stage="1"] .jm-chat-file{width:254px;max-width:90%}
[data-journey-stage="1"] .jm-attachment{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:88px;padding:17px 16px;gap:16px;border:1px solid #e7e7e9;border-radius:7px;background:#fff;box-shadow:0 1px 2px #20212403;transform:none}
[data-journey-stage="1"] .jm-attachment .jm-document-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:11px;min-width:0;flex:1}
[data-journey-stage="1"] .jm-attachment strong{font-size:15px;line-height:1.4;font-weight:500;color:#252629;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
[data-journey-stage="1"] .jm-attachment small{font-size:12px;line-height:1.4;color:#a0a1a5}
[data-journey-stage="1"] .jm-attachment .jm-document-icon{position:relative;display:block;flex:0 0 38px;width:38px;height:46px;overflow:visible}
[data-journey-stage="1"] .jm-document-icon svg{display:block;width:38px;height:46px}
[data-journey-stage="1"] .jm-document-icon b{position:absolute;bottom:6px;left:0;width:38px;text-align:center;color:#fff;font:600 9px/1 Arial,sans-serif;letter-spacing:.5px}
[data-journey-stage="1"] .sc-log>.jm-chat-file{animation:none}
[data-journey-stage="1"] .jm-chat-file.sc-group-before:after{display:none}
[data-journey-stage="1"] .jm-chat-file.is-file-source .jm-attachment{transform:none;opacity:.72;box-shadow:none;border-color:#e7e7e9}
/* Keep the input's height stable while staging one attachment at a time. */
[data-journey-stage="1"] .sc-composer{position:relative}
[data-journey-stage="1"].sf-attaching .sc-composer textarea{visibility:hidden}
[data-journey-stage="1"] .sf-compose-file{position:absolute;left:12px;bottom:7px;right:52px;display:flex;justify-content:flex-end;pointer-events:none;animation:sf-file-ready .18s ease both}
[data-journey-stage="1"] .sf-compose-file .jm-attachment{width:224px;max-width:100%;height:52px;padding:7px 11px;gap:12px;border-radius:6px;background:#f8f8fa;border-color:#ececef;box-shadow:none}
[data-journey-stage="1"] .sf-compose-file .jm-document-copy{gap:3px}
[data-journey-stage="1"] .sf-compose-file .jm-document-copy strong{font-size:13px}
[data-journey-stage="1"] .sf-compose-file .jm-document-copy small{font-size:10px}
[data-journey-stage="1"] .sf-compose-file .jm-document-icon{flex-basis:27px;width:27px;height:33px}
[data-journey-stage="1"] .sf-compose-file .jm-document-icon svg{width:27px;height:33px}
[data-journey-stage="1"] .sf-compose-file .jm-document-icon b{width:27px;bottom:5px;font-size:7px}
[data-journey-stage="1"] .sf-send-layer{position:absolute;inset:0;z-index:48;pointer-events:none;overflow:hidden}
[data-journey-stage="1"] .sf-send-layer>.jm-attachment{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;transition:none}
[data-journey-stage="1"] .sf-arriving{visibility:hidden}
[data-journey-stage="1"] .sf-send-layer .jm-attachment{border-color:#e7e7e9;box-shadow:0 3px 9px #20212406}
[data-journey-stage="1"] .jd-pdf{border-radius:6px;border-color:#e7e7e9;box-shadow:0 3px 10px #2021240c}
[data-journey-stage="1"] .jd-pdf-icon,[data-journey-stage="1"] .jc-card.jc-miniapp[data-jc-action=files] .ja-file-icon{background:#e85546;color:white;border:0;border-radius:3px}
@keyframes sf-file-ready{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){[data-journey-stage="1"] .sf-compose-file{animation:none}}
