/* Shared list-grid density: sales FV register and all directory registers use one table scale. */
/* Fallback only for shared grids without an existing visual appearance.
 * Document-register grids use vario-list-document-* from
 * vario-list-standard.css as their single source of table geometry. */
html body .vario-standard-data-grid:not(.vario-list-document-table),
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--vario-color-text-default) !important;
    font-family: var(--vario-font-family-ui) !important;
    table-layout: fixed !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) thead th,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    height: var(--vario-size-grid-header-height) !important;
    min-height: var(--vario-size-grid-header-height) !important;
    max-height: var(--vario-size-grid-header-height) !important;
    padding: 0 9px !important;
    color: var(--vario-list-grid-header-text, var(--vario-color-text-heading)) !important;
    background: var(--vario-list-grid-header-bg, var(--vario-gradient-grid-header)) !important;
    border-top: 1px solid var(--vario-list-grid-header-top-border, var(--vario-color-border-grid-top)) !important;
    border-right: 1px solid var(--vario-color-border-subtle) !important;
    border-bottom: 1px solid var(--vario-color-border-soft) !important;
    font: var(--vario-list-grid-header-font, var(--vario-font-grid-header)) !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr,
html body .vario-standard-data-grid:not(.vario-list-document-table) tbody td,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody td {
    box-sizing: border-box !important;
    height: var(--vario-size-grid-row-height) !important;
    min-height: var(--vario-size-grid-row-height) !important;
    max-height: var(--vario-size-grid-row-height) !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr {
    cursor: default !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody td,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody td {
    padding: 1px 9px !important;
    color: var(--vario-color-text-default) !important;
    border-right: 1px solid var(--vario-color-border-subtle) !important;
    border-bottom: 1px solid var(--vario-color-border-subtle) !important;
    font: 800 11px/16px var(--vario-font-family-ui) !important;
    letter-spacing: 0 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody td strong,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody td strong {
    color: inherit !important;
    font: inherit !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row,
html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row td,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row td {
    height: var(--vario-size-grid-row-height) !important;
    min-height: var(--vario-size-grid-row-height) !important;
    max-height: var(--vario-size-grid-row-height) !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row,
html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row:hover,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row:hover {
    --bs-table-accent-bg: transparent !important;
    --bs-table-hover-bg: transparent !important;
    --bs-table-hover-color: inherit !important;
}

html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row td,
html body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row:hover td,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row td,
html[data-vario-theme] body .vario-standard-data-grid:not(.vario-list-document-table) tbody tr.vario-grid-empty-message-row:hover td {
    padding: 1px 9px !important;
    color: var(--vario-text, var(--vario-color-text-default)) !important;
    background: var(--vario-grid-bg, var(--vario-color-surface-card)) !important;
    background-image: none !important;
    box-shadow: none !important;
    font: 700 11px/16px var(--vario-font-family-ui) !important;
    text-align: center !important;
}