/* Contractors definitive layout: fixed table footer, line tabs, adaptive preview */
html .vario-contractors-dashboard,
html[data-vario-theme] .vario-contractors-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(150px, 1fr) minmax(280px, 36%) !important;
    grid-template-areas:
        "search"
        "list"
        "preview" !important;
    gap: 12px !important;
    height: calc(100dvh - 92px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html .vario-contractors-list,
html[data-vario-theme] .vario-contractors-list {
    grid-area: list !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) 30px !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    border-bottom: 1px solid #d8e2f0 !important;
}

html .vario-contractors-table-scroll,
html[data-vario-theme] .vario-contractors-table-scroll {
    grid-row: 1 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow: auto !important;
    padding: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overscroll-behavior: contain !important;
}

html .vario-contractors-list>.vario-contractors-load-status,
html[data-vario-theme] .vario-contractors-list>.vario-contractors-load-status {
    position: relative !important;
    inset: auto !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    background: #f8fbff !important;
    border: 0 !important;
    border-top: 1px solid #e5eaf2 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

html .vario-contractors-load-status>div,
html[data-vario-theme] .vario-contractors-load-status>div {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !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.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 {
    grid-area: preview !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-top: 1px solid #d8e2f0 !important;
    display: grid !important;
    grid-template-columns: minmax(250px, 0.55fr) minmax(0, 1.75fr) 220px !important;
    grid-template-rows: 42px minmax(0, 1fr) !important;
}

html .vario-contractors-preview-header,
html[data-vario-theme] .vario-contractors-preview-header {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 14px 18px !important;
    border-right: 1px solid #edf1f7 !important;
}

html .vario-contractors-preview-header h2,
html[data-vario-theme] .vario-contractors-preview-header h2 {
    display: -webkit-box !important;
    max-height: 72px !important;
    overflow: hidden !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

html .vario-contractors-preview-tabs,
html[data-vario-theme] .vario-contractors-preview-tabs {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: end !important;
    gap: 26px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5eaf2 !important;
}

html .vario-contractors-dashboard .vario-contractors-preview-tab,
html[data-vario-theme] .vario-contractors-dashboard .vario-contractors-preview-tab,
html .vario-contractors-dashboard .vario-contractors-preview-tab:nth-child(n),
html[data-vario-theme] .vario-contractors-dashboard .vario-contractors-preview-tab:nth-child(n) {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    color: #51627d !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: 800 12px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-contractors-dashboard .vario-contractors-preview-tab.active,
html[data-vario-theme] .vario-contractors-dashboard .vario-contractors-preview-tab.active,
html .vario-contractors-dashboard .vario-contractors-preview-tab:nth-child(n).active,
html[data-vario-theme] .vario-contractors-dashboard .vario-contractors-preview-tab:nth-child(n).active {
    color: #1263f1 !important;
    background: transparent !important;
    border-bottom-color: #1263f1 !important;
}