/*
 * VARIO ERP list standard.
 *
 * Shared baseline for dense list screens: directories, document registers,
 * warehouse lists, work orders and similar operational views.
 *
 * Keep module-specific CSS here only as compatibility bridges for existing
 * markup. New screens should prefer the vario-list-* classes described in
 * docs/directory-ui-standard.md.
 */

html .vario-list-standard,
html .vario-directory-v2,
html[data-vario-theme] .vario-list-standard,
html[data-vario-theme] .vario-directory-v2 {
    --vario-list-search-height: var(--vario-size-list-search-height);
    --vario-list-advanced-height: var(--vario-size-list-advanced-height);
    --vario-list-field-grid-height: var(--vario-size-list-field-grid-height);
    --vario-list-preview-height: var(--vario-size-list-preview-height);
    --vario-list-border-soft: var(--vario-color-border-soft);
    --vario-list-border-subtle: var(--vario-color-border-subtle);
    --vario-list-grid-header-top-border: var(--vario-color-border-grid-top);
    --vario-list-grid-header-bg: var(--vario-gradient-grid-header);
    --vario-list-grid-header-text: var(--vario-color-text-heading);
    --vario-list-accent: var(--vario-color-primary-600);
    --vario-list-font-family: var(--vario-font-family-ui);
    --vario-list-grid-header-font: var(--vario-font-grid-header);
    --vario-list-field-label-font: var(--vario-font-field-label);
    --vario-list-compact-field-label-font: var(--vario-font-field-label-compact);
    --vario-list-field-font: var(--vario-font-field-value);
    --vario-list-compact-field-font: var(--vario-font-field-value-compact);
    --vario-module-titlebar-height: var(--vario-size-topbar-height);
    --vario-module-statusbar-height: var(--vario-size-statusbar-height);
    --vario-module-frame-height: calc(var(--vario-module-titlebar-height) + var(--vario-module-statusbar-height));
    --vario-module-content-bg: var(--vario-color-surface-module);
    --vario-module-shell-bg: var(--vario-color-surface-page);
    --vario-module-content-x: var(--vario-size-module-content-x);
    --vario-module-shell-x: var(--vario-size-module-shell-x);
    --vario-module-command-rail-bg: var(--vario-component-rail-bg);
    --vario-module-command-rail-border: var(--vario-component-rail-border);
    --vario-module-command-rail-shadow: var(--vario-shadow-rail);
    --vario-module-command-rail-raised-shadow: var(--vario-shadow-rail);
    --vario-module-command-rail-well-border: rgba(19, 79, 140, 0.22);
    --vario-module-command-rail-frame-border: var(--vario-color-border-frame);
    --vario-module-command-rail-inactive-text: var(--vario-component-rail-text);
    --vario-module-command-rail-well-shadow: var(--vario-shadow-rail-well);
}

/* Shared quantity and data-row contracts. New modules inherit these controls instead of recreating them locally. */
html body .vario-numeric-input,
html[data-vario-theme] body .vario-numeric-input {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 24px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 84px !important;
    height: var(--vario-size-field-height) !important;
    min-height: var(--vario-size-field-height) !important;
    overflow: hidden !important;
    border: 1px solid var(--vario-color-border-field) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html body .vario-numeric-input.compact,
html[data-vario-theme] body .vario-numeric-input.compact {
    grid-template-columns: 21px minmax(0, 1fr) 21px !important;
    min-width: 74px !important;
    height: 22px !important;
    min-height: 22px !important;
}

html body .vario-numeric-input > button,
html[data-vario-theme] body .vario-numeric-input > button,
html body .vario-numeric-input > input,
html[data-vario-theme] body .vario-numeric-input > input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #12315f !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .vario-numeric-input > button,
html[data-vario-theme] body .vario-numeric-input > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
}

html body .vario-numeric-input > button:first-child,
html[data-vario-theme] body .vario-numeric-input > button:first-child {
    border-right: 1px solid #d7e2f0 !important;
}

html body .vario-numeric-input > button:last-child,
html[data-vario-theme] body .vario-numeric-input > button:last-child {
    border-left: 1px solid #d7e2f0 !important;
}

html body .vario-numeric-input > button:hover:not(:disabled),
html[data-vario-theme] body .vario-numeric-input > button:hover:not(:disabled) {
    background: #eaf3ff !important;
    color: #075fda !important;
}

html body .vario-numeric-input > button:active:not(:disabled),
html[data-vario-theme] body .vario-numeric-input > button:active:not(:disabled) {
    background: #d8e9ff !important;
}

html body .vario-numeric-input > button:disabled,
html[data-vario-theme] body .vario-numeric-input > button:disabled {
    color: #9aa9bc !important;
    cursor: default !important;
}

html body .vario-numeric-input > button .nav-icon,
html[data-vario-theme] body .vario-numeric-input > button .nav-icon {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    margin: 0 !important;
}

