/* 💬 Обсуждения в пабликах (30.10.2026) — js/community_topics.js. Стиль XP: Tahoma, без скруглений. */
.dft { padding: 0 !important; font: 12px Tahoma, Verdana, sans-serif; color: #000; }
.dft * { border-radius: 0 !important; }
.dft-bar {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
    padding: 6px 8px;
    background: linear-gradient(180deg, #fdfdfb 0%, #ece9d8 100%);
    border-bottom: 1px solid #c5c2b2;
}
.dft-bar .btn { font-size: 11px; padding: 3px 10px; }
.dft-bar-title { flex: 1; display: inline-flex; align-items: center; gap: 5px; font-weight: bold; color: #10275e; }
.dft-bar-title .xpi, .dft-bar .xpi { width: 16px; height: 16px; }
.dft-count { display: inline-block; padding: 0 5px; font-size: 10px; color: #fff; background: #316ac5; }
.dft-spacer { flex: 1; }
.dft-danger { color: #8a1a10 !important; }
.dft-empty { padding: 22px 14px; text-align: center; color: #666; }
.dft-closed-note { padding: 10px 14px; background: #f5f3ea; border-top: 1px solid #d4d0c8; display: flex; align-items: center; justify-content: center; gap: 6px; }
.dft-closed-note .xpi { width: 16px; height: 16px; }

/* список тем */
.dft-list { display: flex; flex-direction: column; }
.dft-row {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px;
    text-decoration: none; color: #000;
    border-bottom: 1px solid #eef0f5;
}
.dft-row:hover { background: #eef3fd; }
.dft-row-ico { flex: none; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #b9c7e6; }
.dft-row-ico .xpi { width: 18px; height: 18px; }
.dft-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dft-row-title { font-weight: bold; color: #0e44b8; overflow-wrap: anywhere; }
.dft-row-meta { font-size: 11px; color: #666; }
.dft-row-side { flex: none; text-align: right; font-size: 11px; color: #444; display: flex; flex-direction: column; align-items: flex-end; max-width: 190px; }
.dft-row-side small { color: #777; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 190px; }
.dft-badge {
    display: inline-block; margin-right: 5px; padding: 0 4px; vertical-align: 1px;
    font: bold 9px/14px Tahoma, sans-serif; color: #fff;
    background: linear-gradient(180deg, #8ea7d6, #5d76a8); border: 1px solid #44609a;
}
.dft-badge-pin { background: linear-gradient(180deg, #f9b74b, #e68b2c); border-color: #b5651d; }

/* форма */
.dft-form, .dft-compose { display: flex; flex-direction: column; gap: 6px; padding: 8px; background: #f5f3ea; border-bottom: 1px solid #d4d0c8; }
.dft-compose { border-bottom: 0; border-top: 1px solid #d4d0c8; }
.dft-form .input-field, .dft-compose textarea { width: 100%; box-sizing: border-box; font: 12px Tahoma, sans-serif; padding: 5px 7px; margin: 0; border: 1px solid #7f9db9 !important; resize: vertical; }
.dft-form-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dft-hint { font-size: 10px; color: #888; }
.dft-img-prev { display: inline-flex; align-items: center; gap: 4px; }
.dft-img-prev img { width: 40px; height: 40px; object-fit: cover; border: 1px solid #b9c3d6; }

/* тема */
.dft-topic-title { margin: 0; padding: 10px 12px 2px; font: bold 15px Tahoma, sans-serif; color: #10275e; overflow-wrap: anywhere; }
.dft-topic-meta { padding: 0 12px 8px; font-size: 11px; color: #666; border-bottom: 1px solid #e3e6ee; }
.dft-topic-meta a { color: #0e44b8; font-weight: bold; text-decoration: none; }
.dft-posts { display: flex; flex-direction: column; }
.dft-post { display: flex; gap: 8px; padding: 9px 12px; border-bottom: 1px solid #f0eee4; transition: background .4s; }
.dft-post-first { background: #fbfcff; }
.dft-post.dft-flash { background: #fff4c4; }
.dft-ava { flex: none; width: 36px; height: 36px; object-fit: cover; border: 1px solid #b9c7e6; }
.dft-post-main { flex: 1; min-width: 0; }
.dft-post-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.dft-name { font-weight: bold; color: #0e44b8; text-decoration: none; overflow-wrap: anywhere; }
.dft-name:hover { text-decoration: underline; }
.dft-time { font-size: 10px; color: #888; }
.dft-replyto { font-size: 10px; color: #316ac5; text-decoration: none; }
.dft-text { margin-top: 3px; line-height: 1.45; overflow-wrap: anywhere; }
.dft-tools { display: flex; gap: 8px; margin-top: 3px; }
.dft-more { display: block; margin: 8px auto; }

@media (max-width: 768px) {
    .dft-bar .btn { font-size: 13px; padding: 7px 10px; }
    .dft-row { padding: 10px 8px; align-items: flex-start; }
    .dft-row-side { max-width: 90px; }
    .dft-row-side small { display: none; }
    .dft-post { padding: 9px 8px; }
    .dft-hint { display: none; }
    .dft-form .input-field, .dft-compose textarea { font-size: 16px; }
}