/* Directory v2 compact final overrides. Keep this block last. */
html .vario-win-titlebar,
html[data-vario-theme] .vario-win-titlebar {
    min-height: 46px !important;
    height: 46px !important;
    padding: 6px 16px !important;
}

html .vario-topbar-left,
html[data-vario-theme] .vario-topbar-left {
    gap: 9px !important;
    min-height: 34px !important;
}

html .vario-topbar-module-title h1,
html[data-vario-theme] .vario-topbar-module-title h1 {
    font-size: var(--vario-font-module-title-size) !important;
    line-height: 22px !important;
    margin: 0 !important;
}

html .vario-topbar-module-title span,
html[data-vario-theme] .vario-topbar-module-title span {
    font-size: 11px !important;
    line-height: 13px !important;
}

html .vario-topbar-action-icon,
html[data-vario-theme] .vario-topbar-action-icon {
    width: 28px !important;
    height: 28px !important;
}

html .vario-login-display-name,
html[data-vario-theme] .vario-login-display-name {
    font-size: 12px !important;
    line-height: 14px !important;
}

html .vario-login-user-name,
html[data-vario-theme] .vario-login-user-name {
    font-size: 10.5px !important;
    line-height: 12px !important;
}

html .vario-directory-v2,
html[data-vario-theme] .vario-directory-v2 {
    grid-template-rows: auto minmax(174px, 1fr) minmax(210px, 30vh) !important;
    gap: 8px !important;
    height: 100% !important;
}

html .vario-directory-v2 .vario-contractors-search,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search {
    padding: 8px 12px !important;
    margin: 0 !important;
    border-radius: 11px !important;
}

html .vario-directory-v2 .vario-contractors-top-search,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-top-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 8px !important;
    min-height: 42px !important;
}

html .vario-directory-v2 .vario-contractors-filter-main,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-main {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.15fr) repeat(2, minmax(98px, 0.5fr)) minmax(118px, 0.62fr) repeat(2, minmax(98px, 0.5fr)) auto !important;
    align-items: end !important;
    gap: 7px !important;
    min-width: 0 !important;
}

html .vario-directory-v2 .vario-contractors-search-input-wrap,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search-input-wrap {
    min-width: 0 !important;
}

html .vario-directory-v2 .vario-contractors-search-input-wrap .form-control,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search-input-wrap .form-control {
    height: 31px !important;
    min-height: 31px !important;
    padding: 5px 28px 5px 10px !important;
    font-size: 12px !important;
    line-height: 17px !important;
    border-radius: 8px !important;
}

html .vario-directory-v2 .vario-contractors-search-icon,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search-icon {
    right: 8px !important;
    width: 15px !important;
    height: 15px !important;
}

html .vario-directory-v2 .vario-contractors-filter-field,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-field {
    gap: 3px !important;
    min-width: 0 !important;
}

html .vario-directory-v2 .vario-contractors-filter-field>span,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-field>span {
    font-size: 10.5px !important;
    line-height: 12px !important;
}

html .vario-directory-v2 .vario-contractors-filter-field .form-control,
html .vario-directory-v2 .vario-contractors-filter-field .form-select,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-field .form-control,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-field .form-select {
    height: 31px !important;
    min-height: 31px !important;
    padding: 5px 24px 5px 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 17px !important;
}

html .vario-directory-v2 .vario-clear-filter-button,
html[data-vario-theme] .vario-directory-v2 .vario-clear-filter-button {
    height: 31px !important;
    min-height: 31px !important;
    padding: 5px 9px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}