html body .vario-numeric-input > input,
html[data-vario-theme] body .vario-numeric-input > input {
    padding: 0 4px !important;
    font: 800 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    text-align: center !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

html body input[type="number"]::-webkit-inner-spin-button,
html body input[type="number"]::-webkit-outer-spin-button,
html[data-vario-theme] body input[type="number"]::-webkit-inner-spin-button,
html[data-vario-theme] body input[type="number"]::-webkit-outer-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

html body input[type="number"],
html[data-vario-theme] body input[type="number"] {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

html body .vario-numeric-input:focus-within,
html[data-vario-theme] body .vario-numeric-input:focus-within {
    border-color: #2f74d0 !important;
    box-shadow: 0 0 0 1px rgba(47, 116, 208, 0.14) !important;
}

/* Shared compact state for document tabs. It replaces legacy yellow callout boxes. */
html body .vario-erp-document-details-modal .vario-document-empty-state,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-empty-state {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: var(--vario-size-grid-row-height) !important;
    padding: 4px 9px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4eaf3 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #526987 !important;
    font: 700 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

html body .vario-erp-document-details-modal .vario-document-links-grid,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-links-grid {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #12315f !important;
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-document-links-grid thead th,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-links-grid thead th {
    height: var(--vario-size-grid-header-height) !important;
    min-height: var(--vario-size-grid-header-height) !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;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

html body .vario-erp-document-details-modal .vario-document-links-grid tbody tr,
html body .vario-erp-document-details-modal .vario-document-links-grid tbody td,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-links-grid tbody tr,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-links-grid tbody td {
    height: var(--vario-size-grid-row-height) !important;
    min-height: var(--vario-size-grid-row-height) !important;
    max-height: var(--vario-size-grid-row-height) !important;
}

html body .vario-erp-document-details-modal .vario-document-links-grid tbody td,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-links-grid tbody td {
    padding: 1px 9px !important;
    border-right: 1px solid #e4eaf3 !important;
    border-bottom: 1px solid #e9eef6 !important;
    color: #12315f !important;
    font: 800 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    vertical-align: middle !important;
}

/* Shared panel sizing. The directory variables are kept until the layout JS is generalized. */
html .vario-list-standard,
html[data-vario-theme] .vario-list-standard,
html .vario-contractors-dashboard.vario-directory-v2,
html .vario-items-dashboard.vario-directory-v2,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 {
    --vario-directory-search-height: var(--vario-list-search-height);
    --vario-directory-advanced-height: var(--vario-list-advanced-height);
    --vario-directory-field-grid-height: var(--vario-list-field-grid-height);
    --vario-directory-preview-height: var(--vario-list-preview-height);
}

/* First-row complex search field. */
html .vario-list-standard .vario-list-filter-main .vario-list-search-input-wrap,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-search-input-wrap,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-search-input-wrap,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-items-search-input-wrap,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-search-input-wrap,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-items-search-input-wrap {
    display: grid !important;
    grid-template-rows: 12px 25px !important;
    row-gap: 2px !important;
    align-items: start !important;
    align-self: start !important;
    flex: 0 1 280px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;
    margin: 0 !important;
}

/* First-row standard search fields. */
html .vario-list-standard .vario-list-filter-main .vario-list-filter-field,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-filter-field,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field {
    display: grid !important;
    grid-template-rows: 12px 25px !important;
    row-gap: 2px !important;
    align-items: start !important;
    align-self: start !important;
    flex: 0 1 154px !important;
    min-width: 0 !important;
    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;
    margin: 0 !important;
}

html .vario-list-standard .vario-list-filter-main .vario-list-search-input-wrap > span:first-child,
html .vario-list-standard .vario-list-filter-main .vario-list-filter-field > span,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-search-input-wrap > span:first-child,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-filter-field > span,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-search-input-wrap > span:first-child,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field > span,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-items-search-input-wrap > span:first-child,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field > span,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-search-input-wrap > span:first-child,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field > span,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-items-search-input-wrap > span:first-child,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field > span {
    display: block !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #173d78 !important;
    font: var(--vario-list-field-label-font) !important;
}

html .vario-list-standard .vario-list-filter-main .vario-list-search-input-wrap .form-control,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-search-input-wrap .form-control,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-search-input-wrap .form-control,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-items-search-input-wrap .form-control,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-search-input-wrap .form-control,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-items-search-input-wrap .form-control {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 24px 0 9px !important;
    color: #06245a !important;
    background: #ffffff !important;
    border-color: #c8d7ee !important;
    border-radius: 8px !important;
    font: var(--vario-list-field-font) !important;
}

html .vario-list-standard .vario-list-filter-main .vario-list-filter-field .form-control,
html .vario-list-standard .vario-list-filter-main .vario-list-filter-field .form-select,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-filter-field .form-control,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main .vario-list-filter-field .form-select,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field .form-control,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field .form-select,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field .form-control,
html .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field .form-select,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field .form-control,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-filter-main .vario-contractors-filter-field .form-select,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field .form-control,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-items-filter-main .vario-contractors-filter-field .form-select {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 9px !important;
    color: #06245a !important;
    background: #ffffff !important;
    border-color: #c8d7ee !important;
    border-radius: 8px !important;
    font: var(--vario-list-field-font) !important;
}

/* Configurable search field grid. */
html .vario-list-standard .vario-list-field-grid .vario-list-search-field,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .vario-list-search-field,
html .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .vario-search-field,
html .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .vario-search-field,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .vario-search-field,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .vario-search-field {
    display: grid !important;
    grid-template-rows: 11px 25px !important;
    row-gap: 1px !important;
    align-items: start !important;
    height: 37px !important;
    min-height: 37px !important;
    max-height: 37px !important;
}

html .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .vario-search-field,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .vario-search-field {
    flex: 0 1 148px !important;
}

html .vario-list-standard .vario-list-field-grid .form-label,
html .vario-list-standard .vario-list-field-grid .vario-filter-label-row,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .form-label,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .vario-filter-label-row,
html .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .form-label,
html .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .vario-filter-label-row,
html .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .form-label,
html .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .vario-filter-label-row,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .form-label,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .vario-filter-label-row,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .form-label,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .vario-filter-label-row {
    height: 11px !important;
    min-height: 11px !important;
    max-height: 11px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #0b2555 !important;
    font: var(--vario-list-compact-field-label-font) !important;
}

html .vario-list-standard .vario-list-field-grid .form-control,
html .vario-list-standard .vario-list-field-grid .form-select,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .form-control,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .form-select,
html .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .form-control,
html .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .form-select,
html .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .form-control,
html .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .form-select,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .form-control,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-search-field-grid .form-select,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .form-control,
html[data-vario-theme] .vario-items-dashboard.vario-directory-v2 .vario-search-field-grid .form-select {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 2px 7px !important;
    color: #0f1f3d !important;
    background: #fdfefe !important;
    border-color: #d8e2f0 !important;
    border-radius: 7px !important;
    font: var(--vario-list-compact-field-font) !important;
}

/* Advanced search alignment kept for legacy contractor markup. */
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid {
    padding-top: 0 !important;
}

html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search {
    position: relative !important;
    top: -1px !important;
}

html .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .form-label,
html .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .vario-filter-label-row,
html[data-vario-theme] .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .form-label,
html[data-vario-theme] .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .vario-filter-label-row,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .form-label,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .vario-filter-label-row,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .form-label,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .vario-filter-label-row {
    height: 11px !important;
    min-height: 11px !important;
    max-height: 11px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #0b2555 !important;
    font: var(--vario-list-compact-field-label-font) !important;
}

html .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .form-control,
html .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .form-select,
html[data-vario-theme] .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .form-control,
html[data-vario-theme] .vario-list-standard .vario-list-advanced-search .vario-list-field-grid .vario-list-search-field .form-select,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .form-control,
html .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .form-select,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .form-control,
html[data-vario-theme] .vario-contractors-dashboard.vario-directory-v2 .vario-contractors-advanced-search .vario-search-field-grid .vario-search-field .form-select {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 2px 7px !important;
    color: #0f1f3d !important;
    background: #fdfefe !important;
    border-color: #d8e2f0 !important;
    border-radius: 7px !important;
    font: var(--vario-list-compact-field-font) !important;
}

/* Generic shell placement for every list screen using VarioListShell. */
html .vario-list-standard .vario-list-search-panel,
html[data-vario-theme] .vario-list-standard .vario-list-search-panel {
    grid-area: search !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid var(--vario-list-border-subtle) !important;
    border-radius: 8px !important;
}

html .vario-list-standard .vario-list-search-resizer,
html[data-vario-theme] .vario-list-standard .vario-list-search-resizer {
    grid-area: search-resizer !important;
}

html .vario-list-standard .vario-list-body-layout,
html[data-vario-theme] .vario-list-standard .vario-list-body-layout {
    display: contents !important;
}

html .vario-list-standard .vario-list-grid-pane,
html .vario-list-standard .vario-list-list-pane,
html[data-vario-theme] .vario-list-standard .vario-list-grid-pane,
html[data-vario-theme] .vario-list-standard .vario-list-list-pane {
    grid-area: list !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: auto !important;
}

html .vario-list-standard .vario-list-preview-resizer,
html[data-vario-theme] .vario-list-standard .vario-list-preview-resizer {
    grid-area: preview-resizer !important;
}

html .vario-list-standard.is-directory-resizing .vario-directory-resizer::before,
html[data-vario-theme] .vario-list-standard.is-directory-resizing .vario-directory-resizer::before {
    background: #a8bce0 !important;
}

html .vario-list-standard.is-directory-resizing .vario-directory-resizer::after,
html[data-vario-theme] .vario-list-standard.is-directory-resizing .vario-directory-resizer::after {
    background: #1263f1 !important;
    opacity: 1 !important;
}

html .vario-list-standard .vario-list-preview-pane,
html[data-vario-theme] .vario-list-standard .vario-list-preview-pane {
    grid-area: preview !important;
    display: grid !important;
    grid-template-rows: 28px minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--vario-directory-preview-height, var(--vario-list-preview-height)) !important;
    min-height: 0 !important;
    max-height: var(--vario-directory-preview-height, var(--vario-list-preview-height)) !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid var(--vario-list-border-subtle) !important;
    border-radius: 8px !important;
}

/* Document registers use the same vertical contract and keep document-level navigation directly above the grid. */
html .vario-win-main:has(.vario-list-standard[data-vario-list-kind="document-register"]),
html[data-vario-theme] .vario-win-main:has(.vario-list-standard[data-vario-list-kind="document-register"]) {
    grid-template-rows: 58px minmax(0, 1fr) 22px !important;
}

html .vario-win-content:has(.vario-list-standard[data-vario-list-kind="document-register"]),
html[data-vario-theme] .vario-win-content:has(.vario-list-standard[data-vario-list-kind="document-register"]) {
    --vario-document-register-chrome-height: var(--vario-module-frame-height);
    height: calc(100dvh - var(--vario-document-register-chrome-height)) !important;
    max-height: calc(100dvh - var(--vario-document-register-chrome-height)) !important;
    min-height: 0 !important;
    padding: 0 var(--vario-module-content-x) 0 !important;
    overflow: hidden !important;
    background: var(--vario-module-content-bg) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"],
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] {
    --vario-directory-search-height: 127px;
    --vario-list-document-preview-height: var(--vario-directory-preview-height, var(--vario-list-preview-height));
    --vario-document-register-chrome-height: var(--vario-module-frame-height);
    --vario-document-tabs-top-inset: 4px;
    --vario-document-tabs-bottom-gap: 8px;
    --vario-document-tabs-main-row-height: 28px;
    --vario-document-tabs-sub-row-height: 28px;
    --vario-document-tabs-main-control-height: 26px;
    --vario-document-tabs-sub-control-height: 24px;
    --vario-document-tabs-search-row-height: 28px;
    display: grid !important;
    grid-template-areas:
        "search"
        "search-resizer"
        "list-actions"
        "."
        "list"
        "preview-resizer"
        "preview" !important;
    grid-template-rows: var(--vario-directory-search-height) 8px 28px 4px minmax(0, 1fr) 8px var(--vario-list-document-preview-height) !important;
    align-content: start !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    padding: 10px var(--vario-module-shell-x) 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: var(--vario-module-shell-bg) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-subtype-tabs),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-subtype-tabs) {
    grid-template-rows: var(--vario-directory-search-height) 8px 54px 4px minmax(0, 1fr) 8px var(--vario-list-document-preview-height) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) {
    --vario-directory-search-height: 165px;
    --vario-directory-search-min-height: 165px;
    --vario-sales-document-rail-well-top: var(--vario-document-tabs-top-inset);
    position: relative !important;
    isolation: isolate !important;
    grid-template-rows: var(--vario-directory-search-height) 8px 0 0 minmax(0, 1fr) 8px var(--vario-list-document-preview-height) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search):has(.vario-sales-document-subtype-tabs),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search):has(.vario-sales-document-subtype-tabs) {
    --vario-directory-search-height: 191px;
    --vario-directory-search-min-height: 165px;
    grid-template-rows: var(--vario-directory-search-height) 8px 0 0 minmax(0, 1fr) 8px var(--vario-list-document-preview-height) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search)::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search)::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1001 !important;
    left: var(--vario-module-shell-x) !important;
    right: var(--vario-module-shell-x) !important;
    top: var(--vario-sales-document-rail-well-top) !important;
    bottom: 0 !important;
    border-right: 2px solid var(--vario-module-command-rail-frame-border) !important;
    border-bottom: 2px solid var(--vario-module-command-rail-frame-border) !important;
    border-left: 2px solid var(--vario-module-command-rail-frame-border) !important;
    border-top: 0 !important;
    border-radius: 10px 10px 12px 12px !important;
    background: transparent !important;
    box-shadow:
        inset 7px 0 12px -14px rgba(78, 91, 108, 0.92),
        inset -7px 0 12px -14px rgba(78, 91, 108, 0.92),
        inset 0 20px 22px -27px rgba(2, 20, 47, 0.78),
        0 14px 25px rgba(15, 47, 84, 0.09) !important;
    pointer-events: none !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search)::after,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search)::after {
    display: none !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-table-card,
html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-preview-card,
html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-list-search-resizer,
html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-list-preview-resizer,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-table-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-preview-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-list-search-resizer,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-list-preview-resizer {
    position: relative !important;
    z-index: 1 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-search-resizer,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-preview-resizer,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-search-resizer,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-preview-resizer {
    align-self: center !important;
    width: 100% !important;
}

/* Directory type navigation mirrors the sales document tab rail. */
html .vario-win-content:has(.vario-directory-tab-stack-search),
html[data-vario-theme] .vario-win-content:has(.vario-directory-tab-stack-search) {
    --vario-document-register-chrome-height: var(--vario-module-frame-height);
    height: calc(100dvh - var(--vario-document-register-chrome-height)) !important;
    max-height: calc(100dvh - var(--vario-document-register-chrome-height)) !important;
    min-height: 0 !important;
    padding: 0 var(--vario-module-content-x) 0 !important;
    overflow: hidden !important;
    background: var(--vario-module-content-bg) !important;
}

html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) {
    --vario-directory-search-height: 149px;
    --vario-directory-rail-well-top: var(--vario-document-tabs-top-inset, 4px);
    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-areas:
        "search"
        "search-resizer"
        "list"
        "preview-resizer"
        "preview" !important;
    grid-template-rows: calc(max(var(--vario-directory-search-height, var(--vario-list-search-height)), 149px) + 63px) 8px minmax(0, 1fr) 8px var(--vario-directory-preview-height, var(--vario-list-preview-height)) !important;
    align-content: start !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    padding: 0 var(--vario-module-shell-x) 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: var(--vario-module-shell-bg) !important;
}

html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search)::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search)::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1001 !important;
    left: var(--vario-module-shell-x) !important;
    right: var(--vario-module-shell-x) !important;
    top: var(--vario-directory-rail-well-top) !important;
    bottom: 0 !important;
    border-right: 2px solid var(--vario-module-command-rail-frame-border) !important;
    border-bottom: 2px solid var(--vario-module-command-rail-frame-border) !important;
    border-left: 2px solid var(--vario-module-command-rail-frame-border) !important;
    border-top: 0 !important;
    border-radius: 10px 10px 12px 12px !important;
    background: transparent !important;
    box-shadow:
        inset 7px 0 12px -14px rgba(78, 91, 108, 0.92),
        inset -7px 0 12px -14px rgba(78, 91, 108, 0.92),
        inset 0 20px 22px -27px rgba(2, 20, 47, 0.78),
        0 14px 25px rgba(15, 47, 84, 0.09) !important;
    pointer-events: none !important;
}

html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search)::after,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search)::after {
    display: none !important;
}

