.md-table {
    width: 100%;
    overflow-x: auto;
    margin: var(--space-8) 0;
}

.md-table table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.md-table th,
.md-table td {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--card-border);
}

.md-table th {
    font-weight: bold;
    color: var(--color-text-contrast);
    background-color: var(--color-primary);
    white-space: nowrap;
}

.md-table tbody tr:last-child td {
    border-bottom: none;
}

.md-table tbody tr:nth-child(even) {
    background-color: var(--color-hover);
}

.md-table td:first-child {
    font-weight: 600;
    white-space: nowrap;
}