.table-container{
     height: 85vh;
    overflow-y: auto;
}

.table-85{
    height: 85vh;
}

.table-60{
    height: 85vh;
}

.table-container-short{

    height: 50vh;
    overflow-y: auto;
}

/* Responsive table styles - hide columns on medium and small screens */
/* Hide on medium screens (tablets and small laptops) - show max 4 columns */
@media (max-width: 1200px) {
    .hide-on-md {
        display: none !important;
    }
    
    /* HIDE ALL small tags on medium and below */
    table small {
        display: none !important;
    }
    
    /* Hide flex containers (type badges) on medium and below */
    table .d-flex.flex-wrap {
        display: none !important;
    }
    
    /* Hide any element with text utility classes */
    table .text-muted,
    table .text-warning,
    table .text-success,
    table .text-info,
    table .text-primary {
        display: none !important;
    }
}

/* Hide on small screens (phones) - show max 4 columns */
@media (max-width: 767.98px) {
    .hide-on-sm {
        display: none !important;
    }
    
    /* TEST: Add red border to verify CSS is loading */
    table {
        border: 3px solid red !important;
    }
    
    /* Ensure single-line content on small screens */
    table td, table th {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 150px !important;
    }
    
    /* Force single line in table cells */
    table td div {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Make action buttons more compact */
    .btn-group-sm .btn {
        padding: 0.2rem 0.4rem !important;
        font-size: 0.75rem !important;
    }
    
    /* Reduce badge sizes - but HIDE badges in name columns completely */
    table tbody tr td:nth-child(2) .badge,
    table tbody tr td:nth-child(3) .badge {
        display: none !important;
    }
    
    /* Keep badges visible only in dedicated status columns */
    .badge {
        font-size: 0.7rem !important;
        padding: 0.2rem 0.4rem !important;
    }
    
    /* HIDE ALL small tags */
    table small {
        display: none !important;
    }
    
    /* Hide flex containers (type badges) */
    table .d-flex {
        display: none !important;
    }
    
    /* Hide any element with text utility classes that is also d-block */
    table .text-muted,
    table .text-warning,
    table .text-success,
    table .text-info,
    table .text-primary {
        display: none !important;
    }
    
    /* Make sure name link stays visible */
    table td a {
        display: inline !important;
        white-space: nowrap !important;
    }
    
    /* Hide warning icons next to names if they're block */
    table td i.bi {
        display: none !important;
    }
}

/* Extra small screens - ultra compact */
@media (max-width: 575.98px) {
    .hide-on-xs {
        display: none !important;
    }
    
    table td, table th {
        max-width: 100px;
        font-size: 0.85rem;
    }
    
    .btn-group-sm .btn i {
        font-size: 0.75rem;
    }
}