/* ARQUIVO: style.css */
:root {
    --aj-gold: #d4af37;
    --aj-gold-hover: #b39028;
    --bg-dark: #020617; /* Azul Profundo (quase preto) */
    --bg-card: #0f172a; /* Azul Escuro (Slate 900) */
    --bg-input: #1e293b; /* Azul Médio (Slate 800) */
    --text-main: #e0e0e0;
    --border-color: #334155; /* Azul Acinzentado para bordas */
}

body {
    font-family: 'Lato', sans-serif;
    background-color: var(--bg-dark);
    color: var(--text-main);
}

.logo-font, .font-serif { font-family: 'Cinzel', serif; }
.text-gold { color: var(--aj-gold) !important; }

/* Botões */
.btn-gold {
    background-color: var(--aj-gold);
    color: #000;
    font-weight: bold;
    border: none;
    transition: 0.3s;
}
.btn-gold:hover {
    background-color: var(--aj-gold-hover);
    color: #fff;
}

/* Cards e Inputs */
.card-custom {
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

/* Garante destaque total para o nome das cidades no Dashboard */
.card-custom .card-title {
    color: #ffffff !important; /* Branco puro */
    font-weight: 700; /* Negrito para deixar a fonte mais espessa */
    font-size: 1.4rem; /* Aumenta o tamanho para facilitar leitura */
}

.form-control, .form-select {
    background-color: var(--bg-input) !important;
    border: 1px solid var(--border-color);
    color: #fff !important;
}

.form-control:focus, .form-select:focus {
    border-color: var(--aj-gold);
    box-shadow: 0 0 5px rgba(212, 175, 55, 0.5);
}

/* Etiquetas de Preço (Display) */
#display-precos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.badge-preco {
    background-color: rgba(212, 175, 55, 0.15);
    border: 1px solid var(--aj-gold);
    color: var(--aj-gold);
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.badge-preco i { margin-right: 8px; }

/* Utilitários */
.d-none { display: none !important; }
.border-gold { border-color: var(--aj-gold) !important; }

/* Aumenta o contraste das letras miúdas para destacar no fundo preto */
.text-muted {
    color: #f8f9fa !important; /* Branco quase puro para máxima visibilidade */
    opacity: 1 !important;
}

/* Melhora a visibilidade dos textos de exemplo dentro dos campos (placeholders) */
::placeholder {
    color: #bbbbbb !important;
    opacity: 1 !important;
}

/* Garante que a seleção de Diesel não apareça, já que a lógica foi removida */
#divTipoDiesel { display: none !important; }

/* --- Tabela com Barra Lateral (Scroll) --- */
.tabela-scroll thead, 
.tabela-scroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tabela-scroll tbody {
    display: block;
    max-height: 400px; /* Altura fixa para ativar a barra lateral */
    overflow-y: auto;
}

/* Ajuste de colunas para alinhar cabeçalho e corpo (Data, Modelo, Valor, KM) */
.tabela-scroll th:nth-child(1), .tabela-scroll td:nth-child(1) { width: 20%; }
.tabela-scroll th:nth-child(2), .tabela-scroll td:nth-child(2) { width: 40%; }
.tabela-scroll th:nth-child(3), .tabela-scroll td:nth-child(3) { width: 25%; }
.tabela-scroll th:nth-child(4), .tabela-scroll td:nth-child(4) { width: 15%; }

/* Estilo da Barra de Rolagem */
.tabela-scroll tbody::-webkit-scrollbar { width: 6px; }
.tabela-scroll tbody::-webkit-scrollbar-track { background: var(--bg-card); }
.tabela-scroll tbody::-webkit-scrollbar-thumb { background-color: var(--aj-gold); border-radius: 10px; }