/* Auto-fix card in the chat (public/modules/autofix.js) */
.af-card { margin: 4px 0 10px; padding: 12px 14px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, var(--card)); display: flex; flex-direction: column; gap: 8px; }
.af-head { display: flex; align-items: center; gap: 8px; }
.af-head b { flex: 1; font-size: 14px; }
.af-ic { color: var(--danger); display: inline-grid; }
.af-x { border: 0; background: none; color: var(--ink-faint); width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; cursor: pointer; }
.af-x:hover { background: var(--hover); color: var(--ink); }
.af-list { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; color: var(--ink-muted); display: flex; flex-direction: column; gap: 3px; word-break: break-word; }
.af-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.af-auto { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-muted); cursor: pointer; }
.af-note { margin: 0; font-size: 12.5px; color: var(--ink-faint); }