/* Contractors fixed list footer and preview separation */
html .vario-contractors-dashboard,
html[data-vario-theme] .vario-contractors-dashboard {
    grid-template-rows: auto minmax(230px, 1fr) 312px !important;
    gap: 12px !important;
}

html .vario-contractors-list,
html[data-vario-theme] .vario-contractors-list {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) 30px !important;
    overflow: hidden !important;
    border-bottom: 1px solid #d8e2f0 !important;
}

html .vario-contractors-list>.table-responsive,
html[data-vario-theme] .vario-contractors-list>.table-responsive {
    grid-row: 1 !important;
    height: 100% !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    overflow: auto !important;
}

html .vario-contractors-load-status,
html[data-vario-theme] .vario-contractors-load-status {
    position: static !important;
    grid-row: 2 !important;
    z-index: 1 !important;
    display: flex !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    height: 30px !important;
    padding: 0 12px !important;
    background: #f8fbff !important;
    border: 0 !important;
    border-top: 1px solid #e5eaf2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

html .vario-contractors-load-status>div,
html[data-vario-theme] .vario-contractors-load-status>div {
    width: 100% !important;
}

html .vario-contractors-load-status strong,
html[data-vario-theme] .vario-contractors-load-status strong,
html .vario-contractors-load-status span:last-child,
html[data-vario-theme] .vario-contractors-load-status span:last-child {
    line-height: 30px !important;
}

html .vario-contractors-load-spinner,
html[data-vario-theme] .vario-contractors-load-spinner {
    width: 14px !important;
    height: 14px !important;
}

html .vario-contractors-load-spinner.active,
html[data-vario-theme] .vario-contractors-load-spinner.active {
    animation: vario-spin 0.65s linear infinite !important;
}

html .vario-contractors-preview-pane,
html[data-vario-theme] .vario-contractors-preview-pane {
    height: 312px !important;
    margin-top: 0 !important;
    border-top: 1px solid #d8e2f0 !important;
    box-shadow: 0 -1px 0 rgba(15, 31, 61, 0.03), 0 8px 24px rgba(15, 31, 61, 0.04) !important;
}

html .vario-contractors-preview-tabs,
html[data-vario-theme] .vario-contractors-preview-tabs {
    min-height: 42px !important;
}

html .vario-contractors-preview-body,
html[data-vario-theme] .vario-contractors-preview-body {
    min-height: 0 !important;
    padding-bottom: 18px !important;
}

html .vario-contractors-table thead th,
html[data-vario-theme] .vario-contractors-table thead th {
    height: 30px !important;
}

html .vario-contractors-table tbody td,
html[data-vario-theme] .vario-contractors-table tbody td {
    height: 27px !important;
    max-height: 27px !important;
    font-size: 11.8px !important;
}