html .vario-directory-v2 .vario-contractors-filter-actions,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-actions {
    position: static !important;
    display: flex !important;
    align-items: end !important;
    gap: 6px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

html .vario-directory-v2 .vario-contractors-filter-actions .btn,
html .vario-directory-v2 .vario-contractors-filter-actions .vario-advanced-search-toggle,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-actions .btn,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-actions .vario-advanced-search-toggle {
    height: 31px !important;
    min-height: 31px !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    font: 700 11.5px Inter, "Segoe UI", Arial, sans-serif !important;
    line-height: 16px !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

html .vario-directory-v2 .vario-contractors-add-button,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-add-button {
    min-width: 116px !important;
    max-width: 136px !important;
}

html .vario-directory-v2 .vario-contractors-sync-button,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-sync-button {
    min-width: 132px !important;
    max-width: 158px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html .vario-directory-v2 .vario-advanced-search-toggle,
html[data-vario-theme] .vario-directory-v2 .vario-advanced-search-toggle {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
}

html .vario-directory-v2 .vario-advanced-search-toggle span,
html[data-vario-theme] .vario-directory-v2 .vario-advanced-search-toggle span {
    width: 14px !important;
    height: 2px !important;
}

html .vario-directory-v2 .vario-directory-list-v2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-list-v2 {
    grid-template-rows: minmax(0, 1fr) 24px !important;
    min-height: 0 !important;
}

html .vario-directory-v2 .vario-directory-scroll-v2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-scroll-v2 {
    min-height: 0 !important;
    height: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
}

html .vario-directory-v2 .vario-contractors-table thead th,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-table thead th {
    height: 24px !important;
    padding: 3px 8px !important;
    font-size: 10.8px !important;
    line-height: 15px !important;
}

html .vario-directory-v2 .vario-contractors-table tbody tr,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-table tbody tr {
    height: 21px !important;
}

html .vario-directory-v2 .vario-contractors-table tbody td,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-table tbody td {
    height: 21px !important;
    max-height: 21px !important;
    padding: 2px 8px !important;
    font-size: 10.8px !important;
    line-height: 15px !important;
}

html .vario-directory-v2 .vario-row-more-button,
html[data-vario-theme] .vario-directory-v2 .vario-row-more-button {
    width: 24px !important;
    height: 20px !important;
    min-height: 20px !important;
    border-radius: 7px !important;
}

html .vario-directory-v2 .vario-directory-footer-v2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-footer-v2 {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 0 0 12px 12px !important;
}

html .vario-directory-v2 .vario-directory-footer-v2 strong,
html[data-vario-theme] .vario-directory-v2 .vario-directory-footer-v2 strong,
html .vario-directory-v2 .vario-directory-footer-v2 span:last-child,
html[data-vario-theme] .vario-directory-v2 .vario-directory-footer-v2 span:last-child {
    font-size: 10.8px !important;
    line-height: 24px !important;
}

html .vario-directory-v2 .vario-directory-footer-v2 .vario-contractors-load-spinner,
html[data-vario-theme] .vario-directory-v2 .vario-directory-footer-v2 .vario-contractors-load-spinner {
    width: 12px !important;
    height: 12px !important;
}

html .vario-directory-v2 .vario-directory-preview-v2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-v2 {
    grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr) !important;
    grid-template-rows: 36px minmax(0, 1fr) !important;
}

html .vario-directory-v2 .vario-directory-preview-tabs-v2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-tabs-v2 {
    grid-column: 2 !important;
    min-height: 36px !important;
    padding: 0 12px !important;
}

html .vario-directory-v2 .vario-directory-preview-tabs-v2 .vario-contractors-preview-tab,
html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-tabs-v2 .vario-contractors-preview-tab,
html .vario-directory-v2 .vario-directory-preview-tabs-v2 .vario-contractors-preview-tab:nth-child(n),
html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-tabs-v2 .vario-contractors-preview-tab:nth-child(n) {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 15px !important;
    font-size: 11.5px !important;
}

html .vario-directory-v2 .vario-contractors-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-header {
    padding: 10px 14px !important;
}

html .vario-directory-v2 .vario-contractors-preview-header h2,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-header h2 {
    font-size: 16px !important;
    line-height: 1.12 !important;
    max-height: 54px !important;
}

html .vario-directory-v2 .vario-contractors-preview-body,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-body {
    grid-column: 2 !important;
    padding: 10px !important;
    overflow: hidden !important;
}

html .vario-directory-v2 .vario-preview-two-column,
html[data-vario-theme] .vario-directory-v2 .vario-preview-two-column {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    gap: 10px !important;
}

html .vario-directory-v2 .vario-preview-contact-card,
html[data-vario-theme] .vario-directory-v2 .vario-preview-contact-card {
    margin-bottom: 8px !important;
}

html .vario-directory-v2 .vario-preview-card,
html[data-vario-theme] .vario-directory-v2 .vario-preview-card {
    padding: 10px !important;
    margin-bottom: 8px !important;
}

html .vario-directory-v2 .vario-preview-card h3,
html[data-vario-theme] .vario-directory-v2 .vario-preview-card h3 {
    font-size: 12px !important;
    line-height: 15px !important;
    margin-bottom: 7px !important;
}

html .vario-directory-v2 .vario-contractors-preview-footer,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-footer,
html .vario-directory-v2 .vario-preview-summary-grid,
html[data-vario-theme] .vario-directory-v2 .vario-preview-summary-grid {
    display: none !important;
}

@media (max-width: 1500px) {

    html .vario-directory-v2 .vario-contractors-top-search,
    html[data-vario-theme] .vario-directory-v2 .vario-contractors-top-search {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html .vario-directory-v2 .vario-contractors-filter-actions,
    html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-actions {
        justify-content: flex-end !important;
    }
}