.audit-progress{--ap-ink:var(--ink,#162c3d);--ap-muted:var(--muted,#516473);--ap-surface:var(--surface,#fff);--ap-line:var(--line,#dae5ec);--ap-soft:var(--selected,#edf7fb);--ap-blue:var(--blue,#147da4);border:1px solid var(--ap-line);border-radius:18px;padding:28px;background:var(--ap-surface);color:var(--ap-ink);box-sizing:border-box;text-align:left;font-size:15px}
.audit-progress-heading{display:flex;align-items:center;gap:16px;margin-bottom:25px}.audit-progress-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--ap-soft);color:var(--ap-blue);font-size:30px}.audit-progress-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--ap-blue)}.audit-progress .audit-progress-heading h2{font-size:23px;font-weight:400;line-height:1.3;margin:5px 0 0;letter-spacing:-.03em}
.audit-progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:10px}.audit-progress-meta strong{font-weight:400;color:var(--ap-blue);font-size:22px}.audit-progress-track{height:8px;border-radius:20px;background:var(--ap-line);overflow:hidden}.audit-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#1681a6,#00a0d2);border-radius:20px;transition:width .6s ease}
.audit-progress .audit-progress-current{font-size:14px;line-height:1.6;margin:14px 0 20px;color:var(--ap-muted);min-height:23px}.audit-progress-steps{list-style:none;padding:0;margin:0}.audit-progress-steps li{display:flex;align-items:center;gap:13px;padding:15px 12px;border-top:1px solid var(--ap-line);border-radius:0}.audit-progress-steps li.is-active{background:var(--ap-soft);border-radius:10px;border-color:transparent}.audit-step-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--ap-line);border-radius:50%;font-size:13px;color:var(--ap-muted)}.is-complete .audit-step-icon{background:var(--ap-soft);color:var(--ap-blue);border-color:transparent}.is-active .audit-step-icon{border-color:transparent}.audit-progress-steps strong{display:block;font-size:15px;font-weight:400}.audit-progress-steps small{display:block;font-size:12px;color:var(--ap-muted);margin-top:4px;line-height:1.5}.audit-step-state{font-size:12px;line-height:1.4;text-align:right;margin-left:auto;color:var(--ap-muted);min-width:65px}.is-active .audit-step-state{color:var(--ap-blue)}.audit-step-spinner{height:22px;width:22px;border:2px solid var(--ap-line);border-top-color:var(--ap-blue);border-radius:50%;animation:audit-spin .9s linear infinite}
.audit-progress-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ap-line);padding-top:18px;margin-top:8px;font-size:12px;color:var(--ap-muted)}.audit-progress-footer strong{font-weight:400;color:var(--ap-ink);font-variant-numeric:tabular-nums}.audit-progress .audit-progress-note{font-size:12px;line-height:1.7;margin:12px 0 0;color:var(--ap-muted)}.audit-progress.is-failed .audit-progress-symbol{color:#bf4239}.audit-progress.is-failed .audit-progress-track>span{background:#bf4239}@keyframes audit-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.audit-progress{padding:20px 16px}.audit-progress .audit-progress-heading h2{font-size:21px}.audit-progress-steps li{padding:14px 5px;gap:9px}.audit-progress-steps strong{font-size:14px}.audit-step-state{font-size:11px;max-width:95px}.audit-progress-steps small{font-size:11px}.audit-progress-footer{display:block}.audit-progress-footer>span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.audit-step-spinner{animation:none}.audit-progress-track>span{transition:none}}