.audit{margin:0;border:1px solid var(--color-line);border-radius:1rem;background:#fff;box-shadow:0 1px 2px #15130f0a,0 24px 48px -24px #15130f40;overflow:hidden;font-family:var(--font-body)}.audit .audit-head{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.125rem;border-bottom:1px solid var(--color-line);font-size:.8125rem;color:var(--color-muted)}.audit .audit-statuswrap{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem}.audit .audit-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-accent);transition:background .3s}.audit .audit-status{font-weight:600;color:var(--color-accent);transition:color .3s}.audit .audit-body{position:relative}.audit .scan{position:absolute;left:0;right:0;top:0;height:60px;pointer-events:none;opacity:0;z-index:2;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-green) 22%,transparent),transparent)}.audit.is-scanning .scan{animation:audit-scan var(--dur-scan) var(--ease-soft) forwards}@keyframes audit-scan{0%{opacity:0;transform:translateY(-60px)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(340px)}}.audit.is-scanning .audit-dot{animation:audit-pulse 1.3s ease-in-out infinite}@keyframes audit-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 45%,transparent)}60%{box-shadow:0 0 0 6px transparent}}.audit .audit-stage{transition:opacity var(--dur-base) var(--ease-reveal),transform var(--dur-base) var(--ease-reveal);padding:.25rem 0}.audit.is-entering .audit-stage{opacity:0;transform:translateY(8px)}.audit.is-leaving .audit-stage{opacity:0;transform:translateY(-8px)}.audit .audit-banner{display:none;align-items:center;gap:.5rem;margin:.5rem .75rem -.25rem;padding:.55rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:600;color:#9a5a12;background:var(--color-accentsoft)}.audit[data-mode=whole].is-resolved .audit-banner{display:flex}.audit[data-mode=whole].is-resolved .row{opacity:.5}.audit .row{display:grid;grid-template-columns:1fr auto auto 18px;align-items:center;gap:1rem;padding:.8rem 1.125rem;border-top:1px solid color-mix(in srgb,var(--color-line) 60%,transparent);position:relative;transition:opacity var(--dur-base) var(--ease-reveal),background var(--dur-base) var(--ease-reveal)}.audit .row:first-child{border-top:0}.audit .row-item{font-size:.9rem;color:var(--color-inkdeep);display:flex;flex-direction:column;gap:.1rem}.audit .row-sub{font-size:.75rem;color:var(--color-accent);font-weight:600;opacity:0;transition:opacity var(--dur-base) var(--ease-reveal) .15s}.audit .row-qty{font-size:.8rem;color:#7c8a8d}.audit .row-price{font-size:.9rem;color:var(--color-inkdeep)}.audit .row-prices{display:inline-flex;align-items:baseline;gap:.5rem;font-size:.9rem}.audit .price-old{color:var(--color-inkdeep);transition:color var(--dur-base) var(--ease-reveal)}.audit .price-new{color:var(--color-green);font-weight:600;opacity:0;transform:translate(-4px);transition:opacity var(--dur-base) var(--ease-reveal) .2s,transform var(--dur-base) var(--ease-reveal) .2s}.audit .row-tick{width:18px;display:inline-flex;justify-content:center}.audit .row:not(.row--flag) .row-tick:after{content:"✓";color:var(--color-green);font-size:.85rem;font-weight:700;opacity:0;transform:scale(.6);transition:opacity var(--dur-base) var(--ease-reveal),transform var(--dur-base) var(--ease-reveal);transition-delay:var(--d, 0s)}.audit.is-scanning .row:not(.row--flag) .row-tick:after,.audit.is-resolved .row:not(.row--flag) .row-tick:after{opacity:1;transform:none}.audit .badge{position:absolute;right:1.125rem;top:-.55rem;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;opacity:0;transform:translateY(4px);transition:opacity var(--dur-base) var(--ease-reveal) .1s,transform var(--dur-base) var(--ease-reveal) .1s}.audit.is-resolved .row--flag{background:var(--color-accentsoft);box-shadow:inset 3px 0 0 var(--color-accent)}.audit.is-resolved .row--flag .price-old{color:#9aa6a8;text-decoration:line-through}.audit.is-resolved .row--flag .price-new,.audit.is-resolved .row--flag .row-sub,.audit.is-resolved .row--flag .badge{opacity:1;transform:none}.audit.is-resolved .audit-status{color:var(--color-green)}.audit.is-resolved .audit-dot{background:var(--color-green)}.audit .audit-foot{padding:.875rem 1.125rem;border-top:1px solid var(--color-line);background:var(--color-paper)}.audit .result{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--color-green);opacity:0;transform:translateY(4px);transition:opacity .4s .25s,transform .4s .25s}.audit.is-resolved .result{opacity:1;transform:none}.audit .result-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-green)}@media(prefers-reduced-motion:reduce){.audit .scan{display:none!important}.audit.is-scanning .audit-dot{animation:none!important}.audit .audit-stage,.audit .row,.audit .price-new,.audit .row-sub,.audit .badge,.audit .result,.audit .row-tick:after{transition:none!important;transition-delay:0s!important}}
