.snapshot-wrapper {
    overflow-x: auto;
    margin: 0 auto 10px;
    border: 1px solid var(--border-color);
}

.snapshot-table {
    width: 100%;
    min-width: 1150px;
    /* Fixed layout + uniform column widths keep every row's 12 cells aligned. */
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 11px;
    background: var(--panel-bg);
}

.snapshot-table td {
    padding: 4px 6px;
    border: 1px solid var(--border-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.snapshot-table .snap-label {
    /* Six label columns; values get the wider remainder of each pair. */
    width: 8.5%;
    background: var(--subtle-bg);
    color: var(--text-muted);
    font-weight: 600;
    text-align: right;
}

.snapshot-table .snap-value {
    width: 8.16%;
    text-align: left;
    font-weight: 600;
    color: var(--text-color);
}