/* release_comments.css — современный тёмный стиль комментариев */

#release-comments {
    margin-top: 2.5rem;
    color: #e8e8ea;
}

/* заголовок */
.cmt-header { display:flex; align-items:center; gap:.6rem; margin-bottom:1.25rem; }
.cmt-header h3 { color:#fff; font-weight:700; }
.cmt-header .cmt-count {
    background: linear-gradient(135deg,#4a90e2,#007aff);
    color:#fff; border-radius:12px; padding:1px 10px; font-size:.8rem; font-weight:600;
}

/* форма ввода */
.cmt-form-main { margin-bottom: 1.75rem; }
.cmt-input, .cmt-input-main {
    width:100%;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    padding:14px 16px;
    background: rgba(255,255,255,.04);
    color:#e8e8ea;
    resize: vertical;
    font-size:.95rem;
    line-height:1.5;
    transition: border-color .15s, background .15s;
}
.cmt-input::placeholder, .cmt-input-main::placeholder { color:#8a8a92; }
.cmt-input:focus, .cmt-input-main:focus {
    outline:none;
    border-color:#4a90e2;
    background: rgba(255,255,255,.06);
}
.cmt-form-main .btn, .cmt-form .btn { margin-top:.65rem; border-radius:10px; }

/* элемент коммента */
.cmt-item { display:flex; gap:14px; padding:14px 0; }
.cmt-thread { padding-bottom:8px; margin-bottom:8px; }
.cmt-thread:not(:last-child) { border-bottom:1px solid rgba(255,255,255,.07); }

/* ветка ответов — линия слева */
.cmt-replies { margin-top:6px; position:relative; }
.cmt-item.cmt-reply {
    margin-left: 20px;
    padding:12px 0 12px 20px;
    border-left:2px solid rgba(255,255,255,.08);
}

/* аватар */
.cmt-avatar {
    width:44px; height:44px; min-width:44px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-weight:700; font-size:19px;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.cmt-reply .cmt-avatar { width:36px; height:36px; min-width:36px; font-size:16px; }

.cmt-content { flex:1; min-width:0; }

/* шапка коммента */
.cmt-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:3px; }
.cmt-author { font-weight:600; color:#fff; font-size:.95rem; }
.cmt-time { color:#7a7a82; font-size:.8rem; }
.cmt-edited { color:#6a6a72; font-style:italic; font-size:.75rem; }
.cmt-pin { color:#ffc857; font-size:.78rem; font-weight:600; }

/* тело */
.cmt-body {
    margin:2px 0 8px;
    color:#d0d0d5;
    line-height:1.55;
    font-size:.95rem;
    word-wrap:break-word;
}

/* упоминания */
.cmt-mention { color:#5aa9ff; font-weight:600; text-decoration:none; }
.cmt-mention:hover { text-decoration:underline; }

/* спойлер */
.cmt-spoiler {
    background:#2a2a30; color:transparent; border-radius:5px; padding:1px 6px;
    cursor:pointer; user-select:none; transition:color .15s;
}
.cmt-spoiler::before { content:"спойлер"; color:#8a8a92; font-size:.85em; }
.cmt-spoiler.revealed { color:#d0d0d5; background:#2a2a30; cursor:auto; }
.cmt-spoiler.revealed::before { content:""; }

/* действия */
.cmt-actions { display:flex; align-items:center; gap:2px; flex-wrap:wrap; }
.cmt-actions button {
    background:none; border:none; color:#8a8a92;
    font-size:.82rem; padding:4px 10px; border-radius:8px; cursor:pointer;
    transition: background .12s, color .12s;
}
.cmt-actions button:hover { background: rgba(255,255,255,.07); color:#e8e8ea; }
.cmt-vote { font-weight:500; }
.cmt-vote.active.cmt-like { color:#4ade80; }
.cmt-vote.active.cmt-dislike { color:#f87171; }
.cmt-reply-btn, .cmt-edit-btn, .cmt-del-btn { font-size:.8rem; }
.cmt-del-btn:hover { color:#f87171 !important; }

/* инлайн-форма ответа */
.cmt-reply-form:not(:empty) { margin-top:10px; }
.cmt-reply-form .cmt-form { display:flex; flex-direction:column; gap:6px; }
.cmt-reply-form .btn { align-self:flex-start; }

/* пусто */
.cmt-list .text-muted { color:#7a7a82 !important; }