/* ERP create wizard tabs: same rhythm as contractor card tabs. */
html body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tabs,
html[data-vario-theme] body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tabs {
    display: flex !important;
    align-items: flex-end !important;
    flex: 0 0 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    gap: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tab,
html[data-vario-theme] body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tab {
    position: relative !important;
    flex: 0 0 auto !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    color: #526987 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: 800 11px/28px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tab+.vario-erp-create-wizard-tab::before,
html[data-vario-theme] body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tab+.vario-erp-create-wizard-tab::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 1px !important;
    height: 13px !important;
    background: #d5dfed !important;
}

html body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tab.active,
html[data-vario-theme] body .vario-erp-create-wizard-modal .vario-erp-create-wizard-tab.active {
    color: #1263f1 !important;
    background: transparent !important;
    border-bottom-color: #1263f1 !important;
    box-shadow: none !important;
}

html body .vario-erp-document-details-modal,
html[data-vario-theme] body .vario-erp-document-details-modal {
    background: rgba(5, 18, 42, 0.32) !important;
    backdrop-filter: blur(2px);
}

html body .vario-erp-document-details-modal .vario-erp-document-card-dialog,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-dialog {
    margin: 62px auto 14px !important;
    max-width: min(1380px, calc(100% - 44px)) !important;
    height: calc(100dvh - 76px) !important;
    max-height: calc(100dvh - 76px) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100dvh - 76px) !important;
    max-height: calc(100dvh - 76px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(78, 91, 108, 0.58) !important;
    border-radius: 10px !important;
    background: #eef3f9 !important;
    box-shadow:
        0 28px 62px rgba(4, 16, 38, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.82) inset !important;
}

html body .vario-erp-document-details-modal.vario-document-email-modal .vario-erp-document-card-dialog,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-email-modal .vario-erp-document-card-dialog {
    max-width: min(640px, calc(100vw - 44px)) !important;
    height: auto !important;
    max-height: calc(100dvh - 76px) !important;
}

html body .vario-erp-document-details-modal.vario-document-email-modal .vario-erp-document-card,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-email-modal .vario-erp-document-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 76px) !important;
}

html body .vario-erp-document-details-modal.vario-document-email-modal .vario-erp-modal-body,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-email-modal .vario-erp-modal-body {
    display: block !important;
    flex: 0 1 auto !important;
    overflow-y: auto !important;
}

