main:not(:has(> div.fi-dashboard-page)):not(:has(> div.fi-simple-page)) {
    max-width: 100% !important;
}

/* Fondo personalizado para el panel extension-h */
.filament-main-content {
    background-color: #f8fafc !important;
    /* gris muy claro */
}

.dark .filament-main-content {
    background-color: #0f172a !important;
    /* azul muy oscuro para modo oscuro */
}

/* Opcional: fondo para el sidebar */
.filament-sidebar {
    background-color: #1e293b !important;
}

.filament-sidebar-header {
    background-color: #1e293b !important;
}

div.fi-dashboard-page section header.fi-header {
    display: none;
}

div.fi-dashboard-page .fi-section-content-ctn div.flex.justify-end.flex-1.mb-4 {
    display: none;
}

body main:has(table.fi-ta-table) {
    max-width: 100%;
    width: 100% !important;
}

.fi-ta-text-input.px-3.py-4,
.fi-ta-text.px-3.py-4,
.fi-ta-image.px-3.py-4,
.fi-ta-badge.px-3.py-4,
.fi-ta-icon.px-3.py-4,
.fi-ta-toggle.px-3.py-4,
.fi-ta-cell>div.px-3.py-4 {
    /* Aplicar py-3 y px-1 */
    padding-top: .4rem !important;
    padding-bottom: .4rem !important;
    padding-left: .2rem !important;
    padding-right: .2rem !important;
}

/* También puedes aplicar el cambio directamente a la celda <td> si deseas un control más general. */
.fi-ta-cell {
    /* Remueve el padding de la celda TD (si existe) */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.fi-modal-footer-actions,
div.fi-form-actions div.justify-start {
    justify-content: flex-end !important;
}
.fi-header-heading{
    text-transform: uppercase;
}