﻿    .ocr-tw { overflow: auto; border: 1px solid var(--de-line); border-radius: 10px; background: #fff }
    .ocr-tw table.gv-lst { min-width: 1100px }
    .ocr-tw tr.ocr-ate td { background: var(--ok-bg) }
    .ocr-tw tr.ocr-par td { background: var(--warn-bg) }
    .ocr-cell { width: 96px; height: 28px; text-align: right }
    .ocr-cell.ocr-bad { border-color: var(--err) !important; background: var(--err-bg) }
    .ocr-em { display: block; color: var(--err); font-size: 10.5px; margin-top: 2px; white-space: normal }
    .ocr-hist { margin: 4px 0; padding: 10px 12px; border: 1px dashed var(--de-line-strong); border-radius: 8px; background: var(--de-surface-2) }
    .ocr-hist table { width: auto; min-width: 360px; font-size: 12px; border-collapse: collapse }
    .ocr-hist th, .ocr-hist td { padding: 4px 10px; border-bottom: 1px solid var(--de-line); text-align: left }
    .ocr-diff { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 6px 10px; border-radius: 8px; background: var(--warn-bg); color: var(--warn); font-size: 12px }
    .ocr-diff .gv-inp { flex: 1; min-width: 220px; height: 28px }
    .ocr-spin { width: 42px; height: 42px; border-radius: 50%; border: 4px solid var(--de-surface-3); border-top-color: var(--de-acc); animation: ocrSpin .8s linear infinite; margin: 0 auto 12px }
    @keyframes ocrSpin { to { transform: rotate(360deg) } }
    .ocr-big-ico { font-size: 40px; text-align: center; margin-bottom: 8px }
