.responsive-map {
    height: 600px;   /* Pevná výška pro konzistentní zobrazení */
    min-height: 400px; /* Minimální výška */
}

/* Tabulky vedle mapy */
#type-table {
    height: 600px !important;
    min-height: 400px !important;
}

#line-table {
    height: 400px !important;
    min-height: 300px !important;
}

/* For smaller screens */
@media (max-width: 768px) {
    .responsive-map {
        height: 500px;  /* Optimální výška pro mobilní zařízení */
        min-height: 350px;
    }
    
    #type-table {
        height: 400px !important;
        min-height: 300px !important;
    }
    
    #line-table {
        height: 300px !important;
        min-height: 250px !important;
    }
}

/* For very small screens */
@media (max-width: 480px) {
    .responsive-map {
        height: 400px;
        min-height: 300px;
    }
    
    #type-table {
        height: 350px !important;
        min-height: 250px !important;
    }
    
    #line-table {
        height: 250px !important;
        min-height: 200px !important;
    }
}

div.Select-control, div.Select-menu-outer {
    width: 100% !important;
}

div.Select-value-label, div.Select-option {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: hidden !important;
    line-height: 1.4;
}

div.Select-option {
    min-height: 40px !important;
    height: auto !important;
    padding: 5px 10px !important;
}

/* Dash DataTable optimalizace */
.dash-table-container {
    height: 100% !important;
}

.dash-table-container .dash-spreadsheet-container {
    height: 100% !important;
    max-height: 100% !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner {
    height: 100% !important;
}

/* Zajištění správného zobrazení scrollbaru */
.dash-table-container .dash-spreadsheet-container .virtual-table {
    height: 100% !important;
}