/* FV / lookup standard corrections - 2026-06-24 */
html body .vario-erp-document-details-modal .vario-document-lines-edit thead th,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-edit thead th,
html body .vario-erp-document-details-modal .vario-document-lines-picker-grid thead th,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-picker-grid thead th {
    height: 26px !important;
    padding: 0 9px !important;
    color: #12315f !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%) !important;
    border-bottom: 1px solid #dbe5f2 !important;
    border-right: 1px solid #e4eaf3 !important;
    font: 800 11.5px/24px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-edit tbody td,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-edit tbody td,
html body .vario-erp-document-details-modal .vario-document-lines-picker-grid tbody td,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-picker-grid tbody td {
    height: 22px !important;
    max-height: 22px !important;
    padding: 1px 9px !important;
    color: #12315f !important;
    border-bottom: 1px solid #e9eef6 !important;
    border-right: 1px solid #e4eaf3 !important;
    font: 800 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-edit tbody td strong,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-edit tbody td strong {
    font: 900 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-edit tbody .btn,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-edit tbody .btn {
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font: 800 10px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-lines-edit tbody tr.vario-grid-empty-message-row,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-edit tbody tr.vario-grid-empty-message-row,
html body .vario-erp-document-details-modal .vario-document-lines-edit tbody tr.vario-grid-empty-message-row td,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-edit tbody tr.vario-grid-empty-message-row td {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    padding: 3px 8px !important;
    color: #526985 !important;
    background: #ffffff !important;
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    font: 850 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-form-section-title,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-section-title {
    grid-column: 1 / -1 !important;
    height: 22px !important;
    padding: 3px 8px 0 !important;
    margin: 2px 0 -2px !important;
    border-top: 1px solid #d9e4f2 !important;
    color: #134f8c !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f1f5fb 100%) !important;
    font: 900 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

html body .vario-document-directory-lookup-card,
html[data-vario-theme] body .vario-document-directory-lookup-card {
    grid-template-rows: 124px minmax(0, 1fr) 38px !important;
}

html body .vario-document-line-editor-modal .modal-dialog,
html[data-vario-theme] body .vario-document-line-editor-modal .modal-dialog {
    max-width: 780px !important;
}

html body .vario-document-line-editor-grid,
html[data-vario-theme] body .vario-document-line-editor-grid {
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
}

html body .vario-document-line-editor-grid .vario-price-mode-input.source,
html[data-vario-theme] body .vario-document-line-editor-grid .vario-price-mode-input.source {
    background: #ffffff !important;
    border-color: #9fbdf1 !important;
    color: #06265c !important;
}

html body .vario-document-line-editor-grid .vario-price-mode-input.calculated,
html[data-vario-theme] body .vario-document-line-editor-grid .vario-price-mode-input.calculated {
    background: #edf3fb !important;
    border-color: #c7d7eb !important;
    color: #365577 !important;
    cursor: default !important;
}

html body .vario-document-line-editor-grid .vario-document-line-price-warning,
html[data-vario-theme] body .vario-document-line-editor-grid .vario-document-line-price-warning {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    min-height: 30px;
    padding: 6px 8px;
    border: 1px solid var(--vario-status-warning-border);
    border-radius: 6px;
    background: var(--vario-status-warning-bg);
    color: var(--vario-status-warning-text);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

html body .vario-document-line-editor-grid .vario-document-line-price-warning.blocking,
html[data-vario-theme] body .vario-document-line-editor-grid .vario-document-line-price-warning.blocking {
    border-color: var(--vario-status-danger-border);
    background: var(--vario-status-danger-bg);
    color: var(--vario-status-danger-text);
}

html body .vario-document-line-editor-grid .vario-document-line-price-warning svg,
html[data-vario-theme] body .vario-document-line-editor-grid .vario-document-line-price-warning svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    margin-top: 1px;
}

html body .vario-document-line-editor-grid .vario-price-mode-input.alternate-editable,
html[data-vario-theme] body .vario-document-line-editor-grid .vario-price-mode-input.alternate-editable {
    background: var(--vario-surface, #ffffff) !important;
    border-color: var(--vario-border, #c7d7eb) !important;
    color: var(--vario-text, #092b53) !important;
    cursor: text !important;
}

html body .vario-document-field-hint,
html[data-vario-theme] body .vario-document-field-hint {
    display: block !important;
    margin-top: 3px !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    color: #4d6580 !important;
}

html body .vario-document-field-hint.warning,
html[data-vario-theme] body .vario-document-field-hint.warning {
    color: #9a5c00 !important;
}

html body .vario-document-field-required>span,
html[data-vario-theme] body .vario-document-field-required>span {
    color: #a92727 !important;
    font-weight: 900 !important;
}

html body .vario-document-field-required input,
html body .vario-document-field-required select,
html body .vario-document-field-required textarea,
html[data-vario-theme] body .vario-document-field-required input,
html[data-vario-theme] body .vario-document-field-required select,
html[data-vario-theme] body .vario-document-field-required textarea {
    border-color: #dc6b6b !important;
    background: linear-gradient(180deg, #fffdfd 0%, #fff3f3 100%) !important;
    color: #08224f !important;
    box-shadow: inset 3px 0 0 #d63535, 0 0 0 2px rgba(214, 53, 53, 0.14) !important;
}

html body .vario-document-field-required .vario-lookup-input,
html[data-vario-theme] body .vario-document-field-required .vario-lookup-input {
    padding-left: 10px !important;
}

html body .vario-document-field-hint.danger,
html[data-vario-theme] body .vario-document-field-hint.danger {
    color: #a92727 !important;
}

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

html body .vario-document-line-lookup-modal .vario-lookup-selection-column,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-lookup-selection-column,
html body .vario-document-line-lookup-modal .vario-lookup-selection-cell,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-lookup-selection-cell {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    padding: 0 !important;
    text-align: center !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"] {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    accent-color: #005be8 !important;
    cursor: pointer !important;
}

html body .vario-document-directory-lookup-footer,
html[data-vario-theme] body .vario-document-directory-lookup-footer {
    height: 38px !important;
    min-height: 38px !important;
    gap: 10px !important;
    padding: 5px 10px !important;
}

html body .vario-document-directory-lookup-footer>.vario-erp-document-close-button,
html[data-vario-theme] body .vario-document-directory-lookup-footer>.vario-erp-document-close-button {
    order: 1 !important;
}

html body .vario-document-directory-lookup-footer>span,
html[data-vario-theme] body .vario-document-directory-lookup-footer>span {
    order: 2 !important;
    margin-right: auto !important;
    font: 800 11px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-directory-lookup-footer-actions,
html[data-vario-theme] body .vario-document-directory-lookup-footer-actions {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

html body .vario-document-directory-lookup-footer .btn,
html[data-vario-theme] body .vario-document-directory-lookup-footer .btn {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font: 800 11px/26px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-list-search-button,
html body .vario-list-add-button,
html[data-vario-theme] body .vario-list-search-button,
html[data-vario-theme] body .vario-list-add-button {
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #1d73ff 0%, #125be8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(18, 99, 241, 0.16) !important;
}

html body .vario-clear-filter-button,
html[data-vario-theme] body .vario-clear-filter-button {
    border-color: #c8d7ee !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%) !important;
    color: #4f6584 !important;
    box-shadow: none !important;
}

html body .vario-document-directory-lookup-actions .vario-list-search-button,
html body .vario-document-directory-lookup-actions .vario-clear-filter-button,
html[data-vario-theme] body .vario-document-directory-lookup-actions .vario-list-search-button,
html[data-vario-theme] body .vario-document-directory-lookup-actions .vario-clear-filter-button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font: 800 11px/26px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-pdf-preview-modal .modal-dialog,
html[data-vario-theme] body .vario-pdf-preview-modal .modal-dialog {
    height: calc(100dvh - 48px) !important;
    max-height: calc(100dvh - 48px) !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    position: relative !important;
    z-index: 65001 !important;
}

html body .vario-pdf-preview-modal,
html[data-vario-theme] body .vario-pdf-preview-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 65000 !important;
}

html body:has(.vario-pdf-preview-modal) .vario-win-titlebar,
html[data-vario-theme] body:has(.vario-pdf-preview-modal) .vario-win-titlebar {
    z-index: 100 !important;
}

html body .vario-pdf-preview-modal .modal-content,
html body .vario-pdf-preview-modal .vario-erp-modal-content,
html[data-vario-theme] body .vario-pdf-preview-modal .modal-content,
html[data-vario-theme] body .vario-pdf-preview-modal .vario-erp-modal-content {
    height: 100% !important;
    min-height: 0 !important;
}

html body .vario-pdf-preview-modal .vario-pdf-preview-body,
html[data-vario-theme] body .vario-pdf-preview-modal .vario-pdf-preview-body {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 8px !important;
}

html body .vario-pdf-preview-modal .vario-pdf-preview-frame,
html[data-vario-theme] body .vario-pdf-preview-modal .vario-pdf-preview-frame {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
}

html body #components-reconnect-modal,
html body .components-reconnect-show,
html body .components-reconnect-failed,
html body .components-reconnect-rejected,
html[data-vario-theme] body #components-reconnect-modal,
html[data-vario-theme] body .components-reconnect-show,
html[data-vario-theme] body .components-reconnect-failed,
html[data-vario-theme] body .components-reconnect-rejected {
    position: fixed !important;
    inset: auto !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 50000 !important;
    width: min(440px, calc(100vw - 36px)) !important;
    min-height: 74px !important;
    padding: 14px 16px 14px 54px !important;
    border: 1px solid #cbd8ea !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%) !important;
    box-shadow: 0 18px 40px rgba(4, 16, 38, 0.18) !important;
    color: transparent !important;
    font: 800 0/0 Inter, "Segoe UI", Arial, sans-serif !important;
}