/* modveiculo — complemento visual nativo do Dolibarr 24.x */

/* ---- Badge de tipo ---------------------------------------- */
.badge-veiculo {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ---- Card de foto na ficha -------------------------------- */
.veiculo-foto-wrap {
    text-align: center;
    padding: 8px 0 12px;
}
.veiculo-foto-wrap img {
    max-width: 260px;
    max-height: 180px;
    border-radius: 8px;
    border: 1px solid var(--colorborder, rgba(127,127,127,.35));
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.veiculo-foto-placeholder {
    width: 260px;
    height: 150px;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px dashed var(--colorborder, rgba(127,127,127,.45));
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    opacity: .65;
    font-size: 13px;
    background: var(--colorbacklineimpair, transparent);
}

/* ---- Linha de composição visual (bitrem) ------------------ */
.comp-visual {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 6px 0;
}
.comp-visual .cv-item {
    background: var(--colorbacklinepair, rgba(127,127,127,.08));
    border: 1px solid var(--colorborder, rgba(127,127,127,.35));
    border-radius: 6px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: inherit;
    white-space: nowrap;
}
.comp-visual .cv-item.tracao {
    font-weight: 700;
    border-left: 3px solid var(--colortextlink, #3575b9);
}
.comp-visual .cv-sep {
    color: var(--colortextlink, inherit);
    font-weight: 700;
    font-size: 16px;
}

/* ---- Tabela lista — placa em destaque --------------------- */
.placa-cell {
    font-family: 'Courier New', monospace;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    color: inherit;
    background: var(--colorbacklinepair, rgba(127,127,127,.08));
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid var(--colorborder, rgba(127,127,127,.35));
    white-space: nowrap;
}

/* ---- Upload preview --------------------------------------- */
#foto-preview {
    margin-top: 8px;
    max-width: 220px;
    max-height: 160px;
    border-radius: 8px;
    border: 1px solid var(--colorborder, rgba(127,127,127,.35));
    display: none;
    object-fit: cover;
}

/* ---- Ícone de câmera no input de arquivo ------------------ */
label.foto-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

/* Apenas responsividade específica dos campos deste módulo. */
.div-table-responsive-no-min select,
.div-table-responsive-no-min input[type="text"] { max-width: 100%; }

@media (max-width: 767px) {
    .minwidth400, .minwidth200 { min-width: 0 !important; width: 100%; }
    .veiculo-foto-placeholder { max-width: 100%; }
}