/* chat-changes.css — Diff-first "Changed files" сводка (feature #1).
   Только классы (CSP-safe, без inline-стилей). Токены из основной темы. */
.changed-files-summary {
    margin: 8px 0 12px;
    border: 1px solid var(--code-border, rgba(255, 255, 255, 0.1));
    border-radius: 10px;
    background: var(--bg-secondary, rgba(255, 255, 255, 0.03));
    overflow: hidden;
    font-size: 13px;
}
.cfs-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: rgba(124, 137, 246, 0.08);
    border-bottom: 1px solid var(--code-border, rgba(255, 255, 255, 0.08));
}
.cfs-title { font-weight: 600; color: var(--text, #e0e0e0); }
.cfs-stat, .cfs-rowstat { font-family: var(--font-code, ui-monospace, monospace); font-size: 12px; }
.cfs-add { color: #22c55e; }
.cfs-del { color: #ef4444; }
.cfs-head .cfs-collapse-all { margin-left: auto; }
.cfs-list { display: flex; flex-direction: column; }
.changed-files-summary.cfs-collapsed .cfs-list { display: none; }
.cfs-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.cfs-row:first-child { border-top: none; }
.cfs-row.cfs-reverted { opacity: 0.55; }
.cfs-row.cfs-reverted .cfs-name { text-decoration: line-through; }
.cfs-file { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; }
.cfs-name {
    color: var(--text, #e0e0e0);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cfs-dir {
    color: var(--text-muted, #888); font-size: 11px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
}
.cfs-badge { font-size: 10px; padding: 1px 6px; border-radius: 5px; font-weight: 600; flex-shrink: 0; }
.cfs-new { background: rgba(34, 197, 94, 0.18); color: #22c55e; }
.cfs-edit { background: rgba(124, 137, 246, 0.18); color: #9aa5f6; }
.cfs-rowstat { flex-shrink: 0; font-size: 11px; }
.cfs-rowactions { display: flex; gap: 4px; flex-shrink: 0; }
.cfs-act {
    background: var(--bg, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--code-border, rgba(255, 255, 255, 0.1));
    color: var(--text, #ccc);
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 11px;
    cursor: pointer;
    transition: background 0.15s ease;
}
.cfs-act:hover { background: rgba(124, 137, 246, 0.18); }
.cfs-act:disabled { opacity: 0.5; cursor: default; }
@media (max-width: 600px) {
    .cfs-dir { display: none; }
    .cfs-act { padding: 3px 6px; }
    .cfs-name { max-width: 120px; }
}