/* Shared completion states use the active app/auth shell and Bootstrap tokens. */
.completion-panel{max-width:40rem;padding:1.5rem;overflow-wrap:anywhere}
.completion-panel:focus,.feedback-message:focus{outline:var(--ka-focus-outline,3px dashed #212529);outline-offset:4px}
.completion-panel .completion-icon{display:block;font-size:2rem;line-height:1;color:var(--bs-success);margin-bottom:1rem}
.completion-panel .completion-message{line-height:1.65;margin-top:.75rem;margin-bottom:0;max-width:60ch}
.completion-panel .completion-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.5rem}
.completion-panel .completion-secondary{display:inline-block;padding:.5rem 0}
.completion-panel .completion-details{margin:1.25rem 0 0;padding:1rem;background:var(--bs-light);border-radius:.5rem}
.completion-details>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.5rem}
.completion-details>div:last-child{margin-bottom:0}
.completion-details dt{font-weight:500}
.completion-details dd{margin:0}
.completion-panel-compact{padding:0;max-width:100%}
.completion-panel-compact .completion-icon{font-size:1.5rem;margin-bottom:.75rem}
.completion-panel-compact .completion-actions{margin-top:1rem}
@media(max-width:575px){.completion-panel:not(.completion-panel-compact){padding:1.25rem}.completion-panel .completion-actions{align-items:stretch;flex-direction:column}.completion-panel .completion-actions .btn{width:100%}.completion-panel .completion-secondary{align-self:flex-start}}