.chat-file-card{display:flex;flex-direction:column;gap:7px;padding:10px;min-width:0;max-width:100%;border:1px solid #b0a8c930;background:#ffffffb8;border-radius:14px;box-sizing:border-box;color:#332c48}
.chat-file-card>b{font-size:13px;overflow-wrap:anywhere;white-space:normal}.chat-file-card>small{font-size:11px;color:#766b88}
.chat-file-card video,.chat-file-card audio{display:block;width:100%;max-width:340px;min-width:0;border-radius:10px}.chat-file-card video{max-height:360px;background:#17131e}
.file-card-actions{display:flex;gap:8px;flex-wrap:wrap}.file-card-actions a,.file-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid #dfd7ef;color:#674da0;background:#fff;font-size:12px;text-decoration:none;box-sizing:border-box}
.file-preview-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:1px solid #e4dfee;border-radius:22px;padding:18px;background:#fff;color:#312a40;margin:auto;overflow:auto}
.file-preview-dialog::backdrop{background:#241b3d88}.file-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.file-preview-heading b{overflow-wrap:anywhere;min-width:0}.file-preview-heading button{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;font-size:25px;background:#f1eef8;color:#6a568c;padding:0}
.file-preview-content{margin-bottom:14px}.file-preview-content iframe{width:100%;height:60dvh;border:1px solid #eee;border-radius:10px}.file-preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;max-height:60dvh;overflow:auto}
.attachment-selection video,.attachment-selection audio{width:160px;max-height:110px;max-width:100%;border-radius:8px}.attachment-selection pre{max-height:70px;max-width:180px;overflow:auto;white-space:pre-wrap;font-size:11px}.attachment-selection{max-width:100%;box-sizing:border-box;flex-wrap:wrap}.attachment-selection span{min-width:0;overflow-wrap:anywhere}
.chat-typing{margin:0;min-height:24px;box-sizing:border-box;flex:0 0 24px;padding:2px 18px;font-size:11px;color:#74618b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--chat-bg,#f7f4fc)}
.chat-typing:empty{visibility:hidden}.chat-typing:not(:empty)::before{content:'•••';display:inline-block;letter-spacing:2px;margin-right:7px;color:#8b72c5;animation:typing-pulse 1.1s ease-in-out infinite}
@keyframes typing-pulse{50%{opacity:.35;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.chat-typing:not(:empty)::before{animation:none}}
.group-avatar{overflow:hidden;border-radius:50%;flex-shrink:0}.group-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.group-photo-settings{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.group-photo-settings h3{font-size:14px;margin:0 0 10px}.group-photo-settings input[type=file]{width:100%;box-sizing:border-box;font-size:13px}.group-photo-settings button{min-height:44px;margin-top:10px}.group-photo-settings small{display:block;margin:8px 0;color:var(--muted)}
@media(max-width:400px){.chat-file-card{padding:8px}.chat-file-card video{max-height:260px}.file-card-actions{gap:5px}.file-card-actions a,.file-card-actions button{font-size:11px;padding:8px}.file-preview-dialog{padding:12px}.chat-typing{font-size:10px;padding-inline:12px}}

.shared-post-link{display:block;border:1px solid #cbbde8;background:#ffffffb8;color:#675098;border-radius:12px;padding:14px 16px;white-space:normal;min-width:170px;max-width:100%}.shared-post-link b{font-size:14px}.shared-post-link small{color:#8b77a6!important;opacity:1!important;font-size:11px!important}.shared-post-link:focus-visible{outline:3px solid #a388d2}