/* JSON row-editor widget styles — extracted from
   common/widgets/{array_of_objects,key_value,array}_json_widget.html.
   TODO(tier-1): #f8f9fa and #dc3545 are Bootstrap gray-100/danger tokens;
   swap for var(--bs-gray-100) / var(--bs-danger) when this moves to SCSS. */

.aojson-table,
.kvjson-table,
.ajson-table {
    margin-bottom: 0.5rem;
}

.aojson-row:hover,
.kvjson-row:hover,
.ajson-row:hover {
    background-color: #f8f9fa;
}

.aojson-index,
.ajson-index {
    font-weight: 500;
    vertical-align: middle;
}

.kvjson-remove,
.ajson-remove {
    padding: 0.25rem 0.5rem;
}

.kvjson-remove:hover,
.ajson-remove:hover {
    color: #dc3545 !important;
}