.cs-scan-mode-progress {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  font-size: 13px;
}

.cs-scan-mode-progress__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

.cs-scan-mode-progress__grid strong {
  display: block;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 2px;
}

.cs-scan-mode-progress__grid span {
  display: block;
  color: #0f172a;
  word-break: break-word;
}

.prem-scanner-root .btn--cc-resume-scan {
  color: #0f172a;
  background: #fff7ed;
  border: solid 1px #f5d3a9;
}

.prem-scanner-root .btn--cc-resume-scan:hover:not(:disabled) {
  background: #ffedd5;
  border-color: #fb923c;
}

@media (min-width: 900px) {
  .cs-scan-mode-progress__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}