html body .vario-erp-document-details-modal.vario-document-email-modal textarea,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-email-modal textarea {
    min-height: 136px !important;
    max-height: 220px !important;
    resize: vertical !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-header,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-header {
    display: flex !important;
    flex: 0 0 58px !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: 9px 14px !important;
    border-bottom: 1px solid #cbd8ea !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-title,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-title {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    background: #eaf2ff !important;
    color: #1263f1 !important;
    box-shadow: inset 0 0 0 1px rgba(18, 99, 241, 0.16) !important;
    font: 900 11px/1 Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-icon .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-icon .nav-icon {
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
    stroke-width: 2.3 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-title h5,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-title h5 {
    color: #08224f !important;
    font: 900 17px/21px Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-title small,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-title small {
    display: block !important;
    margin-top: 1px !important;
    color: #607086 !important;
    font: 700 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges span,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges button,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button {
    display: inline-flex !important;
    align-items: center !important;
    height: 23px !important;
    padding: 0 9px !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #173d78 !important;
    font: 900 10.5px/21px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.vario-document-badge-action,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.vario-document-badge-action {
    appearance: none !important;
    cursor: pointer !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.vario-document-badge-action:hover,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.vario-document-badge-action:hover {
    filter: saturate(1.08) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-primary,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-primary,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-primary,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-primary {
    border-color: #9fc0f8 !important;
    background: #eaf2ff !important;
    color: #1263f1 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-success,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-success,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-success,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #147a3d !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-warning,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-warning,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-warning,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-warning {
    border-color: #f3d28a !important;
    background: #fff6df !important;
    color: #9a6400 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-danger,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-danger,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-danger,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-danger {
    border-color: #f0b5b5 !important;
    background: #fff1f1 !important;
    color: #c01f1f !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-violet,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-violet {
    border-color: #d8b4fe !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-amber,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges button.status-amber {
    border-color: #fde68a !important;
    background: #fef3c7 !important;
    color: #b45309 !important;
}

html body .vario-erp-document-details-modal .vario-erp-modal-body,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-modal-body {
    display: grid !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 8px !important;
    padding: 8px !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
    overflow-y: auto !important;
    background: #eef3f9 !important;
    isolation: isolate !important;
}

html body .vario-erp-document-details-modal .vario-document-basic-sections,
html body .vario-erp-document-details-modal .vario-document-lines-split,
html body .vario-erp-document-details-modal .vario-document-links-split,
html body .vario-erp-document-details-modal .vario-erp-section,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-basic-sections,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-lines-split,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-links-split,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-section {
    position: relative !important;
    z-index: 1 !important;
}

html body .vario-erp-document-details-modal .vario-win-document-tabs button,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-win-document-tabs button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 23px !important;
    min-height: 23px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: #f0f6ff !important;
    color: #13345f !important;
    font: 900 11px/21px Inter, "Segoe UI", Arial, sans-serif !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

html body .vario-erp-document-details-modal .vario-win-document-tabs button .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-win-document-tabs button .nav-icon {
    width: 12px !important;
    height: 12px !important;
    margin-right: 5px !important;
    stroke-width: 2.4 !important;
    color: currentColor !important;
}

html body .vario-erp-document-details-modal .vario-erp-summary-grid,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

html body .vario-erp-document-details-modal .vario-erp-summary-grid>div,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-summary-grid>div {
    min-height: 46px !important;
    padding: 7px 9px !important;
    border: 1px solid #d5e0ef !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

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

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

html body .vario-erp-document-details-modal .vario-erp-section,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-section {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d5e0ef !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(4, 16, 38, 0.08) !important;
}

html body .vario-erp-document-details-modal .vario-erp-section-header,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #e0e8f4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%) !important;
}

html body .vario-erp-document-details-modal .vario-document-basic-sections,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-basic-sections {
    display: grid !important;
    gap: 8px !important;
}

html body .vario-erp-document-details-modal .vario-document-section-title,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-section-title {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
}

html body .vario-erp-document-details-modal .vario-document-section-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-section-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 7px !important;
    background: #edf5ff !important;
    color: #1263f1 !important;
}

html body .vario-erp-document-details-modal .vario-document-section-icon .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-section-icon .nav-icon {
    width: 14px !important;
    height: 14px !important;
    stroke-width: 2.3 !important;
}

html body .vario-erp-document-details-modal .vario-erp-section-header h2,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-section-header h2 {
    color: #08224f !important;
    font: 900 12px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-erp-section-header p,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-section-header p {
    color: #607086 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-erp-section-body,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-section-body {
    padding: 9px !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
    gap: 8px 10px !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid-two,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid-two {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid-five,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid-five {
    grid-template-columns: minmax(170px, 1.35fr) repeat(4, minmax(118px, 1fr)) !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid label.span-2,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid label.span-2 {
    grid-column: span 2 !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid label,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid label {
    gap: 2px !important;
    color: #173d78 !important;
    font: var(--vario-font-form-label) !important;
}

html body .vario-erp-document-details-modal .vario-document-label-with-action,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-label-with-action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    min-height: 16px !important;
}

html body .vario-erp-document-details-modal .vario-document-field-search-button,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-field-search-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 19px !important;
    height: 19px !important;
    padding: 0 !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #1263f1 !important;
}

html body .vario-erp-document-details-modal .vario-document-field-action-group,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-field-action-group {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
}

html body .vario-erp-document-details-modal .vario-document-field-add-button,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-field-add-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 19px !important;
    height: 19px !important;
    padding: 0 !important;
    border: 1px solid #1263f1 !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #1d73ff 0%, #125be8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(18, 99, 241, 0.18) !important;
}

html body .vario-erp-document-details-modal .vario-document-field-search-button .nav-icon,
html body .vario-erp-document-details-modal .vario-document-field-add-button .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-field-search-button .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-field-add-button .nav-icon {
    width: 12px !important;
    height: 12px !important;
    color: currentColor !important;
    stroke-width: 2.5 !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid input:not([type="checkbox"]):not([type="radio"]),
html body .vario-erp-document-details-modal .vario-document-form-grid select,
html body .vario-erp-document-details-modal .vario-document-form-grid textarea,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid input:not([type="checkbox"]):not([type="radio"]),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid select,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid textarea {
    border-color: #c8d7ee !important;
    border-radius: var(--vario-size-form-control-radius) !important;
    color: #06245a !important;
    background: #ffffff !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid input:not([type="checkbox"]):not([type="radio"]),
html body .vario-erp-document-details-modal .vario-document-form-grid select,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid input:not([type="checkbox"]):not([type="radio"]),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid select {
    height: var(--vario-size-form-control-height) !important;
    min-height: var(--vario-size-form-control-height) !important;
    padding: 0 8px !important;
    font: var(--vario-font-form-control) !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid textarea,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid textarea {
    height: var(--vario-size-form-textarea-height) !important;
    min-height: var(--vario-size-form-textarea-height) !important;
    max-height: var(--vario-size-form-textarea-height) !important;
    padding: 5px 9px !important;
    font: var(--vario-font-form-textarea) !important;
}

html body .vario-erp-document-details-modal table,
html[data-vario-theme] body .vario-erp-document-details-modal table {
    margin: 0 !important;
    border-color: #d9e3f1 !important;
    color: #06245a !important;
    font: 700 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal table thead th,
html[data-vario-theme] body .vario-erp-document-details-modal table thead th {
    height: 26px !important;
    padding: 4px 7px !important;
    border-color: #c4d2e3 !important;
    background: linear-gradient(180deg, #eef4fb 0%, #e5edf7 100%) !important;
    color: #06245a !important;
    font: 900 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal table tbody td,
html[data-vario-theme] body .vario-erp-document-details-modal table tbody td {
    height: 27px !important;
    padding: 4px 7px !important;
    border-color: #dce5f2 !important;
}

html body .vario-erp-document-details-modal .vario-document-inline-actions,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-inline-actions {
    gap: 6px !important;
}

html body .vario-erp-document-details-modal .vario-document-inline-actions .btn,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-inline-actions .btn {
    height: var(--vario-size-section-action-height) !important;
    min-height: var(--vario-size-section-action-height) !important;
    padding: 0 10px !important;
    border-radius: var(--vario-size-form-control-radius) !important;
    font: var(--vario-font-section-action) !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-section,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-section {
    margin-top: 8px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-section>.vario-erp-section-header,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-section>.vario-erp-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table-wrap,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table-wrap {
    min-width: 0 !important;
    overflow: auto !important;
    border: 1px solid #d6e1ef !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table {
    min-width: 980px !important;
    table-layout: fixed !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(1),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(1) {
    width: 86px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(2),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(2) {
    width: 138px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(3),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(3) {
    width: 190px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(5),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(5) {
    width: 220px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(6),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table th:nth-child(6) {
    width: 128px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table td,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table td {
    vertical-align: top !important;
    overflow: hidden !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table td>strong,
html body .vario-erp-document-details-modal .vario-document-email-delivery-table td>span:not(.vario-status-pill),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table td>strong,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table td>span:not(.vario-status-pill) {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table td>span:not(.vario-status-pill),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table td>span:not(.vario-status-pill) {
    margin-top: 2px !important;
    color: #607086 !important;
    font-size: 10px !important;
}

html body .vario-erp-document-details-modal .vario-document-email-delivery-table .vario-document-email-delivery-error,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-email-delivery-table .vario-document-email-delivery-error {
    color: #b42318 !important;
}

html body .vario-erp-document-details-modal .vario-offer-order-confirm-dialog,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-offer-order-confirm-dialog {
    max-width: 540px !important;
    width: min(540px, calc(100vw - 32px)) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-footer,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-footer {
    display: grid !important;
    grid-template-columns: max-content 1fr !important;
    align-items: center !important;
    flex: 0 0 44px !important;
    min-height: 44px !important;
    gap: 8px !important;
    padding: 7px 14px 9px !important;
    border-top: 1px solid #cbd8ea !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-footer .vario-erp-modal-footer-actions,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-footer .vario-erp-modal-footer-actions {
    display: flex !important;
    align-items: center !important;
    justify-self: end !important;
    gap: 6px !important;
    margin: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-footer-checkbox,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-footer-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 1px solid #b8c9df !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%) !important;
    color: #0b2f5d !important;
    font: 800 11px/26px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-erp-document-details-modal .vario-document-footer-checkbox input,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-footer-checkbox input {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    accent-color: #1263d8;
}

html body .vario-erp-document-details-modal .vario-document-footer-checkbox:has(input:disabled),
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-footer-checkbox:has(input:disabled) {
    opacity: 0.58 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-footer>*,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-footer>* {
    margin: 0 !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-footer .btn,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-footer .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    font: 800 11px/26px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-card-footer .btn .nav-icon,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-footer .btn .nav-icon {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 2.4 !important;
    color: currentColor !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-close-button,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-close-button {
    border-color: #f0b5b5 !important;
    background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%) !important;
    color: #c01f1f !important;
}

html body .vario-document-contractor-lookup-modal .vario-document-contractor-lookup-body,
html[data-vario-theme] body .vario-document-contractor-lookup-modal .vario-document-contractor-lookup-body {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
}

html body .vario-column-chooser-modal .vario-column-chooser-body,
html[data-vario-theme] body .vario-column-chooser-modal .vario-column-chooser-body {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    overflow: hidden !important;
}

html body .vario-column-chooser-modal .vario-erp-document-card-dialog,
html[data-vario-theme] body .vario-column-chooser-modal .vario-erp-document-card-dialog {
    max-width: min(560px, calc(100vw - 44px)) !important;
}

html body .vario-document-contractor-lookup-search,
html[data-vario-theme] body .vario-document-contractor-lookup-search {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 240px !important;
    gap: 10px !important;
}

html body .vario-document-contractor-lookup-list,
html[data-vario-theme] body .vario-document-contractor-lookup-list {
    min-height: 0 !important;
}

html body .vario-document-contractor-lookup-list .vario-erp-section-body,
html[data-vario-theme] body .vario-document-contractor-lookup-list .vario-erp-section-body {
    min-height: 0 !important;
    overflow: auto !important;
}

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

html body .vario-document-directory-lookup-modal,
html[data-vario-theme] body .vario-document-directory-lookup-modal {
    background: rgba(5, 18, 42, 0.22) !important;
    backdrop-filter: blur(1px);
}

html body .vario-document-directory-lookup-dialog,
html[data-vario-theme] body .vario-document-directory-lookup-dialog {
    width: min(1640px, calc(100vw - 34px)) !important;
    max-width: min(1640px, calc(100vw - 34px)) !important;
    height: calc(100dvh - 112px) !important;
    margin: 56px auto !important;
}

html body .vario-document-directory-lookup-card,
html[data-vario-theme] body .vario-document-directory-lookup-card {
    display: grid !important;
    grid-template-rows: 124px minmax(0, 1fr) 24px !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 10px !important;
    background: #f5f7fa !important;
    box-shadow: 0 24px 54px rgba(4, 16, 38, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

html body .vario-document-directory-lookup-search-card,
html[data-vario-theme] body .vario-document-directory-lookup-search-card {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 30px minmax(0, 1fr) !important;
    min-height: 0 !important;
    border-bottom: 1px solid #d5e0ef !important;
    background: #eef3f9 !important;
    box-shadow: 0 8px 18px rgba(15, 47, 84, 0.10) !important;
}

html body .vario-document-directory-lookup-search-card .vario-search-tabs,
html[data-vario-theme] body .vario-document-directory-lookup-search-card .vario-search-tabs {
    display: flex !important;
    align-items: end !important;
    gap: 8px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #d5e0ef !important;
    background: #ffffff !important;
}

html body .vario-document-directory-lookup-search-card .vario-search-tabs button,
html[data-vario-theme] body .vario-document-directory-lookup-search-card .vario-search-tabs button {
    height: 29px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    color: #405673 !important;
    font: 900 11px/27px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-directory-lookup-search-card .vario-search-tabs button.active,
html[data-vario-theme] body .vario-document-directory-lookup-search-card .vario-search-tabs button.active {
    border-bottom-color: #1263f1 !important;
    color: #1263f1 !important;
}

html body .vario-document-directory-lookup-search-grid,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid {
    display: grid !important;
    grid-template-columns: 280px 154px 154px 104px 154px minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 6px 10px !important;
    padding: 8px 12px 0 !important;
}

html body .vario-document-directory-lookup-search-grid label,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid label {
    display: grid !important;
    grid-template-rows: 12px 25px !important;
    row-gap: 2px !important;
    height: 39px !important;
    min-height: 39px !important;
    margin: 0 !important;
}

html body .vario-document-directory-lookup-search-grid label.span-2,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid label.span-2 {
    grid-column: span 1 !important;
}

html body .vario-document-directory-lookup-search-grid label>span,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid label>span {
    height: 12px !important;
    overflow: hidden !important;
    color: #173d78 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-directory-lookup-search-grid input,
html body .vario-document-directory-lookup-search-grid .vario-sales-input-with-icon,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid input,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid .vario-sales-input-with-icon {
    height: 25px !important;
    min-height: 25px !important;
}

html body .vario-document-directory-lookup-search-grid input,
html[data-vario-theme] body .vario-document-directory-lookup-search-grid input {
    width: 100% !important;
    padding: 0 9px !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #06245a !important;
    font: 700 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-directory-lookup-actions,
html[data-vario-theme] body .vario-document-directory-lookup-actions {
    position: absolute !important;
    right: 10px !important;
    top: 36px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

html body .vario-document-directory-lookup-grid-wrap,
html[data-vario-theme] body .vario-document-directory-lookup-grid-wrap {
    min-height: 0 !important;
    overflow: auto !important;
    border-top: 1px solid #98a4b2 !important;
    background: #ffffff !important;
}

html body .vario-document-directory-lookup-grid,
html[data-vario-theme] body .vario-document-directory-lookup-grid {
    width: 100% !important;
    min-width: 1320px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    color: #061b3f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-directory-lookup-grid thead th,
html[data-vario-theme] body .vario-document-directory-lookup-grid thead th {
    height: 26px !important;
    padding: 0 9px !important;
    border-right: 1px solid #e4eaf3 !important;
    border-bottom: 1px solid #dbe5f2 !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%) !important;
    color: #12315f !important;
    font: 800 11.5px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    vertical-align: middle !important;
}

html body .vario-document-directory-lookup-grid tbody td,
html[data-vario-theme] body .vario-document-directory-lookup-grid tbody td {
    height: 28px !important;
    padding: 0 9px !important;
    border-right: 1px solid #e4eaf3 !important;
    border-bottom: 1px solid #e4eaf3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

html body .vario-document-directory-lookup-footer,
html[data-vario-theme] body .vario-document-directory-lookup-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 24px !important;
    padding: 0 10px !important;
    border-top: 1px solid #d5e0ef !important;
    background: #f8fbff !important;
    color: #061b3f !important;
    font: 900 10.5px/22px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-directory-lookup-footer .btn,
html[data-vario-theme] body .vario-document-directory-lookup-footer .btn {
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font: 800 10px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

@media (max-width: 980px) {

    html body .vario-erp-document-details-modal .vario-erp-summary-grid,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-summary-grid,
    html body .vario-erp-document-details-modal .vario-document-form-grid,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}