/* Consultar produto (celular). */
.consulta-intro { margin: 0 0 14px; color: var(--text-2); font-size: 16px; max-width: 640px; }
.consulta-camera-btn { justify-content: center; display: flex; align-items: center; gap: 8px; max-width: 640px; }
.consulta-campo { margin: 16px 0; max-width: 640px; }
.consulta-campo .form-control { min-height: 56px; }
.consulta-opcoes { display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.consulta-opcao {
    display: flex; flex-direction: column; align-items: flex-start; min-height: 56px; padding: 10px 14px;
    border: 1px solid var(--line); border-radius: var(--r-tile); background: var(--surface); text-align: left; font-size: 16.5px;
}
.consulta-opcao span { color: var(--muted); font-size: 14px; }
.consulta-produto { max-width: 640px; }
.consulta-topo { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.consulta-foto {
    width: 88px; height: 88px; flex-shrink: 0; border-radius: var(--r-tile); overflow: hidden;
    background: var(--paper); display: flex; align-items: center; justify-content: center; color: var(--subtle);
}
.consulta-foto img { width: 100%; height: 100%; object-fit: cover; }
.consulta-foto .material-symbols-outlined { font-size: 40px; }
.consulta-topo > div:last-child { display: flex; flex-direction: column; min-width: 0; }
.consulta-nome { font-size: 22px; font-weight: 800; margin: 0; color: var(--ink); }
.consulta-ref { color: var(--muted); font-family: var(--font-mono); font-size: 13px; }
.consulta-preco { font-size: 28px; font-weight: 800; color: var(--accent-texto); }
.consulta-grade td, .consulta-grade th { font-size: 17px; vertical-align: middle; }
.consulta-grade tr.lida td { background: var(--accent-tint); font-weight: 700; }
.consulta-grade tr.zerado td { color: var(--subtle); }
.consulta-lida { color: var(--accent-texto); font-size: 14px; }
.consulta-total { font-size: 17px; margin: 4px 0 0; }