.fxOcrProgress {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 12px 0 0;
  padding: 14px;
  border: 1px solid #ead6d6;
  border-radius: 8px;
  background: #fff8f8;
  color: #882121;
}
.fxOcrScan { position: relative; display: grid; place-items: center; flex: 0 0 46px; height: 46px; overflow: hidden; border: 1px solid #efd5d5; border-radius: 8px; background: #fff; }
.fxOcrScan > span { position: absolute; left: 5px; right: 5px; height: 2px; top: 8px; background: #b82525; box-shadow: 0 0 8px #b8252555; animation: fxOcrScan 1.8s ease-in-out infinite alternate; }
.fxOcrProgressText { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; }
.fxOcrProgressText strong { display: flex; align-items: center; gap: 7px; }
.fxOcrProgressText small { color: #6e6262; line-height: 1.5; }
.fxOcrSpinner { flex-shrink: 0; animation: fxOcrSpin 1.2s linear infinite; }
@keyframes fxOcrScan { to { transform: translateY(29px); } }
@keyframes fxOcrSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fxOcrScan > span, .fxOcrSpinner { animation: none; } }
@media (max-width: 600px) {
  .fxScreenshotImage { height: min(22vh, 180px); }
  .fxScreenshotViewport { max-height: min(26vh, 220px); }
}


.fxOriginalDocumentPanel { position:relative;top:auto;z-index:auto; }
.fxScreenshotViewport { max-height:min(38vh,320px);overflow:auto; }
.fxScreenshotImage { height:min(34vh,280px);object-fit:contain; }
.fxReceiptResultsHeading {display:flex;align-items:center;gap:12px;padding:10px 0;}
.fxReceiptResultsHeading span {color:var(--text-secondary);font-size:12px;}
@media(max-width:600px){.fxScreenshotImage{height:min(22vh,180px)}.fxScreenshotViewport{max-height:min(26vh,220px)}}