/* Document lookups: persistent duplicate cues, compact selection grid and payment summary. */
html body .vario-document-line-lookup-modal .vario-document-directory-lookup-grid tbody tr.vario-document-lookup-existing-line:not(.vario-selected-row):not(:hover) td,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-directory-lookup-grid tbody tr.vario-document-lookup-existing-line:not(.vario-selected-row):not(:hover) td {
    background: #e4f5ea !important;
    color: #11482c !important;
}

html body .vario-document-line-lookup-modal .vario-document-directory-lookup-grid tbody tr.vario-document-lookup-existing-line:not(.vario-selected-row):not(:hover) td:first-child,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-directory-lookup-grid tbody tr.vario-document-lookup-existing-line:not(.vario-selected-row):not(:hover) td:first-child {
    box-shadow: inset 4px 0 0 #20945a !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid thead th,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid thead th {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 9px !important;
    font: 850 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody tr,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody tr,
html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody td,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody td {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody td,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody td {
    padding: 1px 9px !important;
    font: 750 11px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody td.vario-document-selection-quantity-cell,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-selected-lines-grid tbody td.vario-document-selection-quantity-cell {
    padding: 1px 3px !important;
}

html body .vario-item-duplicate-decision-modal,
html[data-vario-theme] body .vario-item-duplicate-decision-modal {
    z-index: 65090 !important;
}

html body .vario-item-duplicate-decision-modal .vario-document-confirmation-dialog,
html[data-vario-theme] body .vario-item-duplicate-decision-modal .vario-document-confirmation-dialog {
    max-width: 560px !important;
}

html body .vario-item-duplicate-decision-footer,
html[data-vario-theme] body .vario-item-duplicate-decision-footer {
    gap: 10px !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-summary-section,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-summary-section {
    align-self: start !important;
    min-height: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-summary-section>.vario-erp-section-body,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-summary-section>.vario-erp-section-body {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-metrics,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    border: 1px solid #c7d6e8 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-metrics article,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics article {
    display: grid !important;
    align-content: center !important;
    gap: 3px !important;
    min-height: 66px !important;
    padding: 10px 14px !important;
    border-right: 1px solid #d9e3f0 !important;
    background: #ffffff !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-metrics article:last-child,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics article:last-child {
    border-right: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-metrics article.primary,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics article.primary {
    background: #edf5ff !important;
    box-shadow: inset 4px 0 0 #0b6cff !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-metrics span,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics span {
    color: #526985 !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-metrics strong,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics strong {
    color: #08224f !important;
    font: 900 16px/20px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-progress,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-progress {
    position: relative !important;
    height: 8px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    background: #e4ebf4 !important;
}

html body .vario-erp-document-details-modal .vario-document-payment-progress>span,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-progress>span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: #0b6cff !important;
    transition: width 160ms ease !important;
}

@media (max-width: 760px) {

    html body .vario-erp-document-details-modal .vario-document-payment-metrics,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics {
        grid-template-columns: 1fr !important;
    }

    html body .vario-erp-document-details-modal .vario-document-payment-metrics article,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics article {
        min-height: 54px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #d9e3f0 !important;
    }

    html body .vario-erp-document-details-modal .vario-document-payment-metrics article:last-child,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-payment-metrics article:last-child {
        border-bottom: 0 !important;
    }
}