/* 📨 Предложка в пабликах (30.10.2026) — js/community_suggest.js. Основа — классы обсуждений .dft-*. */
.dfs-note { font-size: 11px; color: #444; background: #fffbe6; border: 1px solid #e5d89a; padding: 5px 8px; }
.dfs-note-warn { margin: 8px; color: #7a4b00; }
.dfs-sub { padding: 6px 10px; font-weight: bold; color: #10275e; background: #f5f3ea; border-top: 1px solid #d4d0c8; border-bottom: 1px solid #e3e1d6; }
.dfs-list { display: flex; flex-direction: column; }
.dfs-item { padding: 9px 12px; border-bottom: 1px solid #f0eee4; display: flex; flex-direction: column; gap: 5px; }
.dfs-item.dfs-rejected { background: #fcf7f6; }
.dfs-item.dfs-accepted { background: #f7fbf5; }
.dfs-head { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.dfs-ava { width: 28px; height: 28px; }
.dfs-status { display: inline-flex; align-items: center; gap: 4px; font-weight: bold; font-size: 11px; color: #10275e; }
.dfs-status .xpi { width: 14px; height: 14px; }
.dfs-photos { display: flex; flex-wrap: wrap; gap: 4px; }
.dfs-ph { padding: 0; border: 1px solid #b9c3d6; background: #fff; cursor: zoom-in; }
.dfs-ph img { display: block; width: 84px; height: 84px; object-fit: cover; }
.dfs-reason { font-size: 11px; color: #8a1a10; }
.dfs-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-top: 4px; border-top: 1px dashed #e0ddd0; }
.dfs-actions .btn { font-size: 11px; padding: 3px 10px; }
.dfs-actions .xpi, .dfs-tab .xpi { width: 14px; height: 14px; }
.dfs-edit { width: 100%; box-sizing: border-box; font: 12px Tahoma, sans-serif; padding: 5px 7px; border: 1px solid #7f9db9 !important; resize: vertical; }
.dfs-prev { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.dfs-anon { font-size: 11px; }
.dfs-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.dfs-item *, .dfs-note, .dfs-ph { border-radius: 0 !important; }
@media (max-width: 640px) {
    .dfs-ph img { width: 64px; height: 64px; }
    .dfs-actions .dft-spacer { display: none; }
}
