/* Compact Repeater Styling for Filament Admin */
.compact-repeater .fi-fo-repeater-item {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 8px 16px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    margin-bottom: 8px !important;
}

.dark .compact-repeater .fi-fo-repeater-item {
    border-color: #374151 !important;
    background: #1f2937 !important;
}

/* Treat header content as direct children of the item card flex container */
.compact-repeater .fi-fo-repeater-item > :first-child {
    display: contents !important;
}

/* Reorder handle group on the left */
.compact-repeater .fi-fo-repeater-item > :first-child > :first-child {
    order: 1 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Hide label text to keep it compact */
.compact-repeater .fi-fo-repeater-item-label,
.compact-repeater .fi-fo-repeater-item > :first-child > :first-child > span {
    display: none !important;
}

/* The fields content container in the middle */
.compact-repeater .fi-fo-repeater-item > :nth-child(2) {
    order: 2 !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Delete button actions group on the right */
.compact-repeater .fi-fo-repeater-item > :first-child > :nth-child(2),
.compact-repeater .fi-fo-repeater-item > :first-child > :last-child {
    order: 3 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Hide header borders and backgrounds */
.compact-repeater .fi-fo-repeater-item-header {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    margin: 0 !important;
}