/* Document line workflow: final lookup selection-preview and local-search geometry. */
html body .vario-document-line-lookup-modal .vario-document-directory-lookup-top-search,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-directory-lookup-top-search {
    min-height: 66px !important;
    overflow: visible !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid-wrap,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid-wrap {
    min-height: 0 !important;
    overflow: auto !important;
    scrollbar-gutter: stable !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid-wrap table,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid-wrap table {
    width: 100% !important;
    min-width: 720px !important;
    margin: 0 !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid-wrap thead th,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid-wrap thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
}

html body .vario-document-line-lookup-modal .vario-document-selection-quantity-cell,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selection-quantity-cell {
    width: auto !important;
    padding: 1px 3px !important;
}

html body .vario-document-line-lookup-modal .vario-document-selection-quantity-trigger,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selection-quantity-trigger {
    width: 100% !important;
    min-width: 0 !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 4px !important;
    border: 1px solid #b8cbe4 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    color: #08224f !important;
    font: 800 10.5px/18px Inter, "Segoe UI", Arial, sans-serif !important;
    text-align: right !important;
    cursor: pointer !important;
}

html body .vario-document-line-lookup-modal .vario-document-selection-quantity-trigger:hover,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selection-quantity-trigger:hover,
html body .vario-document-line-lookup-modal .vario-document-selection-quantity-trigger:focus-visible,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selection-quantity-trigger:focus-visible {
    border-color: #2f74d0 !important;
    background: #eef6ff !important;
}

html body .vario-document-line-lookup-modal .vario-document-contractor-lookup-row,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-contractor-lookup-row {
    cursor: default !important;
}

html body .vario-document-line-lookup-modal .vario-lookup-selection-cell input[type="checkbox"],
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-lookup-selection-cell input[type="checkbox"] {
    cursor: pointer !important;
}

html body .vario-document-lookup-quantity-editor,
html[data-vario-theme] body .vario-document-lookup-quantity-editor {
    position: fixed !important;
    left: clamp(8px, var(--vario-quantity-editor-left), calc(100vw - 172px)) !important;
    top: max(8px, var(--vario-quantity-editor-top)) !important;
    z-index: 1105 !important;
    display: grid !important;
    grid-template-columns: 24px minmax(62px, 1fr) 24px 27px !important;
    align-items: center !important;
    gap: 3px !important;
    width: 164px !important;
    height: 31px !important;
    padding: 3px !important;
    border: 1px solid #8aa8cf !important;
    border-radius: 6px !important;
    background: #f8fbff !important;
    box-shadow: 0 8px 22px rgba(8, 34, 79, 0.24), 0 1px 3px rgba(8, 34, 79, 0.16) !important;
}

html body .vario-document-lookup-quantity-editor::after,
html[data-vario-theme] body .vario-document-lookup-quantity-editor::after {
    position: absolute !important;
    left: calc(50% - 5px) !important;
    bottom: -6px !important;
    width: 10px !important;
    height: 10px !important;
    border-right: 1px solid #8aa8cf !important;
    border-bottom: 1px solid #8aa8cf !important;
    background: #f8fbff !important;
    content: "" !important;
    transform: rotate(45deg) !important;
}

html body .vario-document-lookup-quantity-editor button,
html[data-vario-theme] body .vario-document-lookup-quantity-editor button,
html body .vario-document-lookup-quantity-editor input,
html[data-vario-theme] body .vario-document-lookup-quantity-editor input {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 23px !important;
    min-height: 23px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #b8cbe4 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #163b69 !important;
}

html body .vario-document-lookup-quantity-editor button,
html[data-vario-theme] body .vario-document-lookup-quantity-editor button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

html body .vario-document-lookup-quantity-editor button:hover,
html[data-vario-theme] body .vario-document-lookup-quantity-editor button:hover {
    border-color: #4d83c5 !important;
    background: #eaf3ff !important;
}

html body .vario-document-lookup-quantity-editor button.confirm,
html[data-vario-theme] body .vario-document-lookup-quantity-editor button.confirm {
    border-color: #075fda !important;
    background: #0b6cff !important;
    color: #ffffff !important;
}

html body .vario-document-lookup-quantity-editor input,
html[data-vario-theme] body .vario-document-lookup-quantity-editor input {
    padding: 0 4px !important;
    color: #08224f !important;
    font: 850 11px/21px Inter, "Segoe UI", Arial, sans-serif !important;
    text-align: center !important;
    outline: none !important;
    box-shadow: none !important;
}

html body .vario-document-lookup-quantity-editor .nav-icon,
html[data-vario-theme] body .vario-document-lookup-quantity-editor .nav-icon {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    margin: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-panel>footer,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-panel>footer {
    justify-content: space-between !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search {
    position: relative !important;
    flex: 0 1 280px !important;
    width: min(280px, 40%) !important;
    min-width: 180px !important;
    margin: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search input,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search input {
    width: 100% !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 8px 0 27px !important;
    border: 1px solid #c6d6ea !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #08224f !important;
    font: 750 10.5px/20px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search.active input,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search.active input {
    padding-right: 27px !important;
    border-color: #4f88d1 !important;
    background: #edf5ff !important;
    box-shadow: inset 0 0 0 1px rgba(47, 116, 208, 0.1) !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search-icon {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    left: 8px !important;
    top: 50% !important;
    width: 12px !important;
    height: 12px !important;
    line-height: 0 !important;
    color: #35618f !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search-icon .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search-icon .nav-icon {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    margin: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search-clear,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search-clear {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #35618f !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search-clear:hover,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search-clear:hover {
    background: #d8e9ff !important;
    color: #075fda !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-search-clear .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-search-clear .nav-icon {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    margin: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-filter-status,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-filter-status {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 5px !important;
    margin-left: 2px !important;
    color: #245b9b !important;
    font: 800 10px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-filter-status::before,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-filter-status::before {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #0b6cff !important;
    box-shadow: 0 0 0 2px rgba(11, 108, 255, 0.12) !important;
    content: "" !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-footer-summary,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-footer-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-left: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}