/* OperatorList's table chrome is shared by both training lists and hosts. */
.op-table.training-table {
    --row-h: 42px;
    width: 100%;
    min-width: 310px;
    table-layout: fixed;
    font-size: 12px;
}
.training-table th, .training-table td { padding: 0 7px; }
.training-table .op-head th { height: 34px; cursor: default; }
.training-table .training-name { width: auto; }
.training-table .training-goal { width: 100px; }
.training-table .training-rate { width: 64px; text-align: right; font-variant-numeric: tabular-nums; }
.training-table .training-state { width: 100px; white-space: normal; font-size: 11px; }
.training-table .training-action { width: 42px; padding: 0 4px; text-align: center; }
.training-table .training-row-button {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 40px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.training-table .training-row-button:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
.training-table .training-action-button { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; height: 28px; min-height: 28px; padding: 0; }
.training-table .op-row.is-preview td { background-color: var(--accent-soft); }
.training-table .training-name-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }