.button-row.compact { margin: 0; }
.modal { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; background: #05050580; padding: 20px; }
.modal-card { width: min(720px, 90vw); background: #fff; border: 1px solid #333; border-radius: 0; box-shadow: 0 18px 54px rgba(0,0,0,.18); padding: 34px 42px 38px; }
.modal-kicker { font: 800 11px/1 var(--font-mono); letter-spacing: .12em; color: var(--green); }
.modal-card h2 { font-size: 28px; margin: 10px 0 22px; }
.completion-result { display: block; font: 800 34px/1 var(--font-mono); color: var(--green); }
.completion-result.fail { color: var(--red); }
.completion-result.stopped { color: var(--ink); }
.completion-meta { margin: 22px 0; color: var(--gray-4); font-size: 14px; }
.completion-meta p { margin: 7px 0; }
.completion-meta span,.completion-diff strong { font-family: var(--font-mono); }
.completion-diff { padding: 12px 0; background: var(--white); border-top: 1px solid var(--gray-2); border-bottom: 1px solid var(--gray-2); color: var(--red); }
.modal-actions { display: flex; gap: 28px; margin-top: 32px; }
.modal-actions button { width: auto; min-width: 0; flex: 1 1 0; }
@media (max-width: 560px) { .modal-card { width: min(720px, 90vw); padding: 34px 42px 38px; } .modal-actions { display: grid; grid-template-columns: 1fr; } .modal-actions button { width: 100%; } }