/* Hacer el logo más grande en la página de login */
.fi-simple-page .fi-logo {
    height: 6rem !important;
    width: auto !important;
    max-width: 100% !important;
}

/* Asegurar que el logo mantenga sus proporciones */
.fi-simple-page .fi-logo img {
    height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Layout de botones de acciones en tabla: 3 por fila */
/* Los estilos grid se aplican via JavaScript para mayor compatibilidad */

/* Estilos para los botones dentro del grid */
table td button[class*="fi-"],
table td a[class*="fi-"] {
    width: 100% !important;
    min-width: 50px !important;
    justify-content: center !important;
    display: inline-flex !important;
    padding: 0.5rem !important;
}

/* Asegurar que los iconos se vean centrados */
table td button svg,
table td a svg {
    margin: 0 auto !important;
}

/* Asegurar que ApexCharts ocupe todo el ancho del card */
.filament-apex-charts-chart,
.filament-apex-charts-chart-container,
.filament-apex-charts-chart-object,
.apexcharts-canvas {
    width: 100% !important;
}

.filament-apex-charts-chart {
    align-items: stretch !important;
}

.filament-apex-charts-chart-container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.filament-apex-charts-widget .fi-section-content {
    padding-top: 0.5rem !important;
    padding-bottom: 0.75rem !important;
}