/* DataProX ERP Spacing Utilities */
/* Margins */
.m-0 { margin: 0 !important; }
.m-3 { margin: var(--erp-space-4) !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: var(--erp-space-1) !important; }
.mt-2 { margin-top: var(--erp-space-2) !important; }
.mt-3 { margin-top: var(--erp-space-4) !important; }
.mt-4 { margin-top: var(--erp-space-6) !important; }
.mt-5 { margin-top: var(--erp-space-12) !important; }
.mt-auto { margin-top: auto !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: var(--erp-space-1) !important; }
.mb-2 { margin-bottom: var(--erp-space-2) !important; }
.mb-3 { margin-bottom: var(--erp-space-4) !important; }
.mb-4 { margin-bottom: var(--erp-space-6) !important; }
.mb-5 { margin-bottom: var(--erp-space-12) !important; }

.my-3 { margin-top: var(--erp-space-4) !important; margin-bottom: var(--erp-space-4) !important; }
.my-4 { margin-top: var(--erp-space-6) !important; margin-bottom: var(--erp-space-6) !important; }

.mx-2 { margin-right: var(--erp-space-2) !important; margin-left: var(--erp-space-2) !important; }
.mx-3 { margin-right: var(--erp-space-4) !important; margin-left: var(--erp-space-4) !important; }
.mx-4 { margin-right: var(--erp-space-6) !important; margin-left: var(--erp-space-6) !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

/* Padding */
.p-0 { padding: 0 !important; }
.p-2 { padding: var(--erp-space-2) !important; }
.p-3 { padding: var(--erp-space-4) !important; }
.p-4 { padding: var(--erp-space-6) !important; }
.p-5 { padding: var(--erp-space-12) !important; }

.pt-1 { padding-top: var(--erp-space-1) !important; }
.pt-2 { padding-top: var(--erp-space-2) !important; }
.pt-3 { padding-top: var(--erp-space-4) !important; }
.pt-4 { padding-top: var(--erp-space-6) !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-2 { padding-bottom: var(--erp-space-2) !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: var(--erp-space-1) !important; padding-bottom: var(--erp-space-1) !important; }
.py-2 { padding-top: var(--erp-space-2) !important; padding-bottom: var(--erp-space-2) !important; }
.py-3 { padding-top: var(--erp-space-4) !important; padding-bottom: var(--erp-space-4) !important; }
.py-4 { padding-top: var(--erp-space-6) !important; padding-bottom: var(--erp-space-6) !important; }
.py-5 { padding-top: var(--erp-space-12) !important; padding-bottom: var(--erp-space-12) !important; }

.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.px-1 { padding-right: var(--erp-space-1) !important; padding-left: var(--erp-space-1) !important; }
.px-2 { padding-right: var(--erp-space-2) !important; padding-left: var(--erp-space-2) !important; }
.px-3 { padding-right: var(--erp-space-4) !important; padding-left: var(--erp-space-4) !important; }
.px-4 { padding-right: var(--erp-space-6) !important; padding-left: var(--erp-space-6) !important; }
.px-5 { padding-right: var(--erp-space-12) !important; padding-left: var(--erp-space-12) !important; }

/* Gap */
.gap-1 { gap: var(--erp-space-1) !important; }
.gap-2 { gap: var(--erp-space-2) !important; }
.gap-3 { gap: var(--erp-space-4) !important; }
.gap-4 { gap: var(--erp-space-6) !important; }

/* Responsive (md) */
@media (min-width: 768px) {
    .p-md-5 { padding: var(--erp-space-12) !important; }
    .mx-md-3 { margin-right: var(--erp-space-4) !important; margin-left: var(--erp-space-4) !important; }
}

/* Responsive (lg) */
@media (min-width: 992px) {
    .p-lg-4 { padding: var(--erp-space-6) !important; }
    .p-lg-5 { padding: var(--erp-space-12) !important; }
    .mb-lg-0 { margin-bottom: 0 !important; }
    .mt-lg-0 { margin-top: 0 !important; }
    .py-lg-5 { padding-top: var(--erp-space-12) !important; padding-bottom: var(--erp-space-12) !important; }
}