/* Service Order Basic Tab Layout (Non-scrollable) */
html body .vario-erp-document-details-modal .vario-service-order-basic-sections,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow: hidden !important;
    align-items: stretch !important;
}

html body .vario-erp-document-details-modal .vario-service-order-basic-sections>section,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections>section {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px 8px !important;
}

html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid.vario-document-form-grid-two,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid.vario-document-form-grid-two {
    grid-template-columns: 1fr 1fr !important;
}

html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid label,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid label {
    grid-column: span 1 !important;
    width: 100% !important;
}

html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid label.span-2,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid label.span-2,
html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid label.span-3,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid label.span-3,
html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid div.span-2,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid div.span-2,
html body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid div.span-3,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-service-order-basic-sections .vario-document-form-grid div.span-3 {
    grid-column: 1 / -1 !important;
}

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