html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-search-panel,
html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-grid-pane,
html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-preview-pane,
html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-search-resizer,
html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-preview-resizer,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-search-panel,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-grid-pane,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-preview-pane,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-search-resizer,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-preview-resizer {
    position: relative !important;
    z-index: 1 !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-list-search-panel:has(.vario-directory-tab-stack-search),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-list-search-panel:has(.vario-directory-tab-stack-search) {
    position: relative !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-rows: 68px minmax(0, 1fr) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    background: #eef3f9 !important;
    border: 0 !important;
    border-bottom-color: #061b3f !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 18px rgba(15, 47, 84, 0.10) !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-list-search-panel:has(.vario-directory-tab-stack-search) > .vario-list-search-form,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-list-search-panel:has(.vario-directory-tab-stack-search) > .vario-list-search-form {
    grid-template-rows: 28px 42px minmax(0, 1fr) !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-list-search-panel:has(.vario-directory-tab-stack-search) > .vario-list-search-form > .vario-search-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-list-search-panel:has(.vario-directory-tab-stack-search) > .vario-list-search-form > .vario-search-tabs {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #e4ebf5 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-tab-stack-search,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-tab-stack-search {
    position: relative !important;
    z-index: 4 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tabs {
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 1px 10px !important;
    margin: 4px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--vario-module-command-rail-border) !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--vario-module-command-rail-bg) !important;
    box-shadow: var(--vario-module-command-rail-raised-shadow) !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-tab-stack-search::after,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-tab-stack-search::after {
    content: "" !important;
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    flex: 0 0 28px !important;
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 0 8px !important;
    border-bottom: 2px solid #aebed3 !important;
    background: #f8fafc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 7px 12px rgba(15, 47, 84, 0.16) !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    min-width: max-content !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--vario-module-command-rail-inactive-text) !important;
    box-shadow: none !important;
    font: 800 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    text-shadow: 0 1px 0 rgba(2, 20, 47, 0.34) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab .nav-icon {
    width: 13px !important;
    height: 13px !important;
    color: var(--vario-module-command-rail-inactive-text) !important;
    stroke-width: 2 !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab:not(:first-child)::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab:not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    left: -5px !important;
    top: 6px !important;
    bottom: 6px !important;
    width: 1px !important;
    background: rgba(219, 231, 248, 0.24) !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active::before,
html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active + .vario-directory-type-tab::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active + .vario-directory-type-tab::before {
    display: none !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab:not(.active):hover,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab:not(.active):hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active {
    position: relative !important;
    z-index: 6 !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    color: #134f8c !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    transform: none !important;
    box-shadow:
        0 5px 12px rgba(2, 20, 47, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
    text-shadow: none !important;
}

html .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"] .vario-directory-type-tab.active .nav-icon {
    color: #134f8c !important;
}

html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-advanced-search,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-advanced-search,
html .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-field-grid,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="directory"]:has(.vario-directory-tab-stack-search) .vario-list-field-grid {
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-filter-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-filter-card {
    position: relative !important;
    grid-area: search !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-rows: auto var(--vario-document-tabs-search-row-height) minmax(0, 1fr) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #eef3f9 !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-filter-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-filter-card {
    border: 0 !important;
    box-shadow: 0 8px 18px rgba(15, 47, 84, 0.10) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] > [data-vario-component-slot="list-actions"],
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] > [data-vario-component-slot="list-actions"] {
    grid-area: list-actions !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 28px !important;
    margin: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-actions,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-list-actions,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-actions,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-list-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 28px !important;
    margin: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tabs,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tabs {
    grid-area: list-actions !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--vario-document-tabs-main-row-height) !important;
    min-height: var(--vario-document-tabs-main-row-height) !important;
    max-height: var(--vario-document-tabs-main-row-height) !important;
    padding: 0 10px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-bottom: 1px solid var(--vario-list-border-soft) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack {
    grid-area: list-actions !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search {
    --vario-document-tabs-active-marker-color: #ffffff;
    position: relative !important;
    z-index: 4 !important;
    grid-area: auto !important;
    height: auto !important;
    min-height: 28px !important;
    margin: var(--vario-document-tabs-top-inset) 0 var(--vario-document-tabs-bottom-gap) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search:has(.vario-sales-document-subtype-tabs),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search:has(.vario-sales-document-subtype-tabs) {
    --vario-document-tabs-active-marker-color: #f8fafc;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack .vario-sales-document-type-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack .vario-sales-document-type-tabs {
    grid-area: auto !important;
    flex: 0 0 var(--vario-document-tabs-main-row-height) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tabs {
    position: relative !important;
    z-index: 5 !important;
    align-self: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--vario-module-command-rail-border) !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--vario-module-command-rail-bg) !important;
    box-shadow: var(--vario-module-command-rail-raised-shadow) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tabs::-webkit-scrollbar,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-subtype-tabs::-webkit-scrollbar,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tabs::-webkit-scrollbar,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-subtype-tabs::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-tabs-row,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-filter-grid,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-tabs-row,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-filter-grid {
    background: #ffffff !important;
}

html body .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-filter-grid .vario-sales-filter-standard-actions,
html[data-vario-theme] body .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-sales-filter-grid .vario-sales-filter-standard-actions {
    top: calc(
        var(--vario-document-tabs-top-inset)
        + var(--vario-document-tabs-main-row-height)
        + var(--vario-document-tabs-sub-row-height)
        + var(--vario-document-tabs-bottom-gap)
        + var(--vario-document-tabs-search-row-height)
        + 8px
    ) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: var(--vario-document-tabs-sub-row-height) !important;
    min-height: var(--vario-document-tabs-sub-row-height) !important;
    max-height: var(--vario-document-tabs-sub-row-height) !important;
    padding: 0 14px 0 28px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-bottom: 1px solid var(--vario-list-border-soft) !important;
    background: #f8fbff !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-subtype-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-subtype-tabs {
    position: relative !important;
    z-index: 3 !important;
    border-left: 1px solid rgba(19, 79, 140, 0.12) !important;
    border-right: 1px solid rgba(19, 79, 140, 0.12) !important;
    border-bottom: 2px solid #aebed3 !important;
    background: #f8fafc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 7px 12px rgba(15, 47, 84, 0.16) !important;
    scrollbar-width: none !important;
}

html .vario-list-standard.vario-warehouse-page .vario-warehouse-document-tab-stack,
html[data-vario-theme] .vario-list-standard.vario-warehouse-page .vario-warehouse-document-tab-stack {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: var(--vario-document-tabs-sub-control-height) !important;
    min-height: var(--vario-document-tabs-sub-control-height) !important;
    max-height: var(--vario-document-tabs-sub-control-height) !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #526987 !important;
    box-shadow: none !important;
    font: 800 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab .nav-icon {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 2 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab:hover,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab:hover {
    color: var(--sales-primary, var(--vario-list-accent)) !important;
    background: transparent !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-subtype-tab.active {
    color: #1263f1 !important;
    background: transparent !important;
    box-shadow: inset 0 -2px 0 #1263f1 !important;
    font-weight: 800 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: var(--vario-document-tabs-main-control-height) !important;
    min-height: var(--vario-document-tabs-main-control-height) !important;
    max-height: var(--vario-document-tabs-main-control-height) !important;
    min-width: max-content !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #061b3f !important;
    box-shadow: none !important;
    font: 800 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab .nav-icon,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab .nav-icon {
    width: 13px !important;
    height: 13px !important;
    stroke-width: 2 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab:not(:first-child)::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab:not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    left: -5px !important;
    top: 6px !important;
    bottom: 6px !important;
    width: 1px !important;
    background: #d8e3f2 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(:first-child)::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(:first-child)::before {
    background: rgba(219, 231, 248, 0.24) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active::before,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active + .vario-sales-document-type-tab::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active + .vario-sales-document-type-tab::before {
    display: none !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab:hover,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab:hover,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab:hover,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab:hover {
    color: #0b56d9 !important;
    background: #f2f7ff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(.active):hover,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(.active):hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-all:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-all:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-all:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-all:not(.active) .nav-icon {
    color: #1263f1 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-offers:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-offers:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-offers:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-offers:not(.active) .nav-icon {
    color: #22a45d !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-orders:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-orders:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-proformas:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-proformas:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-presales:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-presales:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-presales:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-presales:not(.active) .nav-icon {
    color: #22a45d !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-sales-documents:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-sales-documents:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-sales-documents:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-sales-documents:not(.active) .nav-icon {
    color: #1263f1 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-invoices:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-invoices:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-invoices:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-invoices:not(.active) .nav-icon {
    color: #1263f1 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-advances:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-advances:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-eu:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-eu:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-receipts:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-receipts:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-corrections:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-corrections:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-corrections:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-corrections:not(.active) .nav-icon {
    color: #dc2626 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-returns:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-returns:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-complaints:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-complaints:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-cancellations:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-cancellations:not(.active) {
    color: #061b3f !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-cancellations:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.tone-cancellations:not(.active) .nav-icon {
    color: #9333ea !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(.active),
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(.active) {
    color: #f0f6ff !important;
    text-shadow: 0 1px 0 rgba(2, 20, 47, 0.34) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(.active) .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab:not(.active) .nav-icon {
    color: #f0f6ff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab.active,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-type-tab.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active {
    color: #ffffff !important;
    border-bottom-color: transparent !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #2377ff 0%, #1263f1 100%) !important;
    box-shadow: 0 3px 9px rgba(18, 99, 241, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active .nav-icon {
    color: #ffffff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab.active {
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    color: #134f8c !important;
    background: #ffffff !important;
    transform: none !important;
    box-shadow: 0 5px 12px rgba(2, 20, 47, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab.active .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-tab-stack-search .vario-sales-document-type-tab.active .nav-icon {
    color: #134f8c !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active::after,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-document-type-tab.active::after {
    display: none !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-check,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #061b3f !important;
    font: 800 11px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-check input,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-check input {
    width: 14px !important;
    height: 14px !important;
    accent-color: var(--sales-primary, var(--vario-list-accent)) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 11px/25px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button.primary,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button.primary {
    border: 1px solid var(--sales-primary, var(--vario-list-accent)) !important;
    background: var(--sales-primary, var(--vario-list-accent)) !important;
    color: #ffffff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button.secondary,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button.secondary {
    border: 1px solid var(--sales-input, #c8d7ee) !important;
    background: #ffffff !important;
    color: #06245a !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button .nav-icon {
    width: 13px !important;
    height: 13px !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button.full-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-button.full-card {
    justify-self: start !important;
    margin-top: 2px !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-card {
    grid-area: search !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--vario-list-border-subtle) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.04) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs-row,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs-row {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #e4ebf5 !important;
    background: #ffffff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs {
    display: flex !important;
    align-items: flex-end !important;
    gap: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button {
    position: relative !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    color: #526987 !important;
    font: 800 11px/28px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button:first-child,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button:first-child,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button:first-child,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button:first-child {
    padding-left: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button + button::before,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button + button::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button + button::before,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button + button::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 1px !important;
    height: 13px !important;
    background: #d5dfed !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button.active,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-tabs button.active,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs button.active {
    color: var(--sales-primary, var(--vario-list-accent)) !important;
    border-bottom-color: var(--sales-primary, var(--vario-list-accent)) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-actions,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 5px 8px !important;
    min-height: 0 !important;
    padding: 6px 10px 8px !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid label,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid label {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid label > span,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid label > span {
    display: block !important;
    height: 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #173d78 !important;
    font: 700 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid input,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid select,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid input,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 9px !important;
    border: 1px solid var(--sales-input, #c8d7ee) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #06245a !important;
    font: 700 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    outline: none !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-grid-pane,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-grid-pane,
html .vario-list-document-grid-pane[data-vario-list-grid-appearance="document-register"],
html[data-vario-theme] .vario-list-document-grid-pane[data-vario-list-grid-appearance="document-register"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--vario-list-border-subtle) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-grid-pane > .alert,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-grid-pane > .alert,
html .vario-list-document-grid-pane[data-vario-list-grid-appearance="document-register"] > .alert,
html[data-vario-theme] .vario-list-document-grid-pane[data-vario-list-grid-appearance="document-register"] > .alert {
    margin: 4px !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table,
html [data-vario-list-grid-appearance="document-register"] .vario-list-document-table,
html[data-vario-theme] [data-vario-list-grid-appearance="document-register"] .vario-list-document-table {
    width: 100% !important;
    min-width: 980px !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #061b3f !important;
    table-layout: fixed !important;
}

html [data-vario-list-grid-fit-available-width="true"] .vario-list-document-table,
html[data-vario-theme] [data-vario-list-grid-fit-available-width="true"] .vario-list-document-table {
    width: 100% !important;
    min-width: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table-scroll,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table-scroll,
html [data-vario-list-grid-appearance="document-register"] .vario-list-document-table-scroll,
html[data-vario-theme] [data-vario-list-grid-appearance="document-register"] .vario-list-document-table-scroll {
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table thead th,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table thead th,
html [data-vario-list-grid-appearance="document-register"] .vario-list-document-table thead th,
html[data-vario-theme] [data-vario-list-grid-appearance="document-register"] .vario-list-document-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    height: var(--vario-size-grid-header-height) !important;
    min-height: var(--vario-size-grid-header-height) !important;
    max-height: var(--vario-size-grid-header-height) !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;
    text-align: left !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table tbody tr,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table tbody td,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table tbody tr,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table tbody td,
html [data-vario-list-grid-appearance="document-register"] .vario-list-document-table tbody tr,
html [data-vario-list-grid-appearance="document-register"] .vario-list-document-table tbody td,
html[data-vario-theme] [data-vario-list-grid-appearance="document-register"] .vario-list-document-table tbody tr,
html[data-vario-theme] [data-vario-list-grid-appearance="document-register"] .vario-list-document-table tbody td {
    height: var(--vario-size-grid-row-height) !important;
    min-height: var(--vario-size-grid-row-height) !important;
    max-height: var(--vario-size-grid-row-height) !important;
    box-sizing: border-box !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table tbody td,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table tbody td,
html [data-vario-list-grid-appearance="document-register"] .vario-list-document-table tbody td,
html[data-vario-theme] [data-vario-list-grid-appearance="document-register"] .vario-list-document-table tbody td {
    padding: 1px 9px !important;
    overflow: hidden !important;
    color: #12315f !important;
    border-bottom: 1px solid #e9eef6 !important;
    border-right: 1px solid #edf2f8 !important;
    font: 800 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table .vario-list-document-button,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-table .vario-list-document-button {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    padding: 0 8px !important;
    font: 800 10px/20px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-tabs {
    display: flex !important;
    align-items: flex-end !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    border-bottom: 1px solid #e4ebf5 !important;
    background: #ffffff !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px 12px !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    min-width: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    color: #1263f1 !important;
    background: #eaf2ff !important;
    font: 900 15px/38px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card div,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card strong,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card small,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card strong,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card strong,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card strong {
    color: #071b3d !important;
    font: 900 14px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card small,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-card small {
    color: #526987 !important;
    font: 700 11px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-empty,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-empty {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    min-height: 100% !important;
    text-align: center !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-empty h2,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-empty h2 {
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 14px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-empty p,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-empty p {
    max-width: 520px !important;
    margin: 0 !important;
    color: #526987 !important;
    font: 700 12px/17px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid div,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid div {
    display: grid !important;
    gap: 1px !important;
    min-width: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid span,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dt,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid span,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dt {
    color: #526987 !important;
    font: 600 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid strong,
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dd,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-mini-grid strong,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dd {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #071b3d !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-summary,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-summary {
    display: grid !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    overflow: auto !important;
    border-right: 1px solid #e4ebf5 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 10px !important;
    overflow: auto !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body section,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body section {
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body h3,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body h3 {
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 12px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dl,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dl {
    display: grid !important;
    gap: 5px !important;
    margin: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dl div,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body dl div {
    display: grid !important;
    gap: 1px !important;
    min-width: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-icon-button,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--sales-primary, var(--vario-list-accent)) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-icon-button .nav-icon,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-icon-button .nav-icon {
    width: 15px !important;
    height: 15px !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-table-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-table-card {
    grid-area: list !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-preview-card,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-sales-preview-card {
    grid-area: preview !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: var(--vario-list-document-preview-height) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-pane[data-vario-preview-has-summary="true"],
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-pane[data-vario-preview-has-summary="true"] {
    display: grid !important;
    grid-template-columns: 33% minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-pane[data-vario-preview-has-summary="false"],
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-pane[data-vario-preview-has-summary="false"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 28px minmax(0, 1fr) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-summary,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-summary {
    min-width: 0 !important;
    min-height: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-details,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-details {
    display: grid !important;
    grid-template-rows: 28px minmax(0, 1fr) !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-preview-body {
    min-width: 0 !important;
    min-height: 0 !important;
}

html .vario-list-standard .vario-list-search-form,
html[data-vario-theme] .vario-list-standard .vario-list-search-form {
    display: grid !important;
    grid-template-rows: 28px 42px var(--vario-directory-advanced-height, var(--vario-list-advanced-height)) !important;
    gap: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

html .vario-list-standard .vario-list-top-search,
html[data-vario-theme] .vario-list-standard .vario-list-top-search {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: flex-start !important;
    gap: 8px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 3px 10px 4px 16px !important;
    overflow: visible !important;
}

html .vario-list-standard .vario-list-filter-main,
html[data-vario-theme] .vario-list-standard .vario-list-filter-main {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

html .vario-list-standard .vario-list-search-input-wrap,
html[data-vario-theme] .vario-list-standard .vario-list-search-input-wrap {
    position: relative !important;
}

html .vario-list-standard .vario-list-search-icon,
html[data-vario-theme] .vario-list-standard .vario-list-search-icon {
    position: absolute !important;
    right: 8px !important;
    bottom: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    color: var(--vario-list-accent) !important;
    pointer-events: none !important;
}

html .vario-list-standard .vario-list-search-icon svg,
html[data-vario-theme] .vario-list-standard .vario-list-search-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html .vario-list-standard .vario-list-filter-actions,
html[data-vario-theme] .vario-list-standard .vario-list-filter-actions {
    position: relative !important;
    z-index: 5 !important;
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    grid-template-rows: 26px 26px !important;
    grid-template-areas:
        "clear search"
        "add add" !important;
    justify-content: flex-end !important;
    align-content: start !important;
    align-items: center !important;
    justify-items: end !important;
    gap: 4px 5px !important;
    min-width: 220px !important;
    padding-top: 0 !important;
    overflow: visible !important;
}

html body .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid .vario-sales-filter-standard-actions,
html[data-vario-theme] body .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid .vario-sales-filter-standard-actions {
    position: absolute !important;
    z-index: 8 !important;
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    grid-template-rows: 26px 26px !important;
    grid-template-areas:
        "clear search"
        "add add" !important;
    justify-content: flex-end !important;
    align-content: start !important;
    align-items: center !important;
    justify-items: end !important;
    gap: 4px 5px !important;
    top: 36px !important;
    right: 10px !important;
    left: auto !important;
    min-width: 226px !important;
    padding: 0 !important;
    overflow: visible !important;
}

html body .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-list-document-filter-grid .vario-sales-filter-standard-actions,
html[data-vario-theme] body .vario-list-standard[data-vario-list-kind="document-register"]:has(.vario-sales-document-tab-stack-search) .vario-list-document-filter-grid .vario-sales-filter-standard-actions {
    top: calc(
        var(--vario-document-tabs-top-inset)
        + var(--vario-document-tabs-main-row-height)
        + var(--vario-document-tabs-sub-row-height)
        + var(--vario-document-tabs-bottom-gap)
        + var(--vario-document-tabs-search-row-height)
        + 8px
    ) !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid {
    padding-right: 248px !important;
}

html .vario-list-standard .vario-list-filter-actions .btn,
html[data-vario-theme] .vario-list-standard .vario-list-filter-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 64px !important;
    max-width: none !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    font: 700 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    line-height: 24px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard .vario-list-filter-actions .btn > span:not(.vario-action-icon),
html[data-vario-theme] .vario-list-standard .vario-list-filter-actions .btn > span:not(.vario-action-icon) {
    display: block !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: translateY(0.2px) !important;
}

html .vario-list-standard .vario-list-filter-actions .vario-action-icon,
html[data-vario-theme] .vario-list-standard .vario-list-filter-actions .vario-action-icon {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    margin: 0 !important;
}

html .vario-list-standard .vario-list-clear-button,
html[data-vario-theme] .vario-list-standard .vario-list-clear-button {
    grid-area: clear !important;
    min-width: 88px !important;
    border-color: #c8d7ee !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%) !important;
    color: #4f6584 !important;
    box-shadow: none !important;
}

html .vario-list-standard .vario-list-search-button,
html[data-vario-theme] .vario-list-standard .vario-list-search-button {
    grid-area: search !important;
    min-width: 74px !important;
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #2377ff 0%, #1263f1 100%) !important;
    color: #ffffff !important;
}

html .vario-list-standard .vario-list-add-button,
html[data-vario-theme] .vario-list-standard .vario-list-add-button {
    grid-area: add !important;
    min-width: 126px !important;
    max-width: none !important;
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #2377ff 0%, #1263f1 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html .vario-list-standard .vario-list-create-actions,
html[data-vario-theme] .vario-list-standard .vario-list-create-actions {
    grid-area: add !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    width: max-content !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html .vario-list-standard .vario-list-secondary-add-button,
html[data-vario-theme] .vario-list-standard .vario-list-secondary-add-button {
    min-width: 116px !important;
    color: #365579 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%) !important;
    border-color: #c3d2e5 !important;
    box-shadow: none !important;
}

html .vario-list-standard .vario-list-secondary-add-button:hover,
html .vario-list-standard .vario-list-secondary-add-button:focus-visible,
html[data-vario-theme] .vario-list-standard .vario-list-secondary-add-button:hover,
html[data-vario-theme] .vario-list-standard .vario-list-secondary-add-button:focus-visible {
    color: #174f99 !important;
    background: #edf4ff !important;
    border-color: #8db2e7 !important;
}

html .vario-list-standard .vario-action-icon.upload,
html[data-vario-theme] .vario-list-standard .vario-action-icon.upload {
    position: relative !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    border: 0 !important;
}

html .vario-list-standard .vario-action-icon.upload::before,
html[data-vario-theme] .vario-list-standard .vario-action-icon.upload::before {
    position: absolute !important;
    top: 1px !important;
    left: 5px !important;
    width: 2px !important;
    height: 7px !important;
    content: "" !important;
    background: currentColor !important;
    border-radius: 1px !important;
    box-shadow: -2px 2px 0 -1px currentColor, 2px 2px 0 -1px currentColor !important;
    transform: rotate(180deg) !important;
}

html .vario-list-standard .vario-action-icon.upload::after,
html[data-vario-theme] .vario-list-standard .vario-action-icon.upload::after {
    position: absolute !important;
    right: 1px !important;
    bottom: 0 !important;
    left: 1px !important;
    height: 4px !important;
    content: "" !important;
    border: 1.5px solid currentColor !important;
    border-top: 0 !important;
    border-radius: 0 0 2px 2px !important;
}

html .vario-list-standard .vario-sales-create-action,
html[data-vario-theme] .vario-list-standard .vario-sales-create-action {
    position: relative !important;
    grid-area: add !important;
    z-index: 2000 !important;
    display: inline-flex !important;
    justify-content: flex-end !important;
    width: max-content !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html .vario-list-standard .vario-sales-create-action .vario-list-add-button,
html[data-vario-theme] .vario-list-standard .vario-sales-create-action .vario-list-add-button {
    grid-area: auto !important;
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #2377ff 0%, #1263f1 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html .vario-list-standard .vario-sales-create-menu-backdrop,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2999 !important;
    background: transparent !important;
}

html .vario-list-standard .vario-sales-create-menu,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu {
    position: fixed !important;
    right: auto !important;
    z-index: 3000 !important;
    display: grid !important;
    gap: 2px !important;
    width: 360px !important;
    max-height: none !important;
    padding: 6px !important;
    overflow: visible !important;
    border: 1px solid #d8e3f3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(7, 27, 61, 0.16) !important;
}

html .vario-list-standard .vario-sales-create-menu button,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu button {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 28px !important;
    padding: 5px 8px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #071b3d !important;
    text-align: left !important;
}

html .vario-list-standard .vario-sales-create-menu button:hover,
html .vario-list-standard .vario-sales-create-menu button:focus,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu button:hover,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu button:focus {
    background: #eef5ff !important;
    color: #0b54d8 !important;
}

html .vario-list-standard .vario-sales-create-menu strong,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu strong {
    min-width: 0 !important;
    font: 800 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-list-standard .vario-sales-create-menu span,
html[data-vario-theme] .vario-list-standard .vario-sales-create-menu span {
    color: #526987 !important;
    font: 800 10px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard .vario-list-clear-button .vario-action-icon.cancel::before,
html .vario-list-standard .vario-list-clear-button .vario-action-icon.cancel::after,
html[data-vario-theme] .vario-list-standard .vario-list-clear-button .vario-action-icon.cancel::before,
html[data-vario-theme] .vario-list-standard .vario-list-clear-button .vario-action-icon.cancel::after {
    left: 1px !important;
    top: 5px !important;
    width: 10px !important;
    height: 1.6px !important;
}

html .vario-list-standard .vario-list-advanced-search,
html[data-vario-theme] .vario-list-standard .vario-list-advanced-search {
    position: relative !important;
    top: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html .vario-list-standard .vario-list-field-grid,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 4px 8px !important;
    height: max(80px, calc(var(--vario-directory-advanced-height, var(--vario-list-advanced-height)) + 2px)) !important;
    min-height: 0 !important;
    padding: 3px 236px 0 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

html .vario-list-standard .vario-list-field-grid .vario-list-search-field,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .vario-list-search-field {
    flex: 0 1 148px !important;
    min-width: 0 !important;
}

html .vario-list-standard .vario-list-field-grid .vario-list-search-field.wide,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .vario-list-search-field.wide {
    flex-basis: 280px !important;
}

html .vario-list-standard .vario-list-field-grid .vario-list-search-field.compact,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .vario-list-search-field.compact {
    flex-basis: 104px !important;
}

html .vario-list-standard .vario-list-field-grid .vario-list-search-field.range,
html[data-vario-theme] .vario-list-standard .vario-list-field-grid .vario-list-search-field.range {
    flex-basis: 154px !important;
}

html .vario-list-standard .vario-list-search-check,
html[data-vario-theme] .vario-list-standard .vario-list-search-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 37px !important;
    min-height: 37px !important;
    max-height: 37px !important;
    margin: 0 !important;
    padding-top: 12px !important;
    color: #0b2555 !important;
    font: var(--vario-list-compact-field-font) !important;
}

html .vario-list-standard .vario-list-search-check.check,
html[data-vario-theme] .vario-list-standard .vario-list-search-check.check {
    flex: 0 0 136px !important;
}

html .vario-list-standard .vario-list-preview-tabs,
html[data-vario-theme] .vario-list-standard .vario-list-preview-tabs {
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid var(--vario-list-border-soft) !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

html .vario-list-standard .vario-list-preview-tabs button,
html[data-vario-theme] .vario-list-standard .vario-list-preview-tabs button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    font: 800 11.5px/25px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard .vario-list-preview-tabs button.active,
html[data-vario-theme] .vario-list-standard .vario-list-preview-tabs button.active {
    color: var(--vario-list-accent) !important;
    border-bottom-color: var(--vario-list-accent) !important;
}

html .vario-list-standard .vario-list-preview-tabs > span,
html[data-vario-theme] .vario-list-standard .vario-list-preview-tabs > span {
    display: none !important;
}

html .vario-list-standard .vario-list-preview-body,
html[data-vario-theme] .vario-list-standard .vario-list-preview-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
}

html .vario-list-standard .vario-list-preview-body:has(.vario-list-preview-empty),
html[data-vario-theme] .vario-list-standard .vario-list-preview-body:has(.vario-list-preview-empty) {
    align-content: stretch !important;
    overflow: hidden !important;
}

html .vario-list-standard .vario-list-preview-empty,
html[data-vario-theme] .vario-list-standard .vario-list-preview-empty {
    display: grid !important;
    place-items: center !important;
    place-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 16px !important;
    color: #52637a !important;
    text-align: center !important;
}

html .vario-list-standard .vario-list-preview-empty strong,
html[data-vario-theme] .vario-list-standard .vario-list-preview-empty strong {
    margin: 0 !important;
    color: #34445c !important;
    font: 700 13px/17px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard .vario-list-preview-empty span,
html[data-vario-theme] .vario-list-standard .vario-list-preview-empty span {
    max-width: 680px !important;
    margin: 0 !important;
    color: #42526d !important;
    font: 500 13px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard .vario-list-preview-empty-icon,
html[data-vario-theme] .vario-list-standard .vario-list-preview-empty-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    color: var(--vario-list-accent) !important;
    background: linear-gradient(135deg, #eef4ff, #e7f0ff) !important;
}

html .vario-list-standard .vario-list-preview-empty-icon .nav-icon,
html[data-vario-theme] .vario-list-standard .vario-list-preview-empty-icon .nav-icon {
    width: 32px !important;
    height: 32px !important;
    stroke-width: 2.2 !important;
}

html .vario-list-standard .vario-list-preview-header,
html[data-vario-theme] .vario-list-standard .vario-list-preview-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 42px !important;
    padding: 8px 10px 6px !important;
    border-bottom: 1px solid var(--vario-list-border-soft) !important;
}

html .vario-list-standard .vario-list-preview-header > div:first-child,
html[data-vario-theme] .vario-list-standard .vario-list-preview-header > div:first-child {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard .vario-list-preview-header h2,
html[data-vario-theme] .vario-list-standard .vario-list-preview-header h2 {
    margin: 0 !important;
    overflow: hidden !important;
    color: #14213d !important;
    font: 850 14px/18px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard .vario-list-preview-badges,
html[data-vario-theme] .vario-list-standard .vario-list-preview-badges,
html .vario-list-standard .vario-list-preview-actions,
html[data-vario-theme] .vario-list-standard .vario-list-preview-actions {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
}

html .vario-list-standard .vario-list-preview-actions,
html[data-vario-theme] .vario-list-standard .vario-list-preview-actions {
    justify-content: flex-end !important;
}

html .vario-list-standard .vario-list-preview-actions .btn,
html[data-vario-theme] .vario-list-standard .vario-list-preview-actions .btn {
    height: 27px !important;
    min-height: 27px !important;
    padding: 3px 9px !important;
    border-radius: 7px !important;
    font: 750 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

/* Work orders use the document-register shell but the grid itself owns vertical scrolling. */
html .vario-list-standard[data-vario-list-kind="document-register"] .vario-work-orders-register-pane,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-work-orders-register-pane {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-work-orders-table-scroll,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-work-orders-table-scroll {
    min-height: 0 !important;
    overflow: visible !important;
}

html .vario-list-standard[data-vario-list-kind="document-register"] .vario-work-orders-table,
html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-work-orders-table {
    margin: 0 !important;
    min-width: 1080px !important;
}

/* Directory quick preview standard: shared visual style aligned with the Sales document preview. */
html .vario-directory-v2 .vario-list-preview-pane.vario-directory-sales-preview-pane,
html[data-vario-theme] .vario-directory-v2 .vario-list-preview-pane.vario-directory-sales-preview-pane {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--vario-directory-preview-height, 214px) !important;
    min-height: 0 !important;
    max-height: var(--vario-directory-preview-height, 214px) !important;
    display: grid !important;
    grid-template-rows: 28px minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.04) !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane {
    grid-template-columns: 33% minmax(0, 1fr) !important;
    grid-template-rows: 28px minmax(0, 1fr) !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-tabs,
html .vario-directory-v2 .vario-directory-preview-tabs-v2.vario-directory-sales-preview-tabs,
html .vario-directory-v2 .vario-contractors-preview-tabs.vario-directory-sales-preview-tabs,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs {
    grid-row: 1 !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-bottom: 1px solid #dce6f4 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-tabs-v2.vario-directory-sales-preview-tabs,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-tabs.vario-directory-sales-preview-tabs {
    border-bottom: 1px solid #dce6f4 !important;
    border-radius: 0 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-tabs button,
html .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab,
html .vario-directory-v2 .vario-directory-preview-tabs-v2.vario-directory-sales-preview-tabs .vario-contractors-preview-tab,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs button,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab,
html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-tabs-v2.vario-directory-sales-preview-tabs .vario-contractors-preview-tab {
    position: relative !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #526987 !important;
    font: 800 11px/28px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-tabs button:first-child,
html .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab:first-child,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs button:first-child,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab:first-child {
    padding-left: 0 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-tabs button + button::before,
html .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab + .vario-contractors-preview-tab::before,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs button + button::before,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab + .vario-contractors-preview-tab::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 1px !important;
    height: 13px !important;
    background: #d5dfed !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-tabs button.active,
html .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab.active,
html .vario-directory-v2 .vario-directory-preview-tabs-v2.vario-directory-sales-preview-tabs .vario-contractors-preview-tab.active,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs button.active,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-tabs .vario-contractors-preview-tab.active,
html[data-vario-theme] .vario-directory-v2 .vario-directory-preview-tabs-v2.vario-directory-sales-preview-tabs .vario-contractors-preview-tab.active {
    color: #1263f1 !important;
    border-bottom-color: #1263f1 !important;
    box-shadow: none !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-header,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-header,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-header {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: #ffffff !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-header h2,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-header h2,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-header h2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-header h2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-header h2,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-header h2 {
    margin: 0 !important;
    overflow: hidden !important;
    color: #061b3f !important;
    font: 900 16px/18px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-body,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-body,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-body,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-body {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: stretch !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    background: #ffffff !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-directory-sales-preview-body,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-directory-sales-preview-body {
    grid-row: 2 !important;
    grid-column: 2 !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-header {
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: auto !important;
    align-content: start !important;
    align-items: start !important;
    gap: 8px 10px !important;
    border-right: 1px solid #e5e7eb !important;
    border-bottom: 0 !important;
    padding: 10px 14px !important;
    overflow: hidden !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-header h2,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-header h2 {
    display: -webkit-box !important;
    max-height: 44px !important;
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-tabs.vario-directory-sales-preview-tabs,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-tabs.vario-directory-sales-preview-tabs {
    grid-row: 1 !important;
    grid-column: 2 !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: 6px !important;
    border-top: 1px solid #eef2f7 !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card h3,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card h3 {
    margin: 0 0 7px !important;
    color: #061b3f !important;
    font: 900 12px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card .vario-preview-definition-list,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card .vario-preview-definition-list {
    gap: 6px !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card .vario-preview-definition-list > div,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-contractors-preview-summary-card .vario-preview-definition-list > div {
    grid-template-columns: minmax(72px, 0.58fr) minmax(0, 1fr) auto !important;
    gap: 7px !important;
}

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

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-preview-contact-card,
html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-preview-note-card,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-preview-contact-card,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane .vario-preview-note-card {
    grid-column: 1 !important;
    border-right: 0 !important;
}

html .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-preview-pane.vario-directory-sales-preview-pane > .vario-contractors-preview-empty {
    grid-row: 2 / 4 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-body > .vario-list-preview-header,
html .vario-directory-v2 .vario-directory-sales-preview-body > .vario-items-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-body > .vario-list-preview-header,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-body > .vario-items-preview-header {
    grid-column: 1 / -1 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section {
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-right: 1px solid var(--vario-border-soft) !important;
    border-radius: 0 !important;
    background: var(--vario-component-card-bg, var(--vario-color-surface-card)) !important;
    box-shadow: none !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card:nth-last-child(1),
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section:nth-last-child(1),
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card:nth-last-child(1),
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section:nth-last-child(1) {
    border-right: 0 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card h3,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section h3,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card h3,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section h3 {
    margin: 0 0 8px !important;
    color: var(--vario-text-strong) !important;
    font: 900 12px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-definition-list,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-fields,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-definition-list,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-fields {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    margin: 0 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-definition-list > div,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-fields > div,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-definition-list > div,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-fields > div {
    display: grid !important;
    grid-template-columns: minmax(86px, 0.72fr) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane dt,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane dt {
    margin: 0 !important;
    color: #526987 !important;
    font: 600 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane dd,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane dd {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-actions,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-tools,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-actions,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-actions .btn,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-tools button,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-actions .btn,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-tools button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-sales-documents-preview,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-doc-preview,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-empty,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-empty,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-sales-documents-preview,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-doc-preview,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-empty {
    grid-column: 1 / -1 !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-empty,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-empty,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-empty,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-empty {
    display: grid !important;
    place-content: center !important;
    place-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 16px !important;
    color: #526987 !important;
    text-align: center !important;
}

html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-empty-icon,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-empty-icon,
html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-empty-icon,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-list-preview-empty-icon,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-empty-icon,
html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-contractors-preview-empty-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    color: #1263f1 !important;
    background: linear-gradient(135deg, #eef4ff, #e7f0ff) !important;
}

@media (max-width: 1180px) {
    html .vario-directory-v2 .vario-directory-sales-preview-body,
    html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-body,
    html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-body,
    html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-body {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card,
    html .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section,
    html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-preview-card,
    html[data-vario-theme] .vario-directory-v2 .vario-directory-sales-preview-pane .vario-items-preview-section {
        border-right: 0 !important;
        border-bottom: 1px solid var(--vario-border-soft) !important;
    }
}

/* Payments register compatibility bridge. The shell, tabs, filter actions and grid inherit the document-register standard. */
html .vario-list-standard.vario-payments-page,
html[data-vario-theme] .vario-list-standard.vario-payments-page {
    --vario-list-document-preview-height: 214px;
}

html .vario-list-standard.vario-payments-page .vario-payments-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-filter-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.95fr) minmax(0, 0.85fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) max-content !important;
    padding-right: 210px !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-table,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-table {
    min-width: 1120px !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-body,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-body {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    overflow: auto !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-layout,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-layout {
    display: grid !important;
    grid-template-columns: minmax(240px, 0.55fr) minmax(720px, 1.45fr) !important;
    gap: 10px !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-grid,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px 12px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-grid > div,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-grid > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-grid h3,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-grid h3 {
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #071b3d !important;
    font: 900 14px/18px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-grid span,
html .vario-list-standard.vario-payments-page .vario-payments-preview-actions label span,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-grid span,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions label span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-grid strong,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-grid strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-actions,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 4px 7px !important;
    align-content: start !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-actions label,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions label {
    display: grid !important;
    grid-template-rows: 11px 23px !important;
    gap: 1px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-actions label.span-2,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions label.span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-actions input,
html .vario-list-standard.vario-payments-page .vario-payments-preview-actions select,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions input,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions select {
    width: 100% !important;
    min-width: 0 !important;
    height: 23px !important;
    padding: 0 7px !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #06245a !important;
    font: 700 10.5px/21px Inter, "Segoe UI", Arial, sans-serif !important;
    outline: none !important;
}

html .vario-list-standard.vario-payments-page .vario-payments-preview-actions .vario-list-document-button,
html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions .vario-list-document-button {
    align-self: end !important;
    width: 100% !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    padding: 0 8px !important;
    font: 800 10.5px/21px Inter, "Segoe UI", Arial, sans-serif !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-payments-page .vario-payments-preview-layout,
    html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-layout {
        grid-template-columns: 1fr !important;
    }

    html .vario-list-standard.vario-payments-page .vario-payments-preview-actions,
    html[data-vario-theme] .vario-list-standard.vario-payments-page .vario-payments-preview-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Canonical full-document contractor alignment and audit-history grid. */
html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact {
    align-items: start !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-name-slot,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-name-slot {
    display: grid !important;
    align-self: start !important;
    min-width: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-name-slot > label,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-name-slot > label {
    align-self: start !important;
    min-width: 0 !important;
}

html body .vario-document-history-section-body,
html[data-vario-theme] body .vario-document-history-section-body {
    min-height: 0 !important;
    overflow: hidden !important;
}

html body .vario-document-history-grid-shell,
html[data-vario-theme] body .vario-document-history-grid-shell {
    height: 100% !important;
    min-height: 0 !important;
    overflow: auto !important;
    border: 1px solid #d2deec !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

html body .vario-document-history-grid,
html[data-vario-theme] body .vario-document-history-grid {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    table-layout: fixed !important;
}

html body .vario-document-history-grid th:nth-child(1),
html[data-vario-theme] body .vario-document-history-grid th:nth-child(1) {
    width: 142px !important;
}

html body .vario-document-history-grid th:nth-child(2),
html[data-vario-theme] body .vario-document-history-grid th:nth-child(2) {
    width: 220px !important;
}

html body .vario-document-history-grid th:nth-child(4),
html[data-vario-theme] body .vario-document-history-grid th:nth-child(4) {
    width: 190px !important;
}

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

html body .vario-document-history-grid td,
html[data-vario-theme] body .vario-document-history-grid td {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Shared semantic actions for every document-card footer. */
html body .vario-erp-document-card-footer .vario-document-footer-action,
html[data-vario-theme] body .vario-erp-document-card-footer .vario-document-footer-action {
    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;
    border-radius: 8px !important;
    font: 800 11px/26px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-erp-document-card-footer .vario-document-footer-action .nav-icon,
html body .vario-erp-document-card-footer .vario-document-footer-action .vario-action-icon,
html[data-vario-theme] body .vario-erp-document-card-footer .vario-document-footer-action .nav-icon,
html[data-vario-theme] body .vario-erp-document-card-footer .vario-document-footer-action .vario-action-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    margin: 0 !important;
}

html body .vario-erp-document-card-footer .vario-document-footer-action-minimize,
html[data-vario-theme] body .vario-erp-document-card-footer .vario-document-footer-action-minimize {
    border: 1px solid #6e88ab !important;
    background: linear-gradient(180deg, #d8e5f5 0%, #a7bdd9 100%) !important;
    color: #102f53 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 1px 2px rgba(34, 61, 96, 0.16) !important;
}

html body .vario-erp-document-card-footer .vario-document-footer-action-minimize:hover:not(:disabled),
html[data-vario-theme] body .vario-erp-document-card-footer .vario-document-footer-action-minimize:hover:not(:disabled) {
    border-color: #577397 !important;
    background: linear-gradient(180deg, #c7d8ec 0%, #8ea8c8 100%) !important;
    color: #0b2747 !important;
}

/* Document statuses administration is a standalone configuration register. */
html .vario-admin-workbench:has(> .vario-admin-document-statuses-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-document-statuses-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-document-statuses-page,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page {
    --vario-list-document-preview-height: 214px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-filter-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.85fr) minmax(0, 0.9fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table {
    min-width: 1240px !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-success,
html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-neutral {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    min-width: 32px !important;
    padding: 1px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #15803d !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-table td span.status-neutral {
    border-color: #c6d2e2 !important;
    background: #f3f6fa !important;
    color: #526987 !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-body {
    min-height: 0 !important;
    overflow: auto !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid > div,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid > .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid > .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid h3,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-actions {
    display: flex !important;
    align-items: end !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding-top: 8px !important;
}

html .vario-document-statuses-modal .vario-erp-document-card-dialog,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-dialog {
    max-width: 1180px !important;
}

html .vario-document-statuses-modal .vario-document-statuses-modal-body,
html[data-vario-theme] .vario-document-statuses-modal .vario-document-statuses-modal-body {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 10px !important;
}

html .vario-document-statuses-list,
html[data-vario-theme] .vario-document-statuses-list {
    display: grid !important;
    grid-auto-rows: min-content !important;
    gap: 3px !important;
    min-height: 0 !important;
    overflow: auto !important;
    padding-right: 4px !important;
}

html .vario-document-statuses-list-header,
html[data-vario-theme] .vario-document-statuses-list-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(128px, 0.7fr) minmax(190px, 1fr) minmax(240px, 1.25fr) 76px minmax(260px, 1.15fr) !important;
    gap: 6px !important;
    align-items: center !important;
    min-height: 20px !important;
    padding: 3px 7px !important;
    border: 1px solid #cbd8e8 !important;
    border-radius: 7px !important;
    background: #eaf1f9 !important;
    color: #082653 !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-transform: uppercase !important;
}

html .vario-document-statuses-row,
html[data-vario-theme] .vario-document-statuses-row {
    display: grid !important;
    grid-template-columns: minmax(128px, 0.7fr) minmax(190px, 1fr) minmax(240px, 1.25fr) 76px minmax(260px, 1.15fr) !important;
    gap: 6px !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 4px 7px !important;
    border: 1px solid #d7e1ee !important;
    border-radius: 7px !important;
    background: #f8fbff !important;
}

html .vario-document-statuses-row-header,
html[data-vario-theme] .vario-document-statuses-row-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 4px !important;
    align-items: center !important;
    min-width: 0 !important;
}

html .vario-document-statuses-row-header small,
html[data-vario-theme] .vario-document-statuses-row-header small {
    color: #5f728c !important;
    font: 800 9.5px/11px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-document-statuses-row-header > span,
html .vario-document-statuses-modal .vario-erp-document-card-badges span,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-slate,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-azure,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-indigo,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-violet,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-pink,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-mint,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-amber,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-brown,
html[data-vario-theme] .vario-document-statuses-row-header > span,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-slate,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-azure,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-indigo,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-violet,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-pink,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-mint,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-amber,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-brown {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    max-width: 100% !important;
    padding: 1px 7px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-document-statuses-row-header > span.status-neutral,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-neutral,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-neutral,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-neutral {
    border-color: #c6d2e2 !important;
    background: #f3f6fa !important;
    color: #526987 !important;
}

html .vario-document-statuses-row-header > span.status-slate,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-slate,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-slate,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-slate,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-slate,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-slate {
    border-color: #b7c3d0 !important;
    background: #e8edf4 !important;
    color: #334155 !important;
}

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

html .vario-document-statuses-row-header > span.status-azure,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-azure,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-azure,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-azure,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-azure,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-azure {
    border-color: #9ed8f5 !important;
    background: #e7f7ff !important;
    color: #0284c7 !important;
}

html .vario-document-statuses-row-header > span.status-info,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-info,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-info,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-info {
    border-color: #91e0e8 !important;
    background: #e6fffb !important;
    color: #0891b2 !important;
}

html .vario-document-statuses-row-header > span.status-indigo,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-indigo,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-indigo,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-indigo,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-indigo,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-indigo {
    border-color: #c7d2fe !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

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

html .vario-document-statuses-row-header > span.status-pink,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-pink,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-pink,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-pink,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-pink,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-pink {
    border-color: #fbcfe8 !important;
    background: #fce7f3 !important;
    color: #be185d !important;
}

html .vario-document-statuses-row-header > span.status-success,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-success,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-success,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #15803d !important;
}

html .vario-document-statuses-row-header > span.status-mint,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-mint,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-mint,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-mint,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-mint,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-mint {
    border-color: #a7f3d0 !important;
    background: #dcfce7 !important;
    color: #047857 !important;
}

html .vario-document-statuses-row-header > span.status-warning,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-warning,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-warning,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-warning {
    border-color: #f3d28a !important;
    background: #fff6df !important;
    color: #b45309 !important;
}

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

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

html .vario-document-statuses-row-header > span.status-brown,
html .vario-document-statuses-modal .vario-erp-document-card-badges span.status-brown,
html body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-brown,
html[data-vario-theme] .vario-document-statuses-row-header > span.status-brown,
html[data-vario-theme] .vario-document-statuses-modal .vario-erp-document-card-badges span.status-brown,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-card-badges span.status-brown {
    border-color: #d7bda7 !important;
    background: #f4eee7 !important;
    color: #8b5e34 !important;
}

html .vario-document-statuses-row label,
html .vario-document-statuses-add label,
html[data-vario-theme] .vario-document-statuses-row label,
html[data-vario-theme] .vario-document-statuses-add label {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

html .vario-document-statuses-row label span,
html .vario-document-statuses-add label span,
html[data-vario-theme] .vario-document-statuses-row label span,
html[data-vario-theme] .vario-document-statuses-add label span {
    color: #082653 !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-document-statuses-row input,
html .vario-document-statuses-add input,
html[data-vario-theme] .vario-document-statuses-row input,
html[data-vario-theme] .vario-document-statuses-add input,
html[data-vario-theme] .vario-document-statuses-add select {
    min-height: 24px !important;
    border: 1px solid #bfd1e7 !important;
    border-radius: 7px !important;
    color: #061b3f !important;
    font: 800 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-document-statuses-name-input,
html[data-vario-theme] .vario-document-statuses-name-input {
    height: 24px !important;
    padding: 2px 7px !important;
}

html .vario-document-statuses-order-input,
html[data-vario-theme] .vario-document-statuses-order-input {
    width: 72px !important;
    height: 24px !important;
    padding: 2px 5px !important;
    text-align: right !important;
}

html .vario-document-statuses-color-picker,
html[data-vario-theme] .vario-document-statuses-color-picker {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    min-width: 0 !important;
}

html .vario-document-statuses-color-option,
html[data-vario-theme] .vario-document-statuses-color-option {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    padding: 0 !important;
    border: 1px solid rgba(15, 35, 64, 0.18) !important;
    border-radius: 999px !important;
    background: var(--status-swatch-bg, #f3f6fa) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
    cursor: pointer !important;
}

html .vario-document-statuses-color-option span,
html[data-vario-theme] .vario-document-statuses-color-option span {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: var(--status-swatch-dot, #526987) !important;
}

html .vario-document-statuses-color-option:hover,
html[data-vario-theme] .vario-document-statuses-color-option:hover,
html .vario-document-statuses-color-option.active,
html[data-vario-theme] .vario-document-statuses-color-option.active {
    border-color: var(--status-swatch-dot, #1263f1) !important;
    box-shadow: 0 0 0 2px rgba(18, 99, 241, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}

html .vario-document-statuses-color-option[data-color="neutral"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="neutral"] {
    --status-swatch-bg: #f3f6fa;
    --status-swatch-dot: #526987;
}

html .vario-document-statuses-color-option[data-color="slate"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="slate"] {
    --status-swatch-bg: #e8edf4;
    --status-swatch-dot: #334155;
}

html .vario-document-statuses-color-option[data-color="primary"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="primary"] {
    --status-swatch-bg: #eaf2ff;
    --status-swatch-dot: #1263f1;
}

html .vario-document-statuses-color-option[data-color="azure"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="azure"] {
    --status-swatch-bg: #e7f7ff;
    --status-swatch-dot: #0284c7;
}

html .vario-document-statuses-color-option[data-color="info"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="info"] {
    --status-swatch-bg: #e6fffb;
    --status-swatch-dot: #0891b2;
}

html .vario-document-statuses-color-option[data-color="indigo"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="indigo"] {
    --status-swatch-bg: #eef2ff;
    --status-swatch-dot: #4f46e5;
}

html .vario-document-statuses-color-option[data-color="violet"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="violet"] {
    --status-swatch-bg: #f3e8ff;
    --status-swatch-dot: #7c3aed;
}

html .vario-document-statuses-color-option[data-color="pink"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="pink"] {
    --status-swatch-bg: #fce7f3;
    --status-swatch-dot: #db2777;
}

html .vario-document-statuses-color-option[data-color="success"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="success"] {
    --status-swatch-bg: #eafaf0;
    --status-swatch-dot: #15803d;
}

html .vario-document-statuses-color-option[data-color="mint"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="mint"] {
    --status-swatch-bg: #dcfce7;
    --status-swatch-dot: #059669;
}

html .vario-document-statuses-color-option[data-color="warning"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="warning"] {
    --status-swatch-bg: #fff6df;
    --status-swatch-dot: #b45309;
}

html .vario-document-statuses-color-option[data-color="amber"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="amber"] {
    --status-swatch-bg: #fef3c7;
    --status-swatch-dot: #d97706;
}

html .vario-document-statuses-color-option[data-color="danger"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="danger"] {
    --status-swatch-bg: #fff1f1;
    --status-swatch-dot: #dc2626;
}

html .vario-document-statuses-color-option[data-color="brown"],
html[data-vario-theme] .vario-document-statuses-color-option[data-color="brown"] {
    --status-swatch-bg: #f4eee7;
    --status-swatch-dot: #8b5e34;
}

html .vario-document-statuses-toggle-group,
html[data-vario-theme] .vario-document-statuses-toggle-group {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
}

html .vario-document-statuses-toggle,
html[data-vario-theme] .vario-document-statuses-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 2px 6px !important;
    border: 1px solid #cbd8e8 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #24405f !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-document-statuses-toggle input,
html[data-vario-theme] .vario-document-statuses-toggle input {
    width: 12px !important;
    height: 12px !important;
    min-height: 12px !important;
    margin: 0 !important;
    accent-color: #1263f1 !important;
}

html .vario-document-statuses-delete-button,
html[data-vario-theme] .vario-document-statuses-delete-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 2px 8px !important;
    border: 1px solid #f0b5b5 !important;
    border-radius: 999px !important;
    background: #fff1f1 !important;
    color: #c01f1f !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-document-statuses-delete-button:not(:disabled):hover,
html[data-vario-theme] .vario-document-statuses-delete-button:not(:disabled):hover {
    border-color: #de6f6f !important;
    background: #ffe6e6 !important;
    color: #991b1b !important;
}

html .vario-document-statuses-delete-button:disabled,
html[data-vario-theme] .vario-document-statuses-delete-button:disabled {
    cursor: not-allowed !important;
    opacity: 0.42 !important;
    filter: grayscale(0.35) !important;
}

html .vario-document-statuses-add,
html[data-vario-theme] .vario-document-statuses-add {
    display: grid !important;
    grid-template-columns: minmax(190px, 1fr) minmax(260px, 1.1fr) 82px minmax(110px, 0.5fr) max-content !important;
    gap: 6px !important;
    align-items: end !important;
    padding: 7px !important;
    border: 1px solid #c6d8ef !important;
    border-radius: 7px !important;
    background: #eef5ff !important;
}

html .vario-document-statuses-add .vario-list-document-button,
html[data-vario-theme] .vario-document-statuses-add .vario-list-document-button {
    min-height: 27px !important;
    height: 27px !important;
    padding: 4px 12px !important;
    border-color: #9fc0f8 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #1263f1 !important;
    box-shadow: 0 4px 10px rgba(18, 99, 241, 0.10) !important;
    font: 900 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-document-statuses-add .vario-list-document-button:hover,
html[data-vario-theme] .vario-document-statuses-add .vario-list-document-button:hover,
html .vario-document-statuses-add .vario-list-document-button:focus,
html[data-vario-theme] .vario-document-statuses-add .vario-list-document-button:focus {
    border-color: #1263f1 !important;
    background: #eaf2ff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(18, 99, 241, 0.16), 0 4px 10px rgba(18, 99, 241, 0.12) !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-statuses-page .vario-admin-document-statuses-preview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html .vario-document-statuses-row,
    html[data-vario-theme] .vario-document-statuses-row,
    html .vario-document-statuses-add,
    html[data-vario-theme] .vario-document-statuses-add {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Operational module configuration uses the same list contract as sales, purchases and directories. */
html .vario-admin-workbench:has(> .vario-admin-operational-modules-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-operational-modules-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-operational-modules-page,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page {
    --vario-list-document-preview-height: 214px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-filter-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(0, 0.85fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-table,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-table {
    min-width: 1320px !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-body {
    min-height: 0 !important;
    overflow: auto !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid > div,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid > .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid > .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid h3,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid span,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid strong,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-actions {
    display: flex !important;
    align-items: end !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid,
    html[data-vario-theme] .vario-list-standard.vario-admin-operational-modules-page .vario-admin-operational-modules-preview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Document numbering administration follows the same list contract as operational modules. */
html .vario-admin-workbench:has(> .vario-admin-document-numbering-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-document-numbering-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-document-numbering-page,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page {
    --vario-list-document-preview-height: 260px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-filter-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.8fr) minmax(0, 0.9fr) minmax(0, 0.8fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-table,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-table {
    min-width: 1180px !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-table td strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-table td strong {
    display: inline-block !important;
    margin-right: 6px !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-table td span:not(.status-success):not(.status-neutral),
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-table td span:not(.status-success):not(.status-neutral) {
    color: #53677f !important;
    font-weight: 700 !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-body {
    min-height: 0 !important;
    overflow: auto !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(168, 186, 208, 0.65) !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid > div,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid > div,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid > label,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid > label {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid > .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid > .span-2,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid > .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid > .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid h3,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid span,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid span,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-token-row span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-token-row span,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid strong,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-token-row strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-token-row strong,
html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-token-row,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-token-row {
    display: grid !important;
    gap: 2px !important;
    margin-top: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(177, 196, 219, 0.72) !important;
    border-radius: 7px !important;
    background: #f7faff !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions > div,
html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-actions > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 220px !important;
    margin-right: auto !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-preview-grid,
    html .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-numbering-page .vario-admin-document-numbering-edit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Warehouse administration follows the same list contract as other configuration registers. */
html .vario-admin-workbench:has(> .vario-admin-warehouses-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-warehouses-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-warehouses-page,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page {
    --vario-list-document-preview-height: 260px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-filter-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.88fr) minmax(0, 0.88fr) minmax(0, 0.95fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table {
    min-width: 1180px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-success,
html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-neutral,
html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-primary,
html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-warning,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-warning {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 1px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #15803d !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-neutral {
    border-color: #c6d2e2 !important;
    background: #f3f6fa !important;
    color: #526987 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-primary {
    border-color: #9fc0f8 !important;
    background: #eaf2ff !important;
    color: #1263f1 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-warning,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-table td span.status-warning {
    border-color: #f3d28a !important;
    background: #fff6df !important;
    color: #b45309 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-body {
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-layout,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-layout {
    display: grid !important;
    grid-template-columns: minmax(380px, 0.9fr) minmax(0, 1.35fr) !important;
    gap: 12px !important;
    height: 100% !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary > div,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary > .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary > .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary h3,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary span,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary span,
html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-title span,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-title span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary strong,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-summary strong,
html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-title strong,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-title strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-actions {
    display: flex !important;
    align-items: end !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-section,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-section {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    border-left: 1px solid rgba(177, 196, 219, 0.72) !important;
    padding-left: 12px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-title,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-title {
    display: grid !important;
    gap: 2px !important;
    margin-bottom: 6px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-table-scroll,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-table-scroll {
    min-height: 0 !important;
    overflow: auto !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-table,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-table {
    margin: 0 !important;
    min-width: 620px !important;
}

html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-table td span,
html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-table td span {
    display: block !important;
    color: #526987 !important;
    font: 700 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-layout,
    html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-preview-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-section,
    html[data-vario-theme] .vario-list-standard.vario-admin-warehouses-page .vario-admin-warehouses-access-section {
        border-left: 0 !important;
        padding-left: 0 !important;
    }
}

/* Document process configuration follows the same list contract as other configuration registers. */
html .vario-admin-workbench:has(> .vario-admin-document-processes-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-document-processes-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-document-processes-page,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page {
    --vario-list-document-preview-height: 330px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-filter-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.85fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table {
    min-width: 1420px !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-success,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-neutral,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-primary,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-warning,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-warning {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 1px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #15803d !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-neutral {
    border-color: #c6d2e2 !important;
    background: #f3f6fa !important;
    color: #526987 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-primary {
    border-color: #9fc0f8 !important;
    background: #eaf2ff !important;
    color: #1263f1 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-warning,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-table td span.status-warning {
    border-color: #f3d28a !important;
    background: #fff6df !important;
    color: #b45309 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-preview-body {
    min-height: 0 !important;
    overflow: auto !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-preview-layout,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-preview-layout {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.62fr) minmax(0, 1.38fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
    padding-right: 12px !important;
    border-right: 1px solid rgba(177, 196, 219, 0.72) !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary > div,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary > div,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help > div,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .span-4,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .span-4 {
    grid-column: 1 / -1 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary h3,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary span,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help span,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid label > span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid label > span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary strong,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help strong,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-editor,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-editor {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px 10px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid label,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid label {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid input,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid select,
html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid textarea,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid input,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid select,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid textarea {
    min-height: 24px !important;
    padding: 2px 8px !important;
    border-color: #b9c9dd !important;
    border-radius: 7px !important;
    color: #061b3f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid select,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid select {
    padding-right: 22px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: 12px 10px !important;
    cursor: pointer;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 10px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(177, 196, 219, 0.72) !important;
    border-radius: 7px !important;
    background: #f7faff !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help span {
    white-space: normal !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

html body .vario-inventory-posting-editor-modal,
html[data-vario-theme] body .vario-inventory-posting-editor-modal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
}

html body .vario-inventory-posting-editor-modal .vario-inventory-posting-editor-dialog,
html[data-vario-theme] body .vario-inventory-posting-editor-modal .vario-inventory-posting-editor-dialog {
    display: block !important;
    width: min(620px, calc(100vw - 32px)) !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 32px) !important;
    margin: 0 !important;
}

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

html body .vario-inventory-posting-editor-modal .vario-erp-modal-body,
html[data-vario-theme] body .vario-inventory-posting-editor-modal .vario-erp-modal-body {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
}

html body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help,
html[data-vario-theme] body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

html body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help > div,
html[data-vario-theme] body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help > div {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #cbd8e7 !important;
    border-radius: 7px !important;
    background: #f6f9fd !important;
}

html body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help strong,
html[data-vario-theme] body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help strong {
    color: #0b2854 !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help span,
html[data-vario-theme] body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help span {
    color: #526987 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

@media (max-width: 720px) {
    html body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help,
    html[data-vario-theme] body .vario-inventory-posting-editor-dialog .vario-admin-document-processes-help {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-section-title,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-section-title {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    padding: 7px 9px !important;
    border: 1px solid rgba(177, 196, 219, 0.72) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fd 100%) !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-section-title h3,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-section-title h3 {
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 13px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-section-title span,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-section-title span {
    color: #526987 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-list-standard.vario-admin-document-processes-page .vario-admin-offer-status-row,
html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-offer-status-row {
    align-items: end !important;
    padding: 8px !important;
    border: 1px solid rgba(205, 216, 229, 0.86) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-preview-layout,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-preview-layout,
    html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-help {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-summary {
        border-right: 0 !important;
        padding-right: 0 !important;
    }

    html .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid,
    html[data-vario-theme] .vario-list-standard.vario-admin-document-processes-page .vario-admin-document-processes-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* PDF templates and logo administration follows the same list contract as other configuration registers. */
html .vario-admin-workbench:has(> .vario-admin-pdf-templates-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-pdf-templates-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page {
    --vario-list-document-preview-height: 300px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-filter-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.88fr) minmax(0, 0.78fr) minmax(0, 0.82fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-table,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-table {
    min-width: 1300px !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .status-success,
html .vario-list-standard.vario-admin-pdf-templates-page .status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .status-neutral,
html .vario-list-standard.vario-admin-pdf-templates-page .status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .status-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 1px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #15803d !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .status-neutral {
    border-color: #c6d2e2 !important;
    background: #f3f6fa !important;
    color: #526987 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .status-primary {
    border-color: #9fc0f8 !important;
    background: #eaf2ff !important;
    color: #1263f1 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-preview-body {
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-preview-layout,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-preview-layout {
    display: grid !important;
    grid-template-columns: minmax(360px, 0.78fr) minmax(0, 1.22fr) !important;
    gap: 12px !important;
    height: 100% !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
    padding-right: 12px !important;
    border-right: 1px solid rgba(177, 196, 219, 0.72) !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary > div,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary > div,
html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details > div,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary h3,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary span,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary span,
html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title span,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title span,
html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details span,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary strong,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary strong,
html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title strong,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title strong,
html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details strong,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-section,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-section {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title > div,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-title > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-layout,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-layout {
    display: grid !important;
    grid-template-columns: minmax(180px, 0.58fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-preview,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-preview {
    min-height: 130px !important;
    margin: 0 !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-details {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 7px 14px !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-empty,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-empty {
    min-height: 130px !important;
}

html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-preview-layout,
    html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-preview-layout,
    html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-logo-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary,
    html[data-vario-theme] .vario-list-standard.vario-admin-pdf-templates-page .vario-admin-pdf-templates-summary {
        border-right: 0 !important;
        padding-right: 0 !important;
    }
}

html .vario-admin-workbench:has(> .vario-admin-contractor-directories-page),
html[data-vario-theme] .vario-admin-workbench:has(> .vario-admin-contractor-directories-page) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page {
    --vario-list-document-preview-height: 300px;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-filter-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-filter-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 0.85fr) max-content !important;
    padding-right: 230px !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-table,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-table {
    min-width: 1380px !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .status-success,
html .vario-list-standard.vario-admin-contractor-directories-page .status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .status-neutral,
html .vario-list-standard.vario-admin-contractor-directories-page .status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .status-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 1px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .status-success,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .status-success {
    border-color: #9bd8b3 !important;
    background: #eafaf0 !important;
    color: #15803d !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .status-neutral,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .status-neutral {
    border-color: #c6d2e2 !important;
    background: #f3f6fa !important;
    color: #526987 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .status-primary,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .status-primary {
    border-color: #9fc0f8 !important;
    background: #eaf2ff !important;
    color: #1263f1 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-preview-body,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-preview-body {
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-preview-layout,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-preview-layout {
    display: grid !important;
    grid-template-columns: minmax(400px, 0.82fr) minmax(0, 1.18fr) !important;
    gap: 12px !important;
    height: 100% !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 7px 14px !important;
    min-width: 0 !important;
    padding-right: 12px !important;
    border-right: 1px solid rgba(177, 196, 219, 0.72) !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-details,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-details {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 7px 14px !important;
    min-height: 0 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(177, 196, 219, 0.72) !important;
    border-radius: 8px !important;
    background: #f7faff !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary > div,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary > div,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid > div,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid > div {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .span-2,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .span-2 {
    grid-column: span 2 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .span-4,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .span-4 {
    grid-column: span 4 !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary h3,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary h3 {
    overflow: hidden !important;
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 17px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary span,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary span,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid span,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid span,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help span,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help span,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-edit-grid label > span,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-edit-grid label > span {
    overflow: hidden !important;
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary strong,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary strong,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid strong,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-field-grid strong,
html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help strong,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-help strong {
    overflow: hidden !important;
    color: #061b3f !important;
    font: 800 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-actions,
html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

html .vario-admin-contractor-directories-modal-body,
html[data-vario-theme] .vario-admin-contractor-directories-modal-body {
    min-height: 0 !important;
    overflow: auto !important;
}

html .vario-admin-contractor-directories-edit-grid,
html[data-vario-theme] .vario-admin-contractor-directories-edit-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px 12px !important;
    min-width: 0 !important;
}

html .vario-admin-contractor-directories-edit-grid label,
html[data-vario-theme] .vario-admin-contractor-directories-edit-grid label {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

html .vario-admin-contractor-directories-edit-grid input,
html .vario-admin-contractor-directories-edit-grid select,
html .vario-admin-contractor-directories-edit-grid textarea,
html[data-vario-theme] .vario-admin-contractor-directories-edit-grid input,
html[data-vario-theme] .vario-admin-contractor-directories-edit-grid select,
html[data-vario-theme] .vario-admin-contractor-directories-edit-grid textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 27px !important;
    border: 1px solid #bfd1e7 !important;
    border-radius: 7px !important;
    color: #061b3f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

@media (max-width: 1280px) {
    html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-preview-layout,
    html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-preview-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary,
    html[data-vario-theme] .vario-list-standard.vario-admin-contractor-directories-page .vario-admin-contractor-directories-summary {
        border-right: 0 !important;
        padding-right: 0 !important;
    }

    html .vario-admin-contractor-directories-edit-grid,
    html[data-vario-theme] .vario-admin-contractor-directories-edit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html .vario-admin-contractor-directories-edit-grid .span-4,
    html[data-vario-theme] .vario-admin-contractor-directories-edit-grid .span-4 {
        grid-column: span 2 !important;
    }
}

/* Canonical document-card summary: always outside tab content and directly above the footer. */
html body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-document-summary-columns-3,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-document-summary-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .vario-erp-document-details-modal .vario-document-bottom-summary .vario-document-summary-positive,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary .vario-document-summary-positive {
    border-color: #9fd5b5 !important;
    background: linear-gradient(180deg, #ffffff 0%, #effaf3 100%) !important;
}

html body .vario-erp-document-details-modal .vario-document-bottom-summary .vario-document-summary-warning,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary .vario-document-summary-warning {
    border-color: #edc97e !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff7e5 100%) !important;
}

@media (max-width: 680px) {
    html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid,
    html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-content: start !important;
        padding: 6px 8px 8px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid .span-2,
    html[data-vario-theme] .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid .span-2 {
        grid-column: 1 / -1 !important;
    }

    html body .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid .vario-sales-filter-standard-actions,
    html[data-vario-theme] body .vario-list-standard[data-vario-list-kind="document-register"] .vario-list-document-filter-grid .vario-sales-filter-standard-actions {
        position: static !important;
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
    }

    html .vario-list-standard .vario-list-create-actions,
    html[data-vario-theme] .vario-list-standard .vario-list-create-actions {
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain !important;
        scrollbar-width: thin !important;
    }

    html body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-document-summary-columns-3,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-document-summary-columns-3 {
        grid-template-columns: 1fr !important;
        flex-basis: 112px !important;
        min-height: 112px !important;
    }

    /* Keep every shared document total readable on narrow screens. The row
       scrolls inside the modal instead of shrinking long labels and amounts. */
    html body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-erp-document-bottom-summary-v2,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-erp-document-bottom-summary-v2 {
        grid-template-columns: none !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(132px, 1fr) !important;
        flex-basis: 52px !important;
        min-height: 52px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain !important;
        scrollbar-width: thin !important;
    }

    html body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-erp-document-bottom-summary-v2 > div,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-erp-document-bottom-summary-v2 > div {
        min-width: 132px !important;
    }

    html body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-erp-document-bottom-summary-v2 span,
    html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-bottom-summary.vario-erp-document-bottom-summary-v2 span {
        white-space: nowrap !important;
    }
}
/* Stable shared composition roots. Outside the split register workspace they
   remain layout-transparent, so existing consumers keep their established grid. */
html .vario-list-search-panel-root,
html .vario-list-search-panel-viewport,
html[data-vario-theme] .vario-list-search-panel-root,
html[data-vario-theme] .vario-list-search-panel-viewport {
    display: contents;
}

html .vario-list-preview-pane > .vario-list-preview-viewport,
html[data-vario-theme] .vario-list-preview-pane > .vario-list-preview-viewport {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}