/* Shared OF/ZK logistics tab. The type gate lives in ErpDocumentDeliveryMethods. */

:root {
    --vario-document-logistics-panel-gap: 8px;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
    align-items: stretch !important;
    gap: var(--vario-document-logistics-panel-gap) !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid > .vario-erp-section,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid > .vario-erp-section {
    min-width: 0 !important;
    height: 100% !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid .vario-erp-section-body,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid .vario-erp-section-body {
    height: calc(100% - 34px) !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-section,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-section {
    min-width: 0 !important;
    overflow: hidden !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-section-body,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-section-body {
    min-height: 0 !important;
    padding: 7px 10px !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-panels,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-panels {
    display: grid !important;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;
    min-width: 0 !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-delivery-panel,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-delivery-panel {
    min-width: 0 !important;
    padding-right: 10px !important;
    border-right: 1px solid var(--vario-border-soft) !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-panel,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-panel {
    min-width: 0 !important;
    padding-left: 10px !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-delivery-grid,
html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-grid,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-delivery-grid,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 8px !important;
    min-width: 0 !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-wide-field,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-wide-field {
    grid-column: 1 / -1 !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-toggle,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-toggle {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    margin: 0 0 6px !important;
    gap: 6px !important;
    color: var(--vario-text) !important;
    font: 600 10px/14px var(--vario-font-family-ui) !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-toggle input,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-toggle input {
    flex: 0 0 auto !important;
    margin: 0 !important;
    accent-color: var(--vario-accent) !important;
}

html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-section label > span,
html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-section label > span {
    color: var(--vario-text-muted) !important;
}

@media (max-width: 760px) {
    html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid,
    html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-basic-bottom-grid,
    html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-panels,
    html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-panels {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-delivery-panel,
    html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-delivery-panel {
        padding: 0 0 8px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--vario-border-soft) !important;
    }

    html body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-panel,
    html[data-vario-theme] body .vario-erp-document-details-modal.vario-document-logistics-card .vario-document-logistics-address-panel {
        padding: 8px 0 0 !important;
    }
}