/* OCR Auto-Fill Confidence Indicators
   Applied to form fields auto-filled from OCR results.
   Three levels: high (>0.8), medium (0.5-0.8), low (<0.5). */

.ocr-filled {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* High confidence (>0.8) — green */
.ocr-filled--high {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.15);
}

/* Medium confidence (0.5-0.8) — amber */
.ocr-filled--medium {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.15);
}

/* Low confidence (<0.5) — red */
.ocr-filled--low {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.15);
}

/* Hint label below the field */
.ocr-hint {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    margin-top: 3px;
    line-height: 1;
}

.ocr-hint--high { color: #059669; }
.ocr-hint--medium { color: #d97706; }
.ocr-hint--low { color: #dc2626; }

/* Dark mode */
:root.theme-dark .ocr-filled--high {
    border-color: #34d399 !important;
    box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.12);
}
:root.theme-dark .ocr-filled--medium {
    border-color: #fbbf24 !important;
    box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.12);
}
:root.theme-dark .ocr-filled--low {
    border-color: #f87171 !important;
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.12);
}

:root.theme-dark .ocr-hint--high { color: #34d399; }
:root.theme-dark .ocr-hint--medium { color: #fbbf24; }
:root.theme-dark .ocr-hint--low { color: #f87171; }