.customrepeater-field {
    margin-bottom: 20px;
}

.customrepeater-field > label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.customrepeater-items {
    margin-bottom: 15px;
}

.customrepeater-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.customrepeater-item .panel-heading {
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customrepeater-item .panel-body {
    padding: 15px;
}

.customrepeater-handle {
    cursor: move;
    user-select: none;
}

.customrepeater-handle i {
    margin-right: 8px;
    color: #999;
}

.customrepeater-item .panel-body {
    padding: 15px !important;
}

.customrepeater-item .panel-body > .customrepeater-field-wrap > fieldset {
    margin-bottom: 12px !important;
}

.customrepeater-actions {
    display: flex;
    gap: 5px;
}

.customrepeater-actions .btn {
    padding: 3px 8px;
}

.customrepeater-add {
    margin-top: 10px;
}

/* Template - always hidden */
.customrepeater-template {
    display: none !important;
}

/* Sortable placeholder */
.customrepeater-placeholder {
    border: 2px dashed #ccc;
    background-color: #f9f9f9;
    margin-bottom: 10px;
    height: 100px;
}

/* Dragging state */
.customrepeater-item.ui-sortable-helper {
    opacity: 0.8;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* Nested fields styling */
.customrepeater-item .form-group {
    margin-bottom: 15px;
}

.customrepeater-item .form-group:last-child {
    margin-bottom: 0;
}