/* =========================================================
   COMPLAINT TABLES CUSTOM CSS - FULLY ISOLATED
   Prefix: .complaint-table-
   ========================================================= */

/* Base Table Reset and Layout */
.complaint-table-main {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-family: Calibri, 'Segoe UI', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    background-color: transparent !important;
    table-layout: auto !important;
}

/* Cell Defaults */
.complaint-table-main th, 
.complaint-table-main td {
    padding: 8px 12px !important;
    vertical-align: middle !important;
    color: #000000 !important;
    box-sizing: border-box !important;
}

/* Header Defaults */
.complaint-table-main thead th {
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: left !important;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
}
.complaint-table-main thead th:first-child { border-left: none !important; }
.complaint-table-main thead th:last-child { border-right: none !important; }

/* Utility Classes */
.complaint-table-text-left { text-align: left !important; }
.complaint-table-text-center { text-align: center !important; }
.complaint-table-bold { font-weight: bold !important; }
.complaint-table-bg-white { background-color: #ffffff !important; }

/* =========================================================
   THEME 1: RED (For Table 1)
   ========================================================= */
.complaint-table-theme-red {
    border: 3px double #b65a4e !important;
}
.complaint-table-theme-red thead th {
    background-color: #7b2b23 !important;
    border-bottom: 1px solid #b65a4e !important;
}
.complaint-table-theme-red td {
    border: 1px solid #b65a4e !important;
}
.complaint-table-theme-red .complaint-table-row-tint {
    background-color: #eabfb9 !important;
}

/* =========================================================
   THEME 2: GRAY/BROWN (For Table 2)
   ========================================================= */
.complaint-table-theme-gray {
    border: 3px double #8f7977 !important;
}
.complaint-table-theme-gray thead th {
    background-color: #5c4442 !important;
    text-align: center !important; /* Table 2 headers are centered */
    border-bottom: 1px solid #8f7977 !important;
}
.complaint-table-theme-gray td {
    border: 1px solid #8f7977 !important;
}
.complaint-table-theme-gray .complaint-table-row-tint {
    background-color: #dfd6d5 !important;
}

/* =========================================================
   THEME 3: RUST/ORANGE (For Table 3 & 4)
   ========================================================= */
.complaint-table-theme-orange {
    border: 3px double #d17863 !important;
}
.complaint-table-theme-orange thead th {
    background-color: #ad432a !important;
    text-align: center !important; /* Table 3 & 4 headers are centered */
    border-bottom: 1px solid #d17863 !important;
}
.complaint-table-theme-orange td {
    border: 1px solid #d17863 !important;
}
.complaint-table-theme-orange .complaint-table-row-tint {
    background-color: #f3d2c9 !important;
}