.topic-attachment { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px; border: 1px solid var(--line); border-radius: 5px; background: #f8fafb; }
.topic-attachment div { display: grid; min-width: 0; gap: 3px; }
.topic-attachment span, .topic-attachment small { overflow-wrap: anywhere; color: var(--muted); }
.topic-attachment small { font-size: 11px; }
.attachment-download { flex: 0 0 auto; text-decoration: none; }
.attachment-restricted { flex: 0 0 auto; font-size: 12px; }
#topic-attachment-field { display: grid; gap: 6px; }
#topic-attachment-field[hidden] { display: none; }
#topic-attachment-field input { padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
#topic-attachment-field small { color: var(--muted); font-weight: 400; }
@media (max-width: 600px) {
    .topic-attachment { align-items: flex-start; flex-direction: column; }
    .attachment-download { width: 100%; text-align: center; }
}