/**
 * Light mode only. Dark mode intentionally falls through to Filament's own
 * palette, which resolves from the `gray` color registered in AdminPanelProvider
 * (Color::Neutral) — gray-900 for panels, gray-950 for the body.
 */
html:not(.dark) .fi-sidebar-nav {
    background-color: #fff !important;
}

html:not(.dark) .fi-body {
    background-color: #F3F4F6 !important;
}

/**
 * Repeaters tagged `fi-repeater-inline-actions` drop the item card and lay each
 * row out as [content | actions], so the delete button sits beside the input
 * rather than on a header bar above it. Intended for single-control items such
 * as a FusedGroup, which brings its own border.
 */
.fi-repeater-inline-actions .fi-fo-repeater-item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    /* The delete button carries a -0.5rem bleed, so budget for it here. */
    gap: 1rem;
    background-color: transparent !important;
    box-shadow: none !important;
}

.fi-repeater-inline-actions .fi-fo-repeater-item-content {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 !important;
    border-top: 0 !important;
}

.fi-repeater-inline-actions .fi-fo-repeater-item-header {
    flex: none;
    padding: 0 !important;
    cursor: default;
    /* Filament clips the header; without padding that cuts the icon button's
       negative margin in half. */
    overflow: visible !important;
}