/* Shared compact label/control/validation rows for mixed DevExpress editors. */
.lodelo-form-grid { --lodelo-form-control-height: 2.25rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lodelo-space-2) var(--lodelo-space-4); align-items: stretch; }
.lodelo-form-field { display: grid; grid-template-rows: minmax(1.5rem, auto) auto minmax(1.25rem, auto); gap: var(--lodelo-space-2); min-width: 0; }
.lodelo-form-field > label { display: block; margin: 0; font-size: .875rem; font-weight: 600; line-height: 1.5; }
.lodelo-form-control { min-width: 0; }
.lodelo-form-control .dxbl-text-edit { width: 100%; min-height: var(--lodelo-form-control-height); }
.lodelo-form-validation { min-height: 1.25rem; font-size: .875rem; overflow-wrap: anywhere; }
.lodelo-form-wide { grid-column: 1 / -1; margin: 0; }
@supports (grid-template-rows: subgrid) {
    .lodelo-form-field { grid-row: span 3; grid-template-rows: subgrid; }
}
@media (max-width: 640px) { .lodelo-form-grid { grid-template-columns: minmax(0, 1fr); } }