.operation-status{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem;margin:.5rem 0;border:1px solid #bdcdc5;border-radius:6px;background:#f1f6f3;font-size:.85rem;color:#23473a}
.operation-status[hidden]{display:none}.operation-status progress{width:5rem;height:.4rem;accent-color:#2e6852}.operation-status button{font-size:.8rem;padding:.3rem .55rem}.operation-error{color:#852b27;background:#fff3f0;border-color:#d9b2ab}
[data-updating="true"]{outline:1px dashed #9aafa4;outline-offset:3px}.result-identity{font-size:.8rem;color:#4c6156;margin:.4rem 0}
@media(prefers-reduced-motion:reduce){.operation-status progress:indeterminate{display:none}.operation-status:has(progress:indeterminate) [role=status]::before{content:'';display:inline-block;width:3rem;height:.4rem;margin-right:.5rem;border-radius:3px;background:#9aafa4}}

.startup-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.5rem 1rem;background:#f7f9f7;font-size:.8rem}.startup-stages>div:not(.operation-status){padding:.3rem}.startup-stages .operation-status{margin:0}.startup-stages .result-identity{display:none}

.startup-stages>.operation-status:not([hidden])+.result-identity+div{display:none}
@media(max-width:760px){.startup-stages{grid-template-columns:1fr}}

.operation-status[data-state=complete]{border:0;background:transparent;padding:0;margin:.25rem 0;font-size:.75rem;color:var(--muted,#4c6156)}