/* Vistoria do carro (sistema completo e app do celular). */
.vistoria-carro .tanque { display: flex; gap: 3px; }
.vistoria-carro .tanque button { flex: 1; height: 36px; border: 1px solid #adb5bd; background: #fff; border-radius: 4px; font-size: .75rem; font-weight: bold; padding: 0; }
.vistoria-carro .tanque button.on { background: #198754; border-color: #198754; color: #fff; }
.vistoria-carro .tanque button.atual { outline: 3px solid #0d6efd; outline-offset: 1px; }
.vistoria-carro .carro-desenho { width: 170px; flex: 0 0 auto; }
.vistoria-carro .carro-desenho svg { width: 100%; height: auto; cursor: crosshair; touch-action: manipulation; }
.vistoria-carro .marca-nova { fill: #dc3545; stroke: #fff; stroke-width: 2; }
.vistoria-carro .marca-antiga { fill: #868e96; stroke: #fff; stroke-width: 2; }
.vistoria-carro .fotos-vistoria { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
.vistoria-carro .foto-vistoria { display: block; aspect-ratio: 4 / 3; border: 2px dashed #adb5bd; border-radius: 6px; cursor: pointer; overflow: hidden; margin: 0; position: relative; }
.vistoria-carro .foto-vistoria .ph { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-align: center; color: #6c757d; font-size: .9rem; }
.vistoria-carro .foto-vistoria .ph small { font-size: .68rem; line-height: 1.1; padding: 0 2px; }
.vistoria-carro .foto-vistoria.feita { border: 2px solid #198754; }
.vistoria-carro .foto-vistoria.feita img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vistoria-carro .foto-vistoria.feita small { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.55); color: #fff; }
.vistoria-carro .foto-vistoria.enviando { opacity: .5; }
.vistoria-carro .quadro-assinatura { width: 100%; height: 160px; border: 2px solid #495057; border-radius: 6px; background: #fff; display: block; }