.aside {
    max-height: calc(100vh - 106px);
}
@media(min-width: 991px) {
    .aside {
        max-height: calc(100vh - 65px);
    }
}
@media(min-width: 801px) {
    .aside .list-container {
        overflow-y: auto;
    }
    .aside .list-container::-webkit-scrollbar {
      width: 10px;
    }
    .aside .list-container::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    .aside .list-container::-webkit-scrollbar-thumb {
      background: #888;
      border-radius: 20em;
    }
    .aside .list-container::-webkit-scrollbar-thumb:hover {
      background: #555;
    }
}

.breadcrumbs {
    margin-top: 10px;
}

@media (max-width: 602px) {
  .img-col {
      width: 50%;
  }
}


.form-input>.form-control, .form-input>.form-select { 
	background-color: #fff !important; 
}

/* SKELETON LOADER STYLES */

/* Force skeleton items to be visible immediately, 
   even if your main .img-col has default opacity: 0 */
.skeleton-item {
    opacity: 1 !important; 
}

/* The fake image box */
.skeleton-img {
    width: 100%;
    aspect-ratio: 4/3; /* Adjust this if your thumbnails are taller/shorter */
    background: #e0e0e0;
    border-radius: 4px;
    margin-bottom: 8px;
    
    /* Optional: Pulse Animation */
    animation: skeleton-pulse 1.5s infinite ease-in-out;
}

/* The fake text line (name) */
.skeleton-text {
    height: 15px;
    width: 60%;
    background: #e0e0e0;
    border-radius: 4px;
    margin-left: 5px; /* Align with where name usually sits */
    animation: skeleton-pulse 1.5s infinite ease-in-out;
}

@keyframes skeleton-pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

/* Force the container to take up screen space immediately */
#dataContent {
    min-height: 1000px; /* Forces the footer down immediately */
    display: flex;      /* Ensures grid behaves correctly */
    flex-wrap: wrap;    /* Allows items to wrap into rows */
}

/* Optional: Adjust for mobile if needed */
@media (max-width: 768px) {
    #dataContent {
        min-height: 600px; /* Smaller min-height for mobile */
    }
}