/* Unified Table Styles - Standardized across all plugin tables */

/* Main table container */
.unified-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    margin: 20px 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

/* Header styling - Standardized */
.unified-table th,
.unified-table .title {
    background: #e96a00 !important;
    color: #fff !important;
    padding: 15px 12px !important;
    font-size: 17px !important;
    font-weight: bold !important;
    text-align: center !important;
    border: 1px solid #ccc !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Data rows styling */
.unified-table td {
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    text-align: center !important;
    font-size: 15px !important;
    background: #fff !important;
}

/* Hover effects */
.unified-table tr:hover td {
    background: #f8f9fa !important;
}

/* Special styling for numbers */
.unified-table .kqxs-db {
    color: #d32f2f !important;
    font-weight: bold !important;
}

.unified-table .kqxs-so b {
    font-weight: bold !important;
}

/* Column classes for multi-number display */
.haiCol { 
    width: 50% !important; 
    float: left !important; 
}

.baCol { 
    width: 33.3333% !important; 
    float: left !important; 
}

.bonCol { 
    width: 25% !important; 
    float: left !important; 
}

/* Utility classes */
.text-center { 
    text-align: center !important; 
}

.m2lr { 
    margin: 0 2rem !important; 
}

.text-uppercase { 
    text-transform: uppercase !important; 
}

.middle { 
    vertical-align: middle !important; 
}

.no-wrap { 
    white-space: nowrap !important; 
}

.cotGiai { 
    width: 100px !important; 
}

/* Responsive design */
@media screen and (max-width: 576px) { 
    .cotGiai { 
        width: 2rem !important; 
    } 
}