/**
 * minimalistBlack Table Theme
 *
 * Based on TTConfirm V2 Style Guide
 * Clean, professional table styling with black borders and gray gradient headers.
 *
 * Version: 1.0
 * Created: 2026-01-13
 */

/* ============================================================================
   Base Table Styles
   ============================================================================ */

table.minimalistBlack {
    border: 3px solid #000000;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}

table.minimalistBlack td,
table.minimalistBlack th {
    border: 1px solid #000000;
    padding: 5px;
    text-align: left;
}

/* ============================================================================
   Table Body
   ============================================================================ */

table.minimalistBlack tbody td {
    font-size: 12px;
    color: #333;
    line-height: 18px;
}

table.minimalistBlack tbody tr {
    transition: background-color 0.15s ease;
}

table.minimalistBlack tbody tr:hover {
    background-color: #f4f4f4;
}

/* ============================================================================
   Table Header
   ============================================================================ */

table.minimalistBlack thead {
    background: linear-gradient(to bottom, #dbdbdb 0%, #cfcfcf 100%);
    border-bottom: 3px solid #000000;
}

table.minimalistBlack thead th {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    line-height: 18px;
    padding: 5px;
}

/* Sortable header links */
table.minimalistBlack thead th a {
    color: #000000;
    text-decoration: none;
}

table.minimalistBlack thead th a:hover {
    color: #007bff;
}

/* ============================================================================
   Table Footer
   ============================================================================ */

table.minimalistBlack tfoot {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    background: #cfcfcf;
    border-top: 3px solid #000000;
}

table.minimalistBlack tfoot td {
    padding: 5px;
}

/* ============================================================================
   Action Column
   ============================================================================ */

table.minimalistBlack td.actions,
table.minimalistBlack th.actions {
    text-align: center;
    white-space: nowrap;
}

/* ============================================================================
   Responsive Styles
   ============================================================================ */

@media (max-width: 768px) {
    table.minimalistBlack {
        font-size: 11px;
    }

    table.minimalistBlack td,
    table.minimalistBlack th {
        padding: 4px;
    }

    table.minimalistBlack tbody td {
        font-size: 11px;
    }

    table.minimalistBlack thead th {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    table.minimalistBlack td,
    table.minimalistBlack th {
        padding: 3px;
    }

    table.minimalistBlack tbody td {
        font-size: 10px;
    }

    table.minimalistBlack thead th {
        font-size: 11px;
    }
}

/* ============================================================================
   Print Styles
   ============================================================================ */

@media print {
    table.minimalistBlack {
        border: 2px solid #000000;
    }

    table.minimalistBlack td,
    table.minimalistBlack th {
        border: 1px solid #000000;
    }

    table.minimalistBlack thead {
        background: #e0e0e0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}