.layout .main .article .table-wrapper {
    width: 100%;
    margin: 20px 0;

    overflow-x: auto;

    border: 1px solid var(--border-subtle);
    border-radius: 5px;
}

.layout .main .article .data-table {
    width: 100%;

    border-collapse: collapse;

    font-size: 11px;
}

.layout .main .article .data-table th {
    padding: 11px 14px;

    color: var(--text-muted);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;

    background: var(--bg-surface);
    border-bottom: 1px solid var(--border-default);
}

.layout .main .article .data-table td {
    padding: 12px 14px;

    color: var(--text-secondary);

    border-bottom: 1px solid var(--border-subtle);
}

.layout .main .article .data-table tbody tr:last-child td {
    border-bottom: 0;
}

.layout .main .article .data-table tbody tr {
    transition: background 150ms ease;
}

.layout .main .article .data-table tbody tr:hover {
    background: rgba(0, 255, 136, 0.025);
}