/* Custom CSS - Matrix table support for chat messages */
/* Target table elements inside message content */
.mx_EventTile_content table,
.mx_MessageBody table,
[data-testid="mx_EventTile_content"] table {
    border-collapse: collapse;
    margin: 8px 0;
    font-size: 0.85em;
    width: auto;
    max-width: 100%;
    display: table !important;
}

.mx_EventTile_content th,
.mx_MessageBody th,
[data-testid="mx_EventTile_content"] th {
    background: rgba(128, 128, 128, 0.15);
    font-weight: 600;
    text-align: left;
    padding: 6px 10px;
    border: 1px solid rgba(128, 128, 128, 0.3);
}

.mx_EventTile_content td,
.mx_MessageBody td,
[data-testid="mx_EventTile_content"] td {
    padding: 5px 10px;
    border: 1px solid rgba(128, 128, 128, 0.2);
}

/* Strikethrough support */
.mx_EventTile_content del,
.mx_MessageBody del,
[data-testid="mx_EventTile_content"] del {
    text-decoration: line-through;
    opacity: 0.7;
}

/* Code blocks in messages */
.mx_EventTile_content pre,
.mx_MessageBody pre {
    background: rgba(0, 0, 0, 0.15);
    padding: 8px 12px;
    border-radius: 4px;
    overflow-x: auto;
    font-size: 0.85em;
}

/* Inline code */
.mx_EventTile_content code,
.mx_MessageBody code {
    background: rgba(0, 0, 0, 0.1);
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.9em;
}