/* Styles for src/components/data-table.js and nothing else. A WinForms DataGridView. */

.data-table { font-size: var(--t-base); }
.data-table th { white-space: nowrap; position: sticky; top: 0; z-index: 1; }
.data-table td { vertical-align: middle; }

.data-table__marker { width: 20px; min-width: 20px; background: var(--c-control); border-right: 1px solid var(--c-button-border); }
.data-table__row--selected .data-table__marker::before { content: "\25B6"; font-size: 9px; color: var(--c-text); display: block; text-align: center; }

.data-table__row--link { cursor: default; }
.data-table__row--link:hover td:not(.data-table__marker) { background: var(--c-row-hover); }
.data-table__row--selected td:not(.data-table__marker),
.data-table__row--selected:hover td:not(.data-table__marker) { background: var(--c-highlight); color: var(--c-highlight-text); }
.data-table__row--selected a, .data-table__row--selected .data-table__sub, .data-table__row--selected .status-pill { color: var(--c-highlight-text); }
.data-table__row--link:focus { outline: 1px dotted var(--c-text); outline-offset: -2px; }

.data-table__select { width: 28px; }
.data-table__empty { padding: var(--s-4); }
.data-table__primary { font-weight: 400; }
.data-table__sub { display: block; color: var(--c-text-gray); font-size: var(--t-xs); }