.srq-processing{padding:.75rem 0 calc(.25rem + env(safe-area-inset-bottom,0px));min-width:0;border-top:1px solid #d4e1d9;color:#18271e}
.srq-processing-line{display:flex;align-items:baseline;gap:.75rem;justify-content:space-between;min-width:0}
.srq-processing-label{font-size:.875rem;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}
.srq-processing-count{font-size:.75rem;color:#496453;font-variant-numeric:tabular-nums;flex-shrink:0}
.srq-processing-track{height:.45rem;background:#e9efe9;border-radius:999px;overflow:hidden;margin:.5rem 0;position:relative}
.srq-processing-fill{display:block;position:absolute;inset:0;background:var(--color-ink);transform:scaleX(0);transform-origin:left center;transition:transform 200ms cubic-bezier(.23,1,.32,1);overflow:hidden}
.srq-processing-light{display:block;position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.45) 50%,transparent 75%);opacity:0}
.srq-processing.is-shimmering .srq-processing-light{opacity:1;animation:srq-processing-wave 1.8s linear infinite}
@keyframes srq-processing-wave{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.srq-processing-note{font-size:.8125rem;line-height:1.5;margin:.35rem 0;overflow-wrap:anywhere;color:#496453}
.srq-processing-note:empty{display:none}
.srq-processing-details{font-size:.75rem;line-height:1.5;color:#496453}
.srq-processing-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;width:max-content;max-width:100%}
.srq-processing-details ol{margin:0;padding-inline-start:1.25rem;max-height:8rem;overflow:auto;overscroll-behavior:contain}
.srq-processing-retry,.srq-processing-result{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #bbcec0;border-radius:.6rem;padding:.35rem .8rem;background:#fff;color:#145d33;font:inherit;font-size:.875rem;touch-action:manipulation;text-decoration:none;cursor:pointer}
.srq-processing [hidden]{display:none!important}
.srq-processing :focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}
.srq-processing[data-stage=interrupted] .srq-processing-fill{background:#80602b}
.srq-processing[data-stage=review] .srq-processing-fill,.srq-processing[data-stage=reconnecting] .srq-processing-fill{background:#617467}
@media(max-width:600px){.srq-processing-line{flex-wrap:wrap;gap:.15rem}.srq-processing{padding-top:.65rem}.srq-processing-count{flex-shrink:1}.srq-upload-exam .srq-upload-footer{max-height:60dvh;overflow:auto;overscroll-behavior:contain}}
