/* SVG Icon Fix */
svg {
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

svg.w-6, svg.w-5, svg.w-4, svg.h-6, svg.h-5, svg.h-4 {
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

button svg, a svg, .btn svg {
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.flex svg, .d-flex svg {
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

/* Tailwind utility shims.
   The app layout does not load Tailwind (@vite app.css is commented out), so the
   action-column markup rendered by DataTables controllers (class="flex ...") had no
   backing rules and stacked vertically. These class names are unused by the Metronic
   bundles, so defining them here is safe. Keep in sync with controller action HTML. */
.flex { display: flex; }
.items-center { align-items: center; }

.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.ml-3 { margin-left: 0.75rem; }

.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.rounded-md { border-radius: 0.375rem; }
.bg-red-500 { background-color: #ef4444; }