.chat-file-card { display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px 12px;align-items:center;width:360px;max-width:100%;min-width:0;padding:14px;border:1px solid #34343b;border-radius:12px;background:#151517;color:#f4f4f5;direction:rtl;text-align:start;box-sizing:border-box;margin-block:8px; }
.chat-file-card .chat-file-icon { color:#8fb8ff;font-size:28px;text-align:center; }
.chat-file-info { min-width:0;display:grid;gap:4px; }
.chat-file-name { font-size:14px;line-height:1.7;font-weight:600;overflow-wrap:anywhere;white-space:normal; }
.chat-file-info>small { color:#b7b7c2;font-size:12px;line-height:1.5; }
.chat-file-card a.chat-file-download { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #0060ff;border-radius:8px;background:#0060ff;color:#fff;font:600 13px/1.6 'Baloo Bhaijaan 2',sans-serif;text-decoration:none;box-sizing:border-box; }
.chat-file-card a.chat-file-download:hover { background:#004ed1;border-color:#004ed1; }
.chat-file-card a.chat-file-download:focus-visible { outline:2px solid #9bc2ff;outline-offset:3px; }
.chat-file-warning { grid-column:1/-1;border-top:1px solid #34343b;padding-top:9px;font-size:11px;line-height:1.9;color:#b7b7c2;overflow-wrap:anywhere; }
.chat-file-card[data-file-type=exe] .chat-file-warning { color:#f3c888; }
@media(max-width:540px) { .chat-file-card { grid-template-columns:28px minmax(0,1fr) 44px;padding:12px;gap:9px; }.chat-file-card .chat-file-icon{font-size:24px}.chat-file-card a.chat-file-download{padding:8px}.chat-file-download>span{display:none}.chat-file-name{font-size:14px} }