/* VERTENXIS ESCOLAR — Leitura OMR (câmera) — estende estilo_painel.css */

.area-camera {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
    aspect-ratio: 3 / 4;
}

.area-camera video, .area-camera canvas { width: 100%; height: 100%; object-fit: cover; display: block; }

.area-camera canvas.sobreposta { position: absolute; inset: 0; pointer-events: none; }

.status-leitura-omr {
    text-align: center;
    margin-top: 14px;
    font-size: .88rem;
    color: var(--cor-texto-suave);
    min-height: 20px;
}

.status-leitura-omr.sucesso { color: var(--cor-acerto); font-weight: 600; }
.status-leitura-omr.erro { color: var(--cor-marcador); font-weight: 600; }

.resultado-leitura-omr {
    max-width: 480px;
    margin: 18px auto 0;
    background: var(--cor-papel-elevado);
    border: 1px solid var(--cor-borda);
    border-radius: 14px;
    padding: 20px;
    text-align: center;
}

.resultado-leitura-omr .nota-final { font-family: var(--fonte-destaque); font-size: 2.4rem; color: var(--cor-marcador); }
.resultado-leitura-omr .detalhes-nota { font-size: .82rem; color: var(--cor-texto-suave); margin-top: 4px; }

.botoes-camera { display: flex; gap: 10px; max-width: 480px; margin: 16px auto 0; }
.botoes-camera button { flex: 1; }