/* Hide global search */
.fi-global-search-field,
.fi-topbar .fi-global-search {
    display: none !important;
}

/* Force vertical layout for Flux Operational buttons */
[data-flux-operational] .fi-in-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

[data-flux-operational] .fi-in-actions > * {
    width: 100% !important;
}

/* Target the internal Filament grid that renders actions side by side */
[data-flux-operational] .fi-in-actions .fi-ac {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    grid-template-columns: none !important;
}

/* Override Filament's default grid layout for actions */
[data-flux-operational] .fi-ac-actions,
[data-flux-operational] .fi-in-actions-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    flex-wrap: nowrap !important;
}

/* Target the grid container specifically */
[data-flux-operational] .grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

/* Override any grid-cols classes */
[data-flux-operational] [class*="grid-cols-"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

[data-flux-operational] .fi-in-actions a,
[data-flux-operational] .fi-in-actions button {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Target Filament action buttons specifically */
[data-flux-operational] .fi-ac-btn,
[data-flux-operational] .fi-btn {
    width: 100% !important;
}

[data-flux-operational] .fi-in-actions svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* Hide empty Actions containers in Flux Operational section */
[data-flux-operational] .fi-in-actions:not(:has(button:not([style*="display: none"]):not(.hidden), a:not([style*="display: none"]):not(.hidden))) {
    display: none !important;
}

/* Hide the wrapper div when all buttons inside are hidden */
[data-flux-operational] > div > div > div:has(.fi-in-actions:empty),
[data-flux-operational] .fi-in-actions:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}