/* ============================================
   Global Table Styling - tables.css
   Applies to: Claude/Gemini threads & projects
   ============================================ */

/* Bubble container - NO horizontal scroll (handled by table wrapper) */
.message.assistant .bubble {
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-width: 100% !important;
}

/* Table scroll wrapper - created by JS */
.table-scroll-wrapper {
    overflow-x: auto !important;
    overflow-y: visible !important;
    max-width: 100% !important;
    margin: 15px 0 !important;
}

/* Table - proper table display */
table,
.message table,
.message.assistant table,
.message.assistant .bubble table,
.table-scroll-wrapper table {
    display: table !important;
    table-layout: auto !important;
    width: auto !important;
    min-width: 100% !important;
    max-width: none !important;
    border: 1px solid #ccc !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    background: #fff !important;
    font-size: 13px !important;
}

/* Header Row - Gray #D9D9D9, BOLD text, centered */
th,
.message th,
.message.assistant th,
.message.assistant .bubble th,
.table-scroll-wrapper th {
    background: #D9D9D9 !important;
    color: #333 !important;
    font-weight: 700 !important;
    border: 1px solid #bbb !important;
    padding: 8px 12px !important;
    vertical-align: middle !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Data Cells - White, left aligned by default */
td,
.message td,
.message.assistant td,
.message.assistant .bubble td,
.table-scroll-wrapper td {
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    vertical-align: top !important;
    color: #333 !important;
    background: #fff !important;
    text-align: left !important;
}

/* First column - BOLD and LEFT aligned */
td:first-child,
.message td:first-child,
.message.assistant td:first-child,
.table-scroll-wrapper td:first-child {
    font-weight: 700 !important;
    text-align: left !important;
}

/* Alternating Row Colors - #F2F2F2 */
tr:nth-child(even) td,
.message tr:nth-child(even) td,
.message.assistant tr:nth-child(even) td,
.table-scroll-wrapper tr:nth-child(even) td {
    background: #F2F2F2 !important;
}