/**
 * Estilos do Frontend - Gerador KML
 */

/* ==========================================
   1. ESTILOS GERAIS
   ========================================== */
.ikml-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================
   2. ABA GRADE (CARDS)
   ========================================== */
.ikml-wrapper .card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.ikml-wrapper #ikml-grid-container .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================
   3. ABA TABELA (DATATABLES)
   ========================================== */
#ikmlTable {
    width: 100% !important;
    font-size: 0.85rem;
}

#ikmlTable thead th {
    background-color: #0d6efd;
    color: white;
    vertical-align: middle;
    font-size: 0.80rem;
    padding: 10px;
}

#ikmlTable tbody td {
    vertical-align: middle;
    word-wrap: break-word;
    padding: 8px 10px;
}

/* Ocultar a coluna de controle do responsivo no Desktop */
@media (min-width: 992px) {
    th.dtr-control, td.dtr-control {
        display: none !important;
    }
}

/* ==========================================
   4. ABA MAPA (LEAFLET)
   ========================================== */
#ikml-map {
    border: 1px solid #dee2e6;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    z-index: 1; /* Garante que o mapa não sobreponha menus do site */
}

#map-sidebar-list .border-bottom:last-child {
    border-bottom: none !important;
}

/* Animação de Carregamento */
.spinner-border {
    width: 3rem;
    height: 3rem;